@charset "utf-8";

body {}



.layui-layer.lmkjclass{border-radius: 30px;}



.lmkjclass  .layui-layer-content  .layer_yes i{background:url(../img/yes.png)  no-repeat  center;display:block;margin:50px auto  10px;height:120px;}



.lmkjclass  .layui-layer-content .layer_yes p{    font-size: 30px;text-align:center}



.lmkjclass  .layui-layer-content  .layer_no i{background:url(../img/no.png)  no-repeat  center;display:block;margin:50px auto  10px;height:120px;}



.lmkjclass  .layui-layer-content .layer_no p{    font-size: 30px;text-align:center}



#mydiv {

    height: 100%;

    position: absolute;

    width: 100%;

    overflow: hidden;

    top: 0;

    left: 0;

    background: url(/static/images/bg.jpg) no-repeat #ededed;

    background-size: 100% auto;

}

.ico1 {

    background: url(../img/ico1.png) no-repeat;

    width: 225px;

    height: 542px;

    position: absolute;

    left: 0;

    top: 30%;display:none

}

.ico2 {

    background: url(../img/ico2.png) no-repeat;

    width: 568px;

    height: 515px;

    position: absolute;

    left: 300px;

    top: 30%;display:none

}

.sitename {

    position: absolute;

    top: 50px;

    left: 100px;

    font-size: 38px;

    color: #ededed;

}

.lang {

    position: absolute;

    right: 26px;

    top: 26px;

}

.lang img{    width: 20px;

    border-radius: 20px;}





.lang>a {

    cursor: pointer;

    position: relative;

    display: inline-block;

    text-align: left;

    color: #3b426b;

    border-radius: 3px;

    padding: 6px;

}

.lang>a:hover {

    background-color: #fff;

    border-radius: 3px;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.lang ul {

    display: none;

    position: absolute;

    right: 0;

    width: 110px;

    background-color: #fff;

    border: 1px solid #e1e5ed;

    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 5%);

    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);

    padding: 10px;

    border-radius: 6px;

}

.lang:hover ul {

    display: block

}

.lang ul li {

    line-height: 32px;

    height: 32px;

}

.lang ul li a {

    display: block;

    padding: 0 6px;

}

.lang ul li img {

    width: 20px;

    margin-right: 10px;

}

.lang ul li a:hover {

    background-color: #edf1f8;

}

#eyes {

    color: #d4d8dd;

    position: absolute;

    right: 10px;

    top: 15px;

}

#eyes.on {

    color: #93a2bb;

}



.tsk {

    color: red;display:none;

    font-size: 12px;

    line-height: 16px;

    text-align: right;

}

.jg+.tsk{display: block;}

.jg .tsk{display: block;}

.tsk i {

    margin-right: 5px

}

.login-main {

 

    position: absolute;

     right: 20%;

    top: 50%;

    margin-top: -242px;

  

}

.login-main .layui-col-md5 {

    float: right

}

.login-main .layui-form .layui-form-item input {

    height: 46px;

    line-height: 46px;

    border: 1px solid #d1d6e0;

    border-radius: 3px;

}

.login-main .layui-form .layui-form-item input:hover {

    border-color: rgba(32, 37, 51, .6);

}

.login-main .layui-form .layui-form-item input:focus {

    border: 2px solid #3973ff !important;

    outline: 0;

    background-color: #f7f9fc;

}

.login-main .layui-form .layui-form-item .jg input,.login-main .layui-form   .layui-form-item.jg input {

    border: 2px solid red !important;

    outline: 0;

    background-color: #ffeff1;

}

.login-main .layui-form .layui-form-item label {

    line-height: 44px;

    color: #93A2BB;

    font-size: 20px

}



.login-main .layui-form .layui-form-item .jg label,.login-main .layui-form .layui-form-item.jg label {

    color:red;

}





.layui-icon-emailb:before {

    content: "\e159";

}

.layui-icon-passwordb:before {

    content: "\e897";

}

.layui-icon-vercodeb:before {

    content: "\e0D8";

}

.layui-form-item .layui-input-inline .layui-input.w60 {

    width: 60%;display:inline-block;

}

.grid-gg {

    padding-right: 20px

}

