@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size: 14px;}
body, html{height:100%;}
a{ text-decoration:none; color:#222; outline:none;}
a:hover{ color:#2ba683;}
ul,li{ list-style-type:none;}
img{ border:0;vertical-align:top;}
input,textarea,select{ vertical-align:middle;outline:0;font-family:"Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,select,input,a,div,strong,span,b{ margin: 0; padding: 0; }
body{width:100%;font-family:"Microsoft YaHei","SimHei",Arial;font-size:14px;/* min-width:320px; */overflow-x:hidden;color:#222;line-height: 1.75;}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}

input::-o-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-ms-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-moz-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-o-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-ms-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-moz-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::input-placeholder{
    color:rgba(255,255,255,.8);
}

@-webkit-keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}
@keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}

@-webkit-keyframes bgbody02 {
    0%{
        bottom: 100%; 
    }
    100%{
        bottom: 20px; 
    }
}
@keyframes bgbody02 {
    0%{
        bottom: -100%; 
    }
    100%{
        bottom: 20px; 
    }
}

@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 24%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:24%; 
    }
}


.time_first{
    position:relative;
    -webkit-animation: bgbody 1s ease;
    -o-animation: bgbody 1s ease;
    animation: bgbody 1s ease;
}
.time_second{
    position:relative;
    -webkit-animation: bgbody 1.5s ease;
    -o-animation: bgbody 1.5s ease;
    animation: bgbody 1.5s ease;
}
.time_third{
    position:relative;
    -webkit-animation: bgbody 2s ease;
    -o-animation: bgbody 2s ease;
    animation: bgbody 2s ease;
}
.time_fourth{
    -webkit-animation: bgbody02 2.5s ease;
    -o-animation: bgbody02 2.5s ease;
    animation: bgbody02 2.5s ease;
}
.time_fifth{
    -webkit-animation: bgbody03 3s ease;
    -o-animation: bgbody03 3s ease;
    animation: bgbody03 3s ease;
}
/* header */
.login_body{ width:100%; height:100%; background:url(/res/images/show/index/login_body_bg.jpg) center/cover no-repeat; }
.login_body .loginBodyBt{
    display:block;
    width:100%;
    height:auto; 
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 0;
}
header{height:92px; line-height: 92px; width:100%;  overflow:hidden; }
header .logo{height: 50px;float:left;margin: 18px 10px 0 40px;}
header .logo img{display:block; height: 50px;}
header .top_nav{ float:left;}
header .top_nav a{display:inline-block;padding: 0 12px 0 45px;position:relative;color:#fff;font-size:22px;}
header .top_nav a.no1{background:url(/res/images/show/index/header_icon1.png) left 12px center no-repeat;}
header .top_nav a.no2{ background:url(/res/images/show/index/header_icon2.png) left 12px center no-repeat;}

@keyframes widthAll{ from{width:0;} to{width:100%;}}
@-webkit-keyframes widthAll{  from{width:0;}  to{ width:100%;}}
header .top_nav a:hover::after, header .top_nav a.on::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fd8d2d;}
header .top_nav a:hover, header .top_nav a.on{background-color: rgba(0,0,0,.1);}
header .top_nav a:hover::after{animation:widthAll .3s 1; -webkit-animation:widthAll .3s 1;}

