﻿@import url('../../DefaultTheme/CuiNew/Cuiai.css');
.warp{width:1200px;margin:auto;position:relative;}
.fl{float:left;}
.fr{float:right;}

.pd{padding: 0 46px 0 46px;}

.hr18{height: 18px;background: #f5f5f5;clear: both;}

.w72{width: 72px;}
.w230{width: 230px;}
.w360{width: 360px;}
.w820{width: 820px;}
.w950{width: 950px;}

.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-25{font-size: 25px;}
.font-size-26{font-size: 26px;}
.font-size-28{font-size: 28px;}
.font-size-30{font-size: 30px;}
.font-size-34{font-size: 34px;}
.font-size-36{font-size: 36px;}
.font-size-40{font-size: 40px;}
.font-size-52{font-size: 52px;}
.font-size-60{font-size: 60px;}
.font-size-80{font-size: 80px;}
.font-size-90{font-size: 90px;}

.font-bold{font-weight: normal;}

.text-align-left{text-align: left;}
.text-align-right{text-align: right;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb18{margin-bottom: 18px;}
.mb20{margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml18{margin-left: 18px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr18{margin-right: 18px;}
.mr20{margin-right: 20px;}

.color-white{color: #fff;}
.color-gray{color: #666;}
.color-shallow-gray{color: #999;}
.color-blue{color: #00a0e9;}

.bg-gray{background: #f5f5f5;}

.btn{padding: 12px 45px; overflow: hidden;display: inline-block;border-radius: 100px;text-align: center;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn-border-bule{border: 1px solid #00a0e9;color: #00a0e9;}
.btn-border-bule:hover{background: #00a0e9;color: #fff;}
.btn-border-white{border: 1px solid #fff;color: #fff;}
.btn-border-white:hover{background: #fff;color: #00a0e9;}
.cui-btn-line{padding:0 10px;display: block;height: 38px;line-height: 38px;border: 1px solid #0f9be3;text-align: center;color: #0f9be3;border-radius: 4px;}

.blue-linear-gradient,.cui-btn{background: rgb(36,218,217);background: -moz-linear-gradient(-45deg, rgba(36,218,217,1) 0%, rgba(7,133,230,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(36,218,217,1) 0%,rgba(7,133,230,1) 100%);background: linear-gradient(135deg, rgba(36,218,217,1) 0%,rgba(7,133,230,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dad9', endColorstr='#0785e6',GradientType=1 );}
.blue-linear-red {
    background: rgb(54,239,152);
    background: -moz-linear-gradient(-45deg, rgba(54,239,152,1) 0%, rgba(61,202,33,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(54,239,152,1) 0%,rgba(61,202,33,1) 100%);
    background: linear-gradient(135deg, rgba(54,239,152,1) 0%,rgba(61,202,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75ef97', endColorstr='#61cb28',GradientType=1 );
}

.login-bg{position: fixed;top: 0;left: 0;z-index:-99;-ms-flex: 0 0 auto;width: 100%;height: 100%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;background-size: cover;background-position: center;background-repeat: no-repeat;}
.login_gansu_bg{background-image: url(../Images/login_gs_bg.jpg);}

/*header*/
.header {
    height: 80px;
    width: 100%;
    padding-top: 30px;
}
    .header .logo {
        text-align: center;
        position: relative;
        top: 46px;
    }
        .header .logo a {
            color: #fff;
            line-height: 68px;
            font-size: 42px;
            font-weight: bold;
            letter-spacing: 3px;
            text-shadow: #86888a 1px 1px 3px;
            display: block;
        }
.position{margin: 10px 0;height: 42px;line-height: 42px;display: block;}
.position span{color: #999;}

/*登录*/
.user-icon {position: absolute;left: 1px;top: 1px;width: 38px;line-height: 44px;text-align: center;color: #d2d2d2;font-size: 24px;}
.login-main .login-banner{width: 100%;background-size: cover;text-align: center;}
.login-main .login-txt {
    color: #fff;
    position: relative;
    text-align: left;
    margin-top: 220px;
    margin-left: 90px;
    text-shadow: #86888a 1px 1px 3px;
}
    .login-main .login-txt h2 {
        font-size: 38px;
        height: 62px;
        line-height: 62px;
        display: block;
        margin-bottom: 24px;
    }
.login-main .login-txt p{color: #fff;}
.login-main .login-model {
    position: relative;
    left: 0;
    top: 152px;
    width: 370px;
    height: 370px;
    display: block;
    /*background-color: rgba(255,255,255,0.96);*/
    background:#fff;
    border-radius: 15px;
    margin: 0 auto;
    box-sizing: border-box;
}
.login-main .login-model h2{color: #333;border-left: 5px solid #087abe;line-height: 45px;margin: 20px 0;font-weight: normal;text-align: left;padding-left: 32px;}
.login-main .login-model .layui-tab-bar{ display: none;}
.login-main .login-model form{padding: 0 44px;box-sizing: border-box;}
.login-main .login-model .lg-item{text-align: left;display: block;position: relative;margin-bottom: 26px;}
.login-main .login-model .lg-item .lg-tit{margin: 10px 0 20px 0;color: #555;}
.login-main .login-model .lg-item .input{width: 100%;height: 48px;line-height: 48px;display: block;border-width: 0px 0px 1px 0px;border-style: solid;border-color: #dedede; box-sizing: border-box;padding-left: 40px;font-size: 16px;}
.login-main .login-model .lg-item .yzm{color: #0874bd; display: inline-block; box-sizing: border-box; position: absolute; right: 10px; top: 14px;}
.login-main .login-model .lg-item .check:checked + label .icon {background: #11d987;}
.login-main .login-model .lg-item .check {display: none;}
.login-main .login-model .lg-item .check:checked + label {color: #fff;}
.login-main .login-model .lg-item label .icon {width: 15px;height: 15px; position: relative;top: 2px;border-radius:100px;position: relative;display: inline-block;background: rgba(0,0,0,0.2);}
.login-main .login-model .lg-item label .icon:before{left:3px;width:5px;bottom:6px;-webkit-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);transform:scale(0) rotate(0);}
.login-main .login-model .lg-item label .icon:after{top:6px;right:0;-webkit-transform:scale(0) rotate(0); -ms-transform:scale(0) rotate(0);transform:scale(0) rotate(0);}
.login-main .login-model .lg-item label .icon:before, .login-main .login-model .lg-item label .icon:after {content: '';width: 10px;height: 2px;box-sizing: border-box;background: #fff;position: absolute;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.login-main .login-model .lg-item label .icon:before {left: 3px;width: 5px;bottom: 6px;-webkit-transform: scale(0) rotate(0);-ms-transform: scale(0) rotate(0);transform: scale(0) rotate(0);}
.login-main .login-model .lg-item .check:checked + label .icon:before{-webkit-transform:scale(1) rotate(45deg);-ms-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}
.login-main .login-model .lg-item .check:checked + label .icon:after{-webkit-transform:scale(1) rotate(-45deg);-ms-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);}
.login-main .login-model .lg-item em{color: #555;}
.login-main .login-model .lg-item .login-btn{width: 100%;height: 50px;line-height: 50px;display: block;text-align: center;color: #fff;border-radius:4px;border:none;cursor:pointer;}
.login-main .login-model .lg-item .input::-webkit-input-placeholder{color:#a9a9a9;}
.login-main .login-model .lg-item .input::-moz-placeholder{color:#a9a9a9;}　　
.login-main .login-model .lg-item .input:-moz-placeholder{color:#a9a9a9;}
.login-main .login-model .lg-item .input:-ms-input-placeholder{color:#a9a9a9;}

.login-main .login-model .layui-tab{margin-top:20px;}
.login-main .login-model .layui-tab .layui-tab-title{border: none;margin: 0 auto;width: 311px;margin-bottom: 8px;padding-left: 0px;padding-top:0px;}
.login-main .login-model .layui-tab .layui-tab-title li {
    padding: 0 6px;
    width: 110px;
    border: 0px solid #fff;
    margin: 0 5px;
    color: #0e98e3;
}
.login-main .login-model .layui-tab .layui-tab-title .layui-this {
    color: #0e98e3;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 0;
}
.login-main .login-model .layui-tab .layui-tab-title .layui-this:after{border:none;font-weight:bold;}

.login-main .login-model .item-pass .lg-item{margin-bottom:15px;}
.login-main .login-model .item-pass .lg-item .input-code{padding-left: 20px;}
.login-main .login-model .item-pass .lg-item .img-valid-code{position: absolute;top: 5px;background-color: #fff;left: 80px;}
.login-main .login-model .item-pass .lg-item .a-valid-code{position: absolute;top: 12px;right: 0;}

.login-main .login-model .lg-item .input:disabled{background:#fff;}

.layui-tab-content {
    margin-bottom: 0;
    padding-bottom: 0;
}
.login-model .login-footer {
    display: block;
    margin-top: -10px;
    padding: 0 52px;
}
.layui-jr-link {
    color: #555 !important;
    font-size: 14px;
}
    .layui-jr-link:hover {
        text-decoration: underline;
    }

.login-tips {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    font-weight: bold;
    color: #ebf3ff;
    line-height: 26px;
}
    .login-tips font {
        color: #ff991a;
    }
    .login-tips a {
        color: #77b4ff;
        text-decoration: underline;
    }


.cui-btn {
    width: 194px;
    line-height: 49px;
    height: 49px;
    display: inline-block;
    text-align: center; /*background: url(../img/style-icons.png) -360px -57px no-repeat;*/
    font-size: 18px;
    color: #fff;
}

@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*footer*/
.footer{position: fixed;bottom: 0px;left: 0;z-index:-98;text-align: center;background-color:rgba(103, 103, 103, 0.58);color:#fff;width:100%;height: 50px;line-height: 50px;}
.footer a{color: #fff;font-size: 14px;}
.footer .footer-con{width:1200px;margin:0 auto;}
.footer .footer-con .footer-con-l{float: left; }
.footer .footer-con .footer-con-r{float:right;}

/*成功提示*/
.tip-success{padding: 15px 35px;text-align:center;font-size: 16px;}
.tip-success img{position:relative;top:-2px; margin-right:5px;}