.djyzm {

    text-align: center;

    color: #4d4d4d;

    background-color: #e8e8e8;

    background-image: -o-linear-gradient(top, #fefefe 0, #eee 100%);

    background-image: linear-gradient( 180deg, #fefefe, #eee);

    height: 38px;

    line-height: 38px;

    border: 1px #ddd solid;

    cursor: pointer;

}

.djyzm.on {

    background-color: #7ac23c;

    background-image: none;

    color: #fff;

}

.widgets__img_check_box {

    position: relative;

    text-align: center;

}

.widgets__img_display {

    position: relative;

    padding: 16px 16px 7px;

    border: 1px solid #ddd;

    background: #fff;

    overflow: hidden;

    margin: auto

}

.widgets__img_cnt {

    position: relative;

}

.widgets__img_src, .widgets__img_fragment_hollow {

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 10;

}

.widgets__img_src {

    position: relative;

    box-shadow: 0px 0px 6px 0px #73706e;

}

.widgets__img_fragment_cnt {

    top: 0px;

    left: -50px;

    position: absolute;

}

.widgets__img_fragment_cnt .widgets__img_fragment_content, .widgets__img_fragment_cnt .widgets__img_fragment {

    position: absolute;

    z-index: 20;

}

.widgets__smooth_cnt {

    position: relative;

    background-color: aqua;

    height: 50px;

    width: 80%;

    margin: auto;

    margin-top: 20px;

    border-left: 20px solid #f2ece1;

    border-right: 20px solid #f2ece1;

    border-radius: 24px;

    background-color: #f2ece1;

}

.widgets__smooth_bar, .widgets__smooth_circle {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}

.widgets__smooth_bar {

    width: 100%;

    height: 10px;

    background-color: #f27171;

    border-radius: 24px;

}

.widgets__smooth_circle {

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: #827878;

    border-radius: 50%;

    box-shadow: 0px 0px 6px 0px #73706e;

    cursor: pointer;

}

.widgets__icon_refresh {

    display: block;

    position: relative;

    width: 16px;

    height: 16px;

    padding: 2px;

    border: 4px solid transparent;

    cursor: pointer;

}

.widgets__icon_refresh:before {

    position: absolute;

    content: "";

    display: block;

    width: calc(100% - 4px);

    height: calc(100% - 4px);

    border-radius: 100%;

    border: 2px solid #b7b7b7;

    border-top: 2px solid transparent;

    -webkit-transform: rotate(45deg);

}

.widgets__icon_refresh:after {

    position: absolute;

    content: "";

    display: block;

    border: 7px solid transparent;

    border-left: 7px solid #b7b7b7;

    left: 50%;

    top: -3.5px;

}

.btn-captcha {

    position: absolute;

    top: 6px;

    right: 6px;

    height: 32px;

    width: 100px;

    border-radius: 3px;

    background-color: #2461f6;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    line-height: 32px;

    text-align: center;

    cursor: pointer;

    opacity: .6;

    border: 0;

}

#fsyzm .layui-btn-disabled, #fsyzm .layui-btn-disabled:active, #fsyzm .layui-btn-disabled:hover {

    border-color: #eee!important;

    background-color: #c0c0c1!important;

    color: #ffffff!important;

    cursor: not-allowed!important;

    opacity: 1;

}



 	 .sjlogo{ padding: 20px 0 10px;   text-align: center;

    background: #fff;}

	.sjlogo img{height: 63px;}

		.tablis{    margin-bottom: 20px;

    overflow: hidden;}

	

	.tablis a{display: block;

    float: left;

    width: 50%;    text-align: center;

    line-height: 40px;

    font-size: 16px;

    border-bottom: 1px #ddd solid;}

	.tablis a.on{    border-bottom: 1px #1E9FFF solid;

    color: #1E9FFF;}

.logina {

  width: 320px;

    padding: 0 30px;

    background: #fff;

    float: right;

    border-radius: 20px;

}

.logina .login-btn .layui-btn {

    background: -webkit-gradient(linear, left top, left bottom, from(#648cff), to(#4172fa));

    background: -o-linear-gradient(top, #648cff 0, #4172fa 100%);

    background: linear-gradient( 180deg, #648cff, #4172fa);

    border: 1px solid rgba(51, 100, 237, .35);

    border-radius: 3px;

    -webkit-box-shadow: inset 0 -2px 0 0 #3262e6, 0 3px 4px 0 rgb(44 71 146 / 32%);

    box-shadow: inset 0 -2px 0 0 #3262e6, 0 3px 4px 0 rgb(44 71 146 / 32%);

    width: 100%;

    cursor: pointer;

    height: 48px;

    font-weight: 500;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}

.logina .layui-btn:hover {

    -webkit-transform: scale(1) translateY(-4px);

    -ms-transform: scale(1) translateY(-4px);

    transform: scale(1) translateY(-4px);

    -webkit-box-shadow: 0 8px 20px 0 rgb(44 71 146 / 40%);

    box-shadow: 0 8px 20px 0 rgb(44 71 146 / 40%);

    color: #fff;

}

.login-main .layui-elip {

    margin-top: 10%;

    height: 35px;

    line-height: 35px;

    font-size: 30px;

    font-weight: 100;

    text-align: center;

}

.login-main .layui-elip span.version {

    font-size: 12px;

}

.login-main form .layui-input-inline, .login-main form .layui-input-inline button {

    width: 100%;

}

.login-main form .verify-box input {

    display: inline-block;

}

.login-main .layui-elip {

    margin-bottom: 20px;

}

  .verify-box img {

    display: inline-block;

    margin-left: 2%;

    width: 36%;

    height:46px;    cursor: pointer;

}

.lay-user-jump-change {

    float: right;

}

.lay-link {

    color: #1E9FFF!important;

}

.lay-user-login-other>* {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    font-size: 14px

}

.lay-user-login-other {

    position: relative;

    font-size: 0;

    line-height: 38px;

}

.lay-user-login-other .layui-icon {

    position: relative;

    top: 2px;

    font-size: 38px

}

.lay-user-login-other a:hover {

    opacity: .8

}

.layui-form .layui-form-item {

    position: relative;

    margin-bottom: 20px;

}

.layui-form .layui-form-item label {

    position: absolute;

    left: 1px;

    top: 1px;

    width: 38px;

    line-height: 36px;

    text-align: center;

    color: #999;

}

.layui-form .layui-form-item input {

    padding :0 36px;

}

.slider-btn {

    position: absolute;

    width: 44px;

    height: 44px;

    left: 0;

    top: -7px;

    z-index: 12;

    cursor: pointer;

    background-image: url("../img/sprite.3.2.0.png");

    background-position: 0 -84px;

    transition: inherit;

}

.ver-tips {

    position: absolute;

    left: 0;

    bottom: -22px;

    background: rgba(255, 255, 255, 0.9);

    height: 22px;

    line-height: 22px;

    font-size: 12px;

    width: 100%;

    margin: 0;

    text-align: left;

    padding: 0 8px;

    transition: all 0.4s;

}

.slider-tips {

    bottom: 0;

}

.ver-tips i {

    display: inline-block;

    width: 22px;

    height: 22px;

    vertical-align: top;

    background-image: url(../img/sprite.3.2.0.png);

    background-position: -4px -1229px;

}

.ver-tips span {

    display: inline-block;

    vertical-align: top;

    line-height: 22px;

    color: #455;

}

.active-tips {

    display: block;

}

.hidden {

    display: none;

}

.re-btn {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 28px;

    padding: 0 16px;

}

.re-btn a {

    display: inline-block;

    width: 14px;

    height: 14px;

    margin: 7px 0;

    background-image: url(../img/sprite.3.2.0.png);

    background-position: 0 -1179px;

    cursor: pointer;

}

.re-btn a:hover {

    background-position: 0 -1193px;

}

.verBox {

    display: none;

    z-index: 999;

    position: relative;

}

#imgVer {

    background: #fff;

    position: fixed;

    top: 50%;

    left: 50%;

    margin-left: -197px;

    margin-top: -136px;

}

.hbg {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgb(51 51 51 / 45%);

    display: none;

}
 .gzs-bottombar{display:none;}
@media screen and (max-width: 450px) {
	
 .gzs-bottombar{width:100%;height: 40px; padding:5px 0;background:#fff;position:fixed;bottom:0;left:0;z-index:1000;box-shadow:0 -1px 10px 0 rgba(0,0,0,0.05);display:block} .gzs-bottombar a{width:25%;float:left;height:40px; color:#999;text-align:center;font-size:14px;} .gzs-bottombar a span{display:block} .gzs-bottombar a .iconfont{font-size:18px} .gzs-bottombar a.on{color:#ff700a;} 
	
	
	
.sjlogo{padding:10px 0}
.sjlogo img{width:100%;height: auto;}
.layui-form .layui-form-item{margin-bottom:15px}
.logina  .layui-form-item:last-child{margin-bottom:0}
    .ico1, .ico2, .sitename {

        display: none

    }

    .login-main .layui-elip {

        display: none

    }

 

    .layui-form .layui-form-item.lay-user-login-other {

        margin-bottom: 0

    }

    .layui-form-item .layui-input-inline {

        margin: 0 0 10px 0px;

    }

    .tc {

        text-align: center

    }

    #mydiv {

        background-size: auto 100%! important;

    }

    .layui-form-item .layui-input-inline.w60 {

        width: 46% !important;

        float: left;

        margin-right: 0px;

    }

    .login-main .layui-elip {

        font-size: 20px;

        font-weight: bold;

        color: #000

    }

    .login-main {

        width: auto;

      

        position: initial;

        margin: 20px;

        margin-top:80px;

  

    }

    .grid-gg {

        display: none

    }

    .logina {

        width: 100%;float:none;    box-sizing: border-box;padding-bottom: 20px;

    }

    #imgVer {

        margin-left: -146px;

        margin-top: -127px;

    }

}