@charset "utf-8";
/* !
 * Date: 2020-07-03T16:40Z by luzy
 */
html,body{ float:left; width:100%; height:100%; overflow:hidden; }
body{ font-size:14px; margin:0; padding:0; list-style:none; color:#fff; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
ul,li{ list-style:none; margin:0; padding:0; }
input{ border:none; background:none; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.l{ float:left; }
.r{ float:right; }
.c{ clear:both; }
.fl100{ float:left; width:100%; }
.li_txt{ float:left; width:92%; padding:0 4%; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow: ellipsis; }

/* login background */
.login_bg{ position:absolute; z-index:-1; width:100%; height:100%; overflow:hidden; text-align:center; background-color:rgba(0,0,0,0.9); }
.login_bg img{ height:100%;width:100%;  display:none; }

/* login */
.login_box{ float:left; width:100%; margin-top:20px; }
.logo{ width:600px; text-align:center; margin:0 auto;     display: flex;
    justify-content: space-evenly;
    align-items: center;}
.logo img{ max-width:100%;max-height: 100px; }
.login{ width:500px; margin:0 auto; background-color:rgba(255,255,255,0.8); color:#000; height:510px; overflow:hidden; }
.login .ttl{ text-align:center; font-size:22px; padding:30px 0; border-bottom:1px solid; border-color:rgba(0,0,0,0.1); }
.login .content{ float:left; width:80%; margin-left:10%; }
.login .sub_ttl{ float:left; font-size:18px; margin:30px 0; }
.login .login_tab_bar{ display:flex; width:80%; margin:0 auto 15px; padding:0; list-style:none; border-bottom:2px solid #ddd; box-sizing:border-box; }
.login .login_tab_bar li{ flex:1; text-align:center; padding:12px 0; cursor:pointer; font-size:16px; color:#666; user-select:none; }
.login .login_tab_bar li.active{ color:#c3252c; font-weight:bold; border-bottom:3px solid #c3252c; margin-bottom:-2px; }
.login .psw_con,.login .code_con{ margin-bottom:20px; height:260px; }
.login .psw_con .fl100 li{ float:left; width:100%; margin-bottom:10px; background:#fff; height:46px; }
.login .psw_con .fl100 li img{ float:left; margin:10px; }
/* .login .psw_con .fl100 li input{ float:left; width:80%; height:44px; line-height:44px; } */
.login .psw_con .fl100 li input{ width: calc(100% - 5rem - 2px);
    height: 44px;
    line-height: 44px;
    padding: 0px 2.5rem 0px 2.5rem;
    background: url(/themes/login/images/icon_user.png) no-repeat 0.625rem center #fff;
    background-size: 4%;
    border: 1px solid #ccc; }
    #captcha{
    width: calc(60% - 5rem - 2px);
    background: url(/themes/login/images/ico-yzm.png) no-repeat 0.625rem center #fff;
    background-size: 7%;
        margin: 0;
    }
    #password{    background: url(/themes/login/images/icon_psw.png) no-repeat 0.625rem center #fff;
    background-size: 4%;}
.login .psw_con .enter{ float:left; width:100%; height:46px; line-height:46px; background:#c4272e; color:#fff; font-size:18px; letter-spacing:5px; margin-bottom:10px; cursor:pointer; }
.login .psw_con .enter:hover{ font-size:20px; }
.login .psw_con .btm_l{ float:left; width:60%; }
.login .psw_con .txt_link{ float:left; color:#666; margin:10px 20px 20px 0; }
.login .psw_con .txt_link:hover{ color:#333; }
.login .psw_con .btm_l li{ float:left; width:100%; margin-top:15px; text-align:left; color:#333; background:url(../images/icon_arrow_gray_r.png) no-repeat left center; padding-left:20px; cursor:pointer; }
.login .psw_con .btm_l li a{ color:#333; text-decoration:none; }
.login .psw_con .btm_l li a:hover{ color:#000; }
.login .psw_con .btm_r{ float:right; width:40%; color:#333; text-align:right; }
.login .psw_con .btm_r img{ width:100px; height:100px; margin-bottom:5px; }
.login .code_con{ text-align:center; color:#333; line-height:22px; }
.login .code_con code_img{ width:230px; height:230px; }
.login .btm_footer{ text-align:center; font-size:14px; color:#333; padding:15px 0; border-top:1px solid; border-color:rgba(0,0,0,0.1); }

/* index */
.header{ height:60px; line-height:60px; background-color:rgba(0,0,0,0.6); }
.header .l{ height:42px; vertical-align:middle; margin:9px 0 0 20px; }
.header .rig{ float:right; }
.header .rig li{ float:left; margin:0 20px 0 0; }
.header .rig li img{ vertical-align:middle; margin-right:8px; }
.header a,.index_main a{ color:#fff; text-decoration:none; }
.header .rig li:hover{ text-decoration:underline; }

.index_main{ width:1000px; margin:0 auto; color:#fff; margin-top:30px; }
.index_main .tab{ margin-bottom:20px; background-color:rgba(0,0,0,0.5); }
.index_main .tab li{ float:left; width:33.33%; font-size:20px; text-align:center; padding:8px 0; cursor:pointer; }
.index_main .tab li:hover{ background-color:rgba(255,255,255,0.08); }
.index_main .tab li span{ font-size:14px; margin-left:5px; }
.index_main .tab li.now{ background-color:rgba(255,255,255,0.15); }
.index_main .tab_con{ display:none; }

.card{ float:left; width:49%; height:270px; overflow:hidden; background-color:rgba(0,0,0,0.5); }
.card h1{ width:100%; background-color:rgba(255,255,255,0.15); margin:0; padding:0; height:50px; line-height:50px; font-size:14px; font-weight:normal; }
.card h1 span{ float:left; font-size:18px; margin-left:15px; }
.card h1 .r{ margin-right:15px; }
.card .con{ width:100%; height:240px; font-size:12px; overflow-y:auto; }
.card .app_logo_list{ float:left; width:100%; }
.card .app_logo_list li{ float:left; width:24.7%; height:100px; text-align:center; border-bottom:1px solid; border-right:1px solid; border-color:rgba(255,255,255,0.1); }
.card .app_logo_list li img{ width:60px; height:60px; margin-top:10px; }
.card .app_logo_list li:hover{ background-color:rgba(255,255,255,0.15); }
.card .app_logo_list li .collect,.card .app_logo_list li .collected{ display:none; }
.collect,.collected{ position:absolute; width:18px; height:18px; margin:5px 0 0 90px; cursor:pointer; background:url(../images/icon_heart.png) no-repeat center; background-size:16px 16px; }
.card .app_logo_list li:hover .collect,.card .app_logo_list li:hover .collected{ display:block; }
.collected{ background-image:url(../images/icon_heart_yes.png); display:none; }
.collect:hover{ background-size:18px 18px; }
.card:nth-child(even){ float:right; }

.slogan{ color:#fff; text-align:center; margin:50px 0 0 0; padding:10px 0; letter-spacing:15px; background-color:rgba(0,0,0,0.3); }
.slogan .top{ font-size:32px; font-weight:bold; letter-spacing:25px; border-bottom:1px solid; border-color:rgba(255,255,255,0.3); padding-bottom:10px; margin-bottom:10px; }
/* 404 */
.error{ height:100%; text-align:center; background:url(../images/body_bg3.jpg) no-repeat center; }
.error img{ margin-top:100px; }
.error h2{ font-size:88px; }
.error .btn{ color:#fff; border:1px solid #fff; padding:10px 50px; border-radius:20px; text-decoration:none; }
.error .btn:hover{ background-color:rgba(255,255,255,0.1); }
/* footer */
.footer{ width:100%; text-align:center; color:#fff; position:fixed; bottom:15px; text-shadow:3px 3px 5px #333; }

@media (max-width:1000px){ 
	.index_main{ width:90%; }
	.logo img{ height:58px; }
}