@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 */
.ewm_box{ position:fixed; right:20px; top:24%; 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%;}

@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%;
}
}