@font-face {
    font-family: 'Open Sans';
    src: url('/font/opensans-webfont.eot'); /* IE9 Compat Modes */
    src: url('/font/opensans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/font/opensans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('/font/opensans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('/font/opensans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/font/opensans-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body, p, h1, h2, h3, ul, ol, li, a, span {
    font-family: 'Open Sans';
}

input {
    background: #fff;
}

body .demo-skin-radius {
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
}

body .layui-layer-dialog .layui-layer-content {
    word-break: normal;
}

.ifrtitle {
    height: 80px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#F5F5FA); /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #fff, #F5F5FA); /* IE 10 */
    background: -moz-linear-gradient(top,#fff,#f6f6f8); /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#F5F5FA)); /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F5F5FA)); /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #fff, #F5F5FA); /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #fff, #F5F5FA); /*Opera 11.10+*/
    padding: 10px;
}

.ifrtitle2 {
    height: 69px;
    background: #2B7CFF;
    /*line-height: 69px;*/
}

.ifrtitle i {
    color: #C2C2C2;
    cursor: pointer;
}

.color-green {
    color: #5ba3ed;
}

.text-18 {
    font-size: 18px;
}

.border-lv {
    border-color: #66d6db !important;
}

.ifrbiaoti {
    margin-top: 0px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 69px;
}

.tab .tab-nav li {
    width: 50%;
    background: #F5F5F8;
    float: left;
}

    .tab .tab-nav li a {
        border: none;
        line-height: 69px;
        height: 69px;
        padding: 0px;
        color: #969696;
        font-weight: normal;
    }

.tab .tab-nav .active {
    /*background: #B3EEF0;*/
    background: #2D97FF;
}

    .tab .tab-nav .active a {
        color: #fff !important;
    }

.tab .tab-body {
    border: none;
}

.bukedian {
    color: #0074C0;
}

.kedian {
    color: #C2C2C2;
    cursor: pointer;
}

.ifrmain {
    padding: 10px 20px;
}

#ifrlogintitle {
    font-size: 14px;
    color: #ccc;
    margin-right: 0px;
}

.ifror {
    background: url(/images/ifrorbg.gif) repeat-x center;
    text-align: center;
    margin: 10px 0px;
}

    .ifror span {
        background: #fff;
        font-size: 14px;
        color: #898B93;
        font-weight: bolder;
    }


.ifrlogintxt {
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    color: #C8C8C8;
    background: #FAFAFA;
    margin-bottom: 15px;
    height: 40px;
}



    .ifrlogintxt input[type=text], .ifrlogintxt input[type=password] {
        border: none;
        transition: none;
        box-shadow: none;
        background: #FAFAFA;
        margin: 7px 0 0 0;
        border-radius: 0px 4px 4px 0px;
        border-left: 1px solid #C8C8C8;
        height: 26px;
        padding: 0px 6px;
    }

    .ifrlogintxt .media-body {
        margin: 0px;
    }


.ifrlogintxticon {
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
}

    .ifrlogintxticon i {
        font-size: 22px;
    }

.ifrforgotps {
    text-align: right;
    margin: 10px 0px;
}


.ifrbtn {
    background: #0074C0;
}

#ifrbtnlogin, #ifrbtnreg {
    position: absolute;
    bottom: 50px;
}


.ifrregtxt {
    padding: 10px 0px 10px 10px;
}

    .ifrregtxt i {
        font-size: 22px;
        color: #C8C8C8;
    }

    .ifrregtxt input {
        height: 40px;
    }

    .ifrregtxt select {
        background: #F6F6F6;
        border: 1px solid #F6F6F6;
        border-radius: 3px;
        color: #FFFFFF;
        appearance: menulist;
        -moz-appearance: menulist; /* Firefox */
        -webkit-appearance: menulist; /* Safari 和 Chrome */
        /*background: url("/images/icon/arrow.png") no-repeat scroll right center transparent;*/
    }


.submit {
    margin-top: 120px;
    width: 100%;
    height: 44px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #2B7CFF !important;
    border-radius: 22px;
    cursor: pointer;
    font-size: 14px;
    max-width: 400px;
}

    .submit:hover {
        background: #2364cc !important;
    }

.layui-input-block {
    margin-left: 0px;
    position: relative;
}

.layui-form-label {
    padding: 9px 0px;
    text-align: left;
    width: 30px;
}

.layui-form-select dl dd.layui-this {
    background-color: #0074C0;
}

.layui-form-select dl {
    margin-bottom: 50px;
}

.layui-form-checkbox i {
    color: #fff;
}

.ifrregtxt .layui-form-item {
    margin-bottom: 10px;
}

.field-icon .icon {
    top: 0px;
}

.input {
    height: 40px;
    border-radius: 0px;
    box-shadow: none;
    transition: none;
}

.field-icon .icon {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 22px;
    color: #c8c8c8;
}

.field-icon .input {
    text-indent: 30px;
}

.input:focus, .layui-input:focus {
    border-color: #2B7CFF !important;
}

.color-ifrGreen {
    color: #afd3f7 !important;
}

.gb-ifrGreen {
    color: #afd3f7;
    border-color: #afd3f7 !important;
}

    .gb-ifrGreen:hover {
        color: #fff;
        background: #afd3f7 !important;
    }

.position-icon {
    position: absolute;
    left: 0px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    top: 0px;
}

.position-input {
    text-indent: 30px;
}

.iconsvg {
    color: #E0E0E0;
}

.txtinput {
    background: #FFFFFF;
    border: 1px solid #CED2D9;
    border-radius: 22px;
    padding: 12px 24px;
    height: 44px;
    width: 100%;
    font-size: 14px;
}