﻿@charset "utf-8";
html,body{min-height: 100%;}
body{margin: 0px;padding:0;overflow: hidden;background: url('../../img/login/loginbg.jpg') no-repeat center center;background-size: 100% 100%;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
input{outline: none;color: #000;}
input::-webkit-input-placeholder {color: #777;}
[v-cloak] {display: none;}
.inputtexttable_WX {
    width: 670px;
    height: 500px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(250, 253, 255, 0.34);
    box-shadow: 0px 13px 32px 0px rgba(0, 0, 0, 0.29);
    position: absolute;
    top: 600px;
    left: 50%;
    margin-left: -345px;
}
.loginbg{width: 1920px;height: 1080px;}
.inputtexttable{width:580px;height:460px;background:rgba(255,255,255,0.1);border:1px solid rgba(250, 253, 255, 0.34);box-shadow:0px 13px 32px 0px rgba(0, 0, 0, 0.29);position: absolute;top: 300px;left: 50%;margin-left: -290px;}
.logoin_title{width: 472px;text-align: center;height: 30px;color: #fff;font-size: 28px;font-weight: 500;margin: 60px auto 40px;line-height: 30px;}
.logoin_title a{color: #fff;text-decoration: none;display: inline-block;width: 50%;text-align: center;box-sizing: border-box;height: 100%;cursor: pointer;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.21);}
.logoin_title a.active{color: #00B6A4FF;text-shadow: none;}
.logoin_title a:first-child{border-right: 1px solid #fff;}
.logoin_title a:last-child{border-left: 1px solid #fff;}

.logoin_list{width: 420px;margin: 0 auto;}
.logoin_list li{margin-bottom: 28px;position: relative;}
.logoin_list li.ico1,.logoin_list li.ico2{padding-left: 50px;background-color: rgb(232, 240, 254);box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.08);}
.logoin_list li.ico1{background-image: url(../../img/login/ico1.png);background-size: 19px 22px;background-repeat: no-repeat;background-position: 20px center;}
.logoin_list li.ico2{background-image: url(../../img/login/ico2.png);background-size: 19px 22px;background-repeat: no-repeat;background-position: 20px center;}
.inputcls{width: 100%;height: 54px;background-color: rgb(232, 240, 254);border: none;box-sizing: border-box;color: #000;font-size: 16px;}
.submitBtn{display:block;width: 100%;height: 60px;background: #00B6A4FF;line-height: 60px;text-align: center;color: #fff;font-size: 22px;font-weight: 400;border: none;cursor: pointer;}
.endLink{display: flex;justify-content: space-between;font-size: 16px;color: #fff;}
.endLink a{color: #fff;font-size: 16px;text-decoration: none;}
input[type="checkbox"]{width: 16px;height: 16px;background: transparent;vertical-align: middle;border-radius: 3px;}
.logoin_logo{width: 620px;height: 64px;background: url(../../img/login/logo.png) no-repeat 0 0;background-size: 100% auto;position: absolute;top: 138px;left: 235px;}
.logoin_text{width: 565px;height: 33px;background: url(../../img/login/endText.png) no-repeat 0 0;background-size: 100% 100%;position: absolute;top: 920px;right: 109px;}
.logoin_list .sendCode{height: 54px;width: 135px;background: #27B8A9;text-align: center;line-height: 50px;line-height: 54px;color: #fff;font-size: 16px;display: block;position: absolute;top: 0;right: 0;cursor: pointer;}
.logoin_list .sendCode.active{background: #999;}
.login_tips{color: red;font-size: 16px;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.21);margin-top: -10px;}
/*选择项目*/
#selectItemMain{width: 769px;height: 355px;border: 1px solid #E7E7E7;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;background-color: #F8F8F8;background-image: url(../../img/login/ltbg.png),url(../../img/login/rtbg.png);background-position: right top,left bottom;background-repeat: no-repeat,no-repeat;box-sizing: border-box;}
#selectItemMain h2{font-size: 30px;color: #0B8C76;font-weight: bold;text-align: center;margin: 0;padding: 55px 0 25px;}
#selectItemMain h3{font-size: 24px;color: #525252;font-weight: 400;text-align: center;margin: 0;padding: 0;padding-bottom: 70px;}
#selectItemMain .selbox{width: 576px;height: 40px;margin: 0 auto;display: flex;justify-content: space-between;}
#selectItemMain .selList{width: 453px;height: 40px;}
#selectItemMain .selList select{width: 100%;height: 100%;border-radius: 4px;border: 1px solid #BABABA;}
#selectItemMain .selbox .inbtn{height: 40px;width: 103px;font-size: 18px;color: #fff;border-radius: 6px;text-align: center;line-height: 40px;display: block;background: #0B8C76;cursor: pointer;}

#selectItemMain .return{width: 26px;height: 26px;display: block;background: url(../../img/login/return.png) no-repeat 0 0;background-size: 100% 100%;position: absolute;left: 10px;top: 10px;opacity: .4;}
.copyRight{color: #fff;position: absolute;bottom: 20px;left: 0;right: 0;font-size: 14px;text-align: center;z-index: 9999;}
.SelectItem_Down{width: 453px;height: 40px;background: #fff;border: 1px solid #bababa;display: flex;justify-content: space-between;align-items: center;}
.SelectItem_List{width: 453px;max-height: 320px;min-height: 100px;overflow-y: auto;overflow-x: hidden;margin-top: 45px;}
.SelectItem_List.dropdown-menu{position: initial;font-size: 16px;}
.SelectItem_List > li{cursor: pointer;padding: 2px 0;}
.SelectItem_Search{position: absolute;top: 40px;left: 0px;right: 0px;z-index: 1001;border: 1px solid rgba(0, 0, 0, .15);padding: 8px 10px;background: #fff;border-bottom: none;}

/*国庆节*/
#NationalDay .logoin_title a.active{color: #f34935;}
#NationalDay .submitBtn{background: #f34935;}
#NationalDay .logoin_list .sendCode{background: #f34935;}
#NationalDay .logoin_list li.ico1{background-image: url(../../img/login/ico11.png);}
#NationalDay .logoin_list li.ico2{background-image: url(../../img/login/ico22.png);}
#NationalDay .logoin_logo{width: 300px;height: 122px;background: url(../../img/login/logo_gq.png) no-repeat 0 0;background-size: 100% auto;position: absolute;top: 160px;left: 0;right: 0;margin: auto;}