.search_box{float:right;width:auto;margin: 30px 60px 0 0;}
.search_box input{ border:none; border-radius: 18px; color:#fff;}
.search_input{float:left;margin-right:9px;display:block;width: 240px;padding: 0 10px 0 40px;height:36px;line-height: 36px;color:#fff;background: url(/res/images/show/index/header_iconSearch.png) #2f9d82 left 17px center no-repeat;}
.search_btn{display:block;background:#40dbb9;width:78px;height:36px;color:#fff;font-size: 15px;cursor: pointer;background: #40dbb9;background: linear-gradient(70deg, #45e6c3 0%, #3ed9b7 100%);}
.search_btn:hover{ background:#37d4b2; box-shadow: 0 0 20px rgba(21,114,88, .5); }

.user_before{float:right;width:30px;height:30px;background:url(/res/images/show/index/login_user.png) no-repeat;margin: 32px 40px 0 0;display:block;}
.user_after{float:right;width:auto;height:32px;line-height: 32px;margin: 30px 40px 0 0;}
.user_after .img_box{float:left;width:32px;height:32px;margin-right: 10px;border-radius: 16px;background:#2f9d82;overflow:hidden;}
.user_after .img_box img{ width:100%; height:100%;}
.user_after span, .user_after a{display:inline-block;vertical-align: top;color:#fff; opacity:.7;margin-right: 15px;}
.user_after a.loginA{ 
    min-width: 30px;
    font-size: 0;
    background:url(/res/images/show/index/login_user.png) center no-repeat;
}
.user_after span, .user_after a:hover{ opacity:1;}
.user_after span.name{  color:#45e6c4;}
.user_after a.notice{background:url(/res/images/show/index/login_news.png) left center no-repeat;padding-left: 18px;position:relative;margin-right: 20px;}
.user_after a.notice:hover{ background-image:url(/res/images/show/index/login_news_on.png) ;}
.user_after a.notice em{position:absolute;top: -1px;right:-10px;min-width: 16px;height: 16px;line-height: 16px;text-align: center;background:#ff0101;color:#fff;font-size: 10px;font-style: normal;border-radius: 8px;}

/* header end */

.login_name{display:block;max-width: 1024px; width: calc(100% - 400px);height:auto;margin: 140px auto 90px;}
.login_name img{display:block;width: auto;max-width: 100%;margin: 0 auto;}

.login_button{display:block;width:268px;height:90px;line-height: 90px;font-size:18px;color:#fff;background:url(/res/images/show/index/login_btn01.png) center no-repeat; margin: 0 auto;text-align: center;border-radius: 29px; margin-top:-16px;}
.login_button i{display:inline-block;width:16px;height: 8px;background: url(/res/images/show/index/login_arrows.png) right top no-repeat;}
.login_button:hover{ color:#fff; }

/* 20200622add */
/* 20210110add */
.ewm_box01{width:48px;position:fixed;right:20px;top:24%;z-index: 888;}
.ewm_box01 li{ position:relative; width:48px; height:48px; margin-bottom:20px; border-radius:24px;}
.ewm_box01 li > img{ display:block; width:100%; height:48px; border-radius:24px;}

.ewm_box01 li .no1{display:none;position:absolute;left:-165px;top:-50px;z-index: 999;}
.ewm_box01 li .arrow{display:none;width:8px;height:8px;background:#fff;position:absolute;left: -45px;top: 24px;transform:rotate(45deg);z-index: 999;}
.ewm_box01 li .no2{display:none;position:absolute;height:48px;width:160px;line-height:48px;left: -155px;top:0;text-align:center;background: #fff;border-radius: 6px;overflow:hidden;z-index: 999;}
.ewm_box01 li .no2 a{ display:inline-block; font-size:14px; /*color:#fff*/; background:url(/res/images/show/index/arrows_go.png) left center no-repeat; padding-left:20px;}

.ewm_box01 li:hover .no1, .ewm_box01 li:hover .no2, .ewm_box01 li:hover .arrow{ display:block;}

/* 20210110add end */

.ewm_box{background:#fff; border:8px solid #e6e7ee; border-radius:12px; overflow:hidden; z-index:999;}
.ewm_box .top_line{ width:30%; height:7px; margin:0 auto; background:#e6e7ee; border-radius:4px;}
.ewm_box .ewm_img_box{width:100px;height:auto;margin: 25px 20px 15px;}
.ewm_box .ewm_img_box > img{ display:block; width:100%;}
.ewm_box p{font-size:14px;color:#999;line-height:1.5;text-align:center;margin-bottom: 20px;}

@keyframes mymove{ from{width:16px;} to{width:36px;}}
@-webkit-keyframes mymove{  from{width:16px;}  to{ width:36px;}}
.login_button:hover i {width:36px; animation:mymove .2s 1; -webkit-animation:mymove .2s 1;}

footer{position: fixed !important;bottom:15px;text-align: center;color:#fff;text-shadow: 0 0 2px #2d4040;width: 100%;}

/*20210113 add*/
.ewm_box01{
    width:auto;
    height:auto;
    right:0; 
    top: 26%;
}
@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 26%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:26%; 
    }
}
.ewm_box01 li{
    width:auto;
    height:auto;
    padding-left: 16px;
    margin-bottom: 0;
}
.ewm_box01 li .liDiv{
    width: 100px;
    height: 90px;
    border: 1px solid #ececec; 
    background-color: #fff;
    text-align: center;
    border-radius: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor:pointer;
    margin-top: -1px;
} 
.ewm_box01 li:first-of-type .liDiv{
    margin-top: 0;
}
.ewm_box01 li .icon{
    width:100%;
    height:25px;
    margin-top: 18px;
}
.ewm_box01 li .phoneIcon{
    background:url(/res/images/show/index/phoneIconF.png) center no-repeat;
}
.ewm_box01 li:hover .phoneIcon{
    background:url(/res/images/show/index/phoneIconF_hover.png) center no-repeat;
}
.ewm_box01 li .qqIcon{
    background:url(/res/images/show/index/qqIconF.png) center no-repeat;
}
.ewm_box01 li:hover .qqIcon{
    background:url(/res/images/show/index/qqIconF_hover.png) center no-repeat;
}
.ewm_box01 li .jyyAppIcon{
    background:url(/res/images/show/index/jyyAppIconF.png) center no-repeat;
}
.ewm_box01 li:hover .jyyAppIcon{
    background:url(/res/images/show/index/jyyAppIconF_hover.png) center no-repeat;
}
.ewm_box01 li .pcIcon{
    background:url(/res/images/show/index/pcIconF.png) center no-repeat;
}
.ewm_box01 li:hover .pcIcon{
    background:url(/res/images/show/index/pcIconF_hover.png) center no-repeat;
}
.ewm_box01 li .helpIcon{
    background:url(/res/images/show/index/helpIconF.png) center no-repeat;
}
.ewm_box01 li:hover .helpIcon{
    background:url(/res/images/show/index/helpIconF_hover.png) center no-repeat;
}
.ewm_box01 li .liDiv p{
    color:#666;
    line-height: 20px;
    margin-top: 16px;
}
.ewm_box01 li:hover .liDiv p{
    color:#38a1fa;
}
.ewm_box01 li .no2{ 
    width: auto;
    height: auto;
    line-height: 34px;
    padding:7px 12px;
    left:initial;
    right:115px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow: visible;
}
.ewm_box01 li .no2::after{
    display:block;
    content: '';
    width:0;
    height:0;
    border-top:5px solid rgba(0,0,0,0);
    border-bottom:5px solid rgba(0,0,0,0);
    border-left:5px solid #fff;
    position: absolute;
    right:-5px;
    top: 50%;
    margin-top: -5px;
}
.ewm_box01 li .no2 a{
    display:block; 
    white-space: nowrap;
    font-size: 12px;
    color:#333;
}
.ewm_box01 li .no2 a:hover{
    color:#38a1fa;
}
.ewm_box{
    width:118px;
    text-align: center;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
.ewm_box .ewm_img_box{
    display: inline-block;
    vertical-align: top;
    width:auto;
    height:90px;
    margin:30px 0 20px;
}
.ewm_box p{
    font-size: 12px;
    color:#333;
    line-height: 18px;
    margin-bottom: 21px;
}
.ewm_box01 li .no1{
    left:initial;
    right:115px;
    top: -30px;
    overflow:visible;
}
.ewm_box01 li .no1::after{
    display:block;
    content: '';
    width:0;
    height:0;
    border-top:5px solid rgba(0,0,0,0);
    border-bottom:5px solid rgba(0,0,0,0);
    border-left:5px solid #e6e7ee;
    position: absolute;
    right:-13px;
    top: 70px; 
}
/*20210311 add*/
.ewm_box01{
    top: 20%;
}
@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 20%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:20%; 
    }
}
.ewm_box .ewm_img_box{
    height:96px;
}
.ewm_box .ewm_img_box > img{
    width:auto;
    height:100%;
}
.ewm_box01 li .no2 a{
    cursor:pointer;
}
.ewm_box .list{
    margin-top: 30px;
} 
.ewm_box .list:last-of-type{
    margin-top: 0;
} 
.ewm_box .list .ewm_img_box{
    margin-top: 0;
    margin-bottom: 12px;
}
.ewm_box01 li .instructDiv{
    height: 98px;
    background-color: #41a5fa;
    border: 1px solid #41a5fa;
}
.ewm_box01 li .instructIcon{
    height:29px;
    background: url(/res/images/show/index/instructIcon.png) center no-repeat;
    margin-top: 14px;
}
.ewm_box01 li .instructDiv p{
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
    color:#fff;
}
.ewm_box01 li:hover .instructDiv p{
    color:#fff;
}
/*20220304 add*/
.positionLeft{
    position: fixed;
    left: 20px;
    top: 50%;
    z-index: 9;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: bgbody04 3s ease;
    -o-animation: bgbody04 3s ease;
    animation: bgbody04 3s ease;
}
@-webkit-keyframes bgbody04 {
    0%{
        top: 100%;
    }
    100%{
        top: 50%;
    }
}
@keyframes bgbody04 {
    0%{
        top: 100%;
    }
    100%{
        top:50%;
    }
}

@media (max-width: 1366px) and (min-width:1025px){
.login_name img{
    max-width:80%;
}
.ewm_box01{
    top: 15%;
}
@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 15%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:15%;
    }
}    
}


/*20210113 end*/
@media (max-width: 1366px) and (min-width:1025px){
.login_name img{
    max-width:80%;
}
.ewm_box01{
    top: 15%;
}
@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 15%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:15%; 
    }
}    
}
/*20210113 end*/
@media (max-width: 1360px){ 
.search_input{ width:160px;}
.search_box{ margin-right: 20px;}
}
@media (max-width: 1024px){ 
.login_body .loginBodyBt{
    width: 1000px;
    left: 50%;
    margin-left: -500px;
}
.user_after, header .top_nav{
    display:none;
}
header .logo{
    margin:18px 15% 0;
}
header .logo img{
    width:100%;
    height:auto;
}
.login_name{
    width:90%;
    margin:20% auto 5%;
}
.ewm_box{
    display:none;
}
.login_button{
    width:161px;
    height:54px;
    line-height: 54px;
    font-size: 14px;
    background: url(/res/images/show/index/login_btn01.png) center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-top: 10%;
}
    .positionLeft{
        top: 20%;
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
.positionLeft .ewm_box{
    display:block;
}
}