html, body { height: 100%;}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
a {outline: medium none;text-decoration: none;cursor: pointer; color: #005980;}
a:hover {text-decoration: none;color: #009fda; }
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }
input,select,option,textarea{outline: none;}
body { padding: 46px 0 0 0; -webkit-font-smoothing: antialiased; margin: 0; width: 100%; padding-top: 0 !important;font-size: 14px;}
.content{min-height:calc(100vh - 323px);border-bottom:1px solid transparent}
.wrapper{min-width:1040px;min-height:99.9vh;position:relative}
.wrapper>.ui.container{position:absolute;top:50%;left:50%;width:1000px;padding:0;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wrapper:after,.wrapper:before{content:'';position:fixed;bottom:0;background-size:contain;background-repeat:no-repeat;z-index:-2}
.wrapper:before{width:394px;height:468px;background-image:url(/default/login/images/bg-left.png);left:0}
.wrapper:after{width:487px;height:412px;background-image:url(/default/login/images/bg-right.png);right:0}
.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5{margin:0}

.Main{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;width:inherit;position:relative;-webkit-box-shadow:0 20px 80px 0 rgba(0,0,0,.3);box-shadow:0 20px 80px 0 rgba(0,0,0,.3)}
.Main:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;z-index:-1}
.Main .background-grey{background:#f9f9f9!important}
.FormList,.MainBox{margin:0 auto;width:50%;min-height:432px; position: relative;}

.MainBoxCon{-webkit-box-flex:1;-ms-flex:1;flex:1}
.MainBoxContent{color:#fff;font-size:14px;margin-top:46px}
.MainBox-Header{opacity:.5}
.ml12{margin-left:12px}
.MainBox-Desc{margin-top:16px;line-height:1.71429}

.MainBox {color:#fff;position:relative;padding:80px 0 48px;background:-webkit-gradient(linear,left bottom,left top,from(#3a485a),to(#607089));background:linear-gradient(0deg,#3a485a 0,#607089 100%)}
.MainBox::after,.MainBox::before {content:'';position:absolute;top:0;left:0;bottom:0;right:0}
.MainBox::before {background:url(/default/login/images/left-1.png) no-repeat 0 0}
.MainBox::after {background:url(/default/login/images/left-2.png) no-repeat right bottom}
.MainBox-Logo img{width:144px}
.MainBox-title {font-weight:400}
.MainBoxDiv {position:relative;z-index:1;height:100%; padding: 0 80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.MainBox-Copy{font-size:14px;padding-top:40px;margin-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.MainBox-Copy a{color:#fff}
.MainBox-Copy a:hover{color:#e6e6e6}
.MainBox-Copy a:active{color:#ccc}
.ui.checkbox{position:relative;display:inline-block;min-height:17px;min-width:17px;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:middle;margin:0;padding:0;width: 50%;}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type='checkbox'] {
    --active: #fe7300;
    --active-inner: #fff;
    --input-border: #fe7300;
    --input-border-hover: #fe7300;
    --background: #fff;
    --disabled: #F5F9FF;
    --disabled-inner: #E4ECFA;
    --shadow-inner: rgba(18, 22, 33, .1);
    height: 16px;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
    transition: background .3s ease, border-color .3s ease; vertical-align: middle;background: #f3f6f8;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fff), to(#e4e7ec));
    background-image: linear-gradient(180deg, #fff 2%, #e4e7ec 100%);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px; margin-right: 3%;
  }
  input[type='checkbox']:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: opacity .2s ease, -webkit-transform .3s ease, -webkit-filter .3s ease;
    transition: transform .3s ease, opacity .2s ease, filter .3s ease;
    transition: transform .3s ease, opacity .2s ease, filter .3s ease, -webkit-transform .3s ease, -webkit-filter .3s ease;
  }
  input[type='checkbox']:checked,
  input[type='radio']:checked {
    background: var(--active);
    border-color: var(--active);
  }
  input[type='checkbox']:checked:after {
    -webkit-filter: drop-shadow(0 1px 2px var(--shadow-inner));
            filter: drop-shadow(0 1px 2px var(--shadow-inner));
    transition: opacity 0.3s ease, -webkit-filter 0.3s ease, -webkit-transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2), -webkit-filter 0.3s ease, -webkit-transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);
  }
  input[type='checkbox']:disabled {
    cursor: not-allowed;
    opacity: .9;
    background: var(--disabled);
  }
  input[type='checkbox']:disabled:checked {
    background: var(--disabled-inner);
    border-color: var(--input-border);
  }
  input[type='checkbox']:hover:not(:checked):not(:disabled),
  input[type='radio']:hover:not(:checked):not(:disabled) {
    border-color: var(--input-border-hover);
  }
  input[type='checkbox']:not(.switch){
    width: 16px;
  }
  input[type='checkbox']:not(.switch):after {
    opacity: 0;
  }
  input[type='checkbox']:not(.switch):checked:after {
    opacity: 1;
  }

  input[type='checkbox']:not(.switch) {
    border-radius: 3px;
  }
  input[type='checkbox']:not(.switch):after {
    width: 4px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 4px;
    top: 0;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  input[type='checkbox']:not(.switch):checked:after {
    -webkit-transform: rotate(43deg);
            transform: rotate(43deg);
  }
  input[type='checkbox'].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type='checkbox'].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--input-border);
  }
  input[type='checkbox'].switch:checked:after {
    background: var(--active-inner);
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
  }
  input[type='checkbox'].switch:disabled:not(:checked):after {
    opacity: .6;
  }
}

.FormList h2{color:#40485b;display:inline-block;margin-bottom:24px}
.FormListCon{height:80%;padding:64px 75px 48px;position:relative}
.login{font-size:18px;border:none;cursor:pointer;line-height:30px;padding:10px 26px;font-weight:500;color:#fff;background:#fe7300;width:100%;margin-top:3%}
.login:hover{background:#f38d30}
.fr { float: right;}
.item-ifo{position: relative;margin-bottom: 20px;}
.txt03{width:94%;line-height: 17px;padding:3%;border: 1px solid #dfe3e9;float: none;color: #999;overflow: hidden; border-radius: 3px;}
.txt03.v_error{background: #fff0f0; border-color: #dbb1b1; color: #d95c5c; border-radius: 0em 0.2857rem 0.2857rem 0em; -webkit-box-shadow: 2px 0em 0em 0em #d95c5c inset; box-shadow: 2px 0em 0em 0em #d95c5c inset;}
.txt03:focus{border-color:#fe7300;}
.blank {width:16px;height:16px; font-size:16px;position: absolute;left:280px;top:11px;float: none; color:#7abd54}
.close{position: absolute;top:5px;right:25px;font-size: 24px;}
.focus,.focusa,.error{ font-size:14px; color:#999;margin-top: 2%;display: block;}
.focus span,.error span{ line-height:16px; display:block; padding:3px 0;}
.focus{color: #999;}
.valid{color: #f00;}
.strength {color: #999;line-height: 22px;padding-right: 10px;clear: both;float: none;position: absolute;top:39px;right: -9px; display:none}
.strength b {float: left;width: 108px;height:16px;overflow: hidden;margin-top: 5px; font-weight:400;}
.strength b i{ font-style:normal; font-size:10px; width:34px; height:16px;line-height:16px; display:inline-block; float:left; background:#dbdbdb; text-align:center; margin-left:1px; color:#fff;}
.strength b i.on{ background:#ff6160}
.btn-blue{ font-size:18px; height:44px; line-height:44px; padding:0; width:270px;}
.btn-gray{ height:34px; line-height:34px; padding:0 12px;}
.orange { border-radius: 2px; padding: 2px; border: 1px solid #fe7300; color: #fe7300; display: inline-block; background: transparent !important; width: 149px; text-align: center; cursor: pointer;}

.qcode {width:220px;height:220px;margin:0 auto;margin-top:6%;cursor:pointer}
.qcode img { width: 100%;}
.beizhu {text-align:center;margin:5% auto;color:#999}
.card{position:absolute;top:43%;left:50%;width:350px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.card-wrap{position:relative;margin:0 auto}
.card{transition:all .3s .1s ease-out}
.card:not(.is-show){opacity:0;-webkit-transform:translate(-50%,-50%) rotateX(95deg);transform:translate(-50%,-50%) rotateX(95deg)}
.card.is-show{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}
.codelogin{position:absolute;top:50%;left:50%; z-index: 999; background: #fff; }
.codeButton {float: right; position: absolute; right: 0; top: 0;}

.login-tip{position:absolute;top:2%;right:12%}
.poptip{position:relative;padding:5px 20px 5px 15px;height:16px;border:1px solid #f3d995;background:#fefcee;line-height:16px}
.poptip .poptip-content{color:#df9c1f;font-weight:400;font-size:12px}
.poptip .poptip-content .iconfont{margin-right:8px;color:#df9c1f;font-size:14px}
.poptip-arrow{position:absolute;z-index:5;*zoom:1}
.poptip-arrow em,.poptip-arrow span{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;border-color:hsla(0,0%,100%,0);border-color:transparent \0;border-style:solid;*zoom:1;*border-color:transparent;_border-color:tomato;_filter:chroma(color=tomato)}
.poptip-arrow{top:8px;right:0}
.poptip-arrow em{top:0;left:1px;border-width:6px 0 6px 6px;border-left-color:#f3d995}
.poptip-arrow span{border-width:6px 0 6px 6px;border-left-color:#fefcee}