body {
}
body {
    margin: 0px;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
}

h1 {
    margin: 0px;
}

ul, li {
    margin-top: 0px;
    padding: 0px;
    list-style-type: none;
}

a:link {
    color: #0069ca;
    text-decoration: none;
}

a:visited {
    color: #0069ca;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #369;
}

input, label {
    vertical-align: middle;
}

#login, #top {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

    #top h1 {
        vertical-align: middle;
        font-size: 30px;
        font-family: "微软雅黑";
        padding-top: 8px;
        margin: 10px 0px 10px 0px;
        color: #666;
    }

        #top h1 i {
            color: #CCC;
            font-style: normal;
            font-size: 28px;
            margin: 0px 10px;
        }

    #top .link {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #top .phone {
        position: absolute;
        top: 15px;
        right: 0px;
        font-size: 14px;
    }

        #top .phone b {
            font-family: Georgia;
            font-size: 30px;
            color: #F90;
        }

.login-input {
    width: 340px;
    height: 360px;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: #FFF;
    position: absolute;
    right: 0px;
    top: 0px;
}

.padding29 {
    padding: 0px 29px;
}

.padding37 {
    padding: 0px 37.5px;
}

.mar-top20 {
    margin-top: 20px;
}

.login-type {
    list-style: none;
    padding-top: 20px;
}

    .login-type li {
        float: left;
        width: 105px;
        color: #999;
        font-size: 14px;
        background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat -378px 0px;
        line-height: 22px;
        padding-left: 25px;
        cursor: pointer;
        position: relative;
    }

        .login-type li i {
            position: absolute;
            display: inline-block;
            width: 127px;
            height: 24px;
            background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat -8px -76px;
            top: -20px;
            left: 0px;
        }

        .login-type li.hover {
            background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat -378px -24px;
            color: #02B0E6;
        }

.info-input {
    border: #CCC 1px solid;
    background-color: #FFF;
    margin: 20px 0px;
    padding-left: 32px;
    height: 32px;
}

    .info-input:hover {
        border-color: #09F;
        background-color: #EEFAFF;
    }

    .info-input input {
        border: none;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0px 0px 0px 2px;
        color: #999;
    }

        .info-input input:hover {
            color: #333;
        }

.name-input {
    background: #FFF url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat 0px 0px;
}

.pwd-input {
    background: #FFF url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat -42px 0px;
}

.code-input {
    background: #FFF url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) no-repeat -78px 0px;
    position: relative;
}

    .code-input span {
        position: absolute;
        left: 110px;
        top: 0px;
        display: block;
        width: 150px;
        text-align: right;
        vertical-align: middle;
    }

        .code-input span img {
            margin-right: 10px;
            float: left;
        }

.login-btn {
    background-color: #FF6600;
    border-radius: 5px;
    width: 100%;
    color: #FFF;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    cursor: pointer;
}

    .login-btn:hover {
        background-color: #FF9900;
    }

.share-login {
    position: absolute;
    bottom: 0px;
    right: -1px;
    width: 323px;
    background-color: #F5F5F5;
    border: 1px #CCCCCC solid;
    margin-top: 20px;
}

.share-login-bg {
    background-color: #ebebeb;
    position: relative;
    height: 34px;
}

    .share-login-bg span {
        width: 111px;
        height: 34px;
        background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) -8px -38px no-repeat;
        display: inline-block;
        color: #666666;
        line-height: 34px;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.qq-login {
    background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) -125px -41px no-repeat;
    display: inline-block;
    width: 89px;
    height: 28px;
    position: absolute;
    top: 3px;
    left: 120px;
}

.weixin-login {
    background: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png) -228px -41px no-repeat;
    display: inline-block;
    width: 89px;
    height: 28px;
    position: absolute;
    top: 3px;
    left: 220px;
}

.share-login-bg a:hover {
    opacity: 0.6;
}


.clear {
    clear: both;
}

.w230 {
    width: 229px;
}

.w70 {
    width: 70px;
}

.w72 {
    width: 72px;
}

.hide {
    display: none;
}

.copyright {
    color: #999;
    font-size: 11px;
    border-top: #E1E1E1 1px solid;
    padding-top: 10px;
    text-align: center;
    /*height: 38px;*/
}

.login-title {
    color: #09F;
    font-size: 16px;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px #0099FF solid;
}

.section {
    height: 420px;
    background-image: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/hotel-bg.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    background-color: #C28119;
}

.advantage ul {
    width: 1000px;
    margin: 20px auto;
}

    .advantage ul li {
        display: inline-block;
    }

        .advantage ul li label {
            display: inline-block;
            width: 50px;
            height: 50px;
            background-image: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/login/sprite.png);
            background-repeat: no-repeat;
            vertical-align: top;
        }

            .advantage ul li label.number {
                background-position: -156px -72px;
            }

            .advantage ul li label.security {
                background-position: -223px -72px;
            }

            .advantage ul li label.profit {
                background-position: -288px -72px;
            }

        .advantage ul li span {
            display: inline-block;
            width: 270px;
            color: #999;
            padding-left: 10px;
        }

            .advantage ul li span b {
                font-size: 16px;
                font-family: "微软雅黑";
                display: block;
                color: #666;
            }

.STYLE1 {
    font-size: 12px;
}

.STYLE2 {
    color: #004a94;
}

/*taiyi add 20160105*/
.nav_ul {
    list-style: none;
}

    .nav_ul li {
        float: left;
        width: 120px;
    }

        .nav_ul li a {
            color: #FFF;
            font-size: 14px;
            text-align: center;
            text-decoration: none;
            display: block;
        }

            .nav_ul li a:hover {
                color: #ff6633;
                font-size: 14px;
                text-decoration: none;
            }

    .nav_ul .active {
        border-bottom: 3px solid #ff6633;
        height: 38px;
    }

.main {
    width: 980px;
    margin: 0 auto;
}

h2 {
    font-size: 26px;
    font-family: "微软雅黑";
    font-weight: 200;
    color: #666;
    border-bottom: #CCC 1px solid;
    position: relative;
    height: 40px;
}

.title {
    width: 300px;
    background-color: #FFF;
    position: absolute;
    top: 18px;
    left: 340px;
    text-align: center;
}

.ul_ico {
    margin-top: 40px;
    list-style: none;
}

    .ul_ico li {
        width: 89px;
        margin-left: 14px;
        margin-right: 15px;
        position: relative;
    }

        .ul_ico li span {
            color: #666;
            font-size: 12px;
            position: absolute;
            top: 50px;
            left: -15px;
        }

.ico,
.ico_quick,
.ico_note,
.ico_download,
.ico_true,
.ico_surrend,
.ico_certificate,
.ico_claims,
.ico_service {
    background-image: url(//cdn.517la.net/insuranceRS/common/insuranceTrade/img/20160105/ico.png);
    background-repeat: no-repeat;
}

.ico {
    display: inline-block;
    height: 47px;
    width: 47px;
}

.ico_quick {
    background-position: 0px 0px;
}

.ico_note {
    background-position: -125px 0px;
}

.ico_download {
    background-position: -245px 0px;
}

.ico_true {
    background-position: -367px 0px;
}

.ico_surrend {
    background-position: -491px 0px;
}

.ico_certificate {
    background-position: -612px 0px;
}

.ico_claims {
    background-position: -734px 0px;
}

.ico_service {
    background-position: -858px 0px;
}

.cooper_mode {
    margin-top: 35px;
}

    .cooper_mode ul {
        list-style: none;
        margin-top: 40px;
    }

        .cooper_mode ul li {
            float: left;
            width: 230px;
            margin-right: 15px;
        }

            .cooper_mode ul li span {
                background-color: #ff6633;
                padding: 8px 5px;
                color: #FFF;
                width: 80px;
                display: inline-block;
                text-align: center;
                line-height: 16px;
                position: relative;
            }

                .cooper_mode ul li span i {
                    display: inline-block;
                    position: absolute;
                    right: -32px;
                    top: 0;
                    border: 16px solid #fff;
                    border-left-color: #ff6633;
                }

.api_interface {
    width: 230px;
    padding-top: 20px;
    float: left;
}

    .api_interface h4 {
        font-size: 16px;
        color: #666;
        margin-top: 10px;
    }

    .api_interface p {
        padding-top: 10px;
        color: #9B9B9B;
    }

.div_content {
    border-right: #CCC 1px solid;
    padding-right: 5px;
    float: left;
    color: #9B9B9B;
}

.div_content_1 {
    border-right: #CCC 1px solid;
    padding-left: 15px;
    padding-right: 10px;
    float: left;
    color: #9B9B9B;
}

.cps_chennel {
    width: 230px;
    padding-top: 20px;
    float: left;
    padding-left: 15px;
}

    .cps_chennel h4 {
        font-size: 16px;
        color: #666;
        margin-top: 10px;
    }

    .cps_chennel p {
        padding-top: 10px;
        color: #9B9B9B;
    }

.advert {
    width: 230px;
    padding-top: 20px;
    float: left;
    padding-left: 15px;
}

    .advert h4 {
        font-size: 16px;
        color: #666;
        margin-top: 10px;
    }

    .advert p {
        padding-top: 10px;
        color: #9B9B9B;
    }

.h90 {
}

.clear-fix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0px;
    clear: both;
}

.about_sevice {
    padding: 20px 0px;
}

    .about_sevice ul {
        list-style: none;
        margin-top: 30px;
    }

        .about_sevice ul li {
            display: inline-block;
            margin-right: 10px;
        }

            .about_sevice ul li img {
                border: none;
            }

.login-head {
    height: 57px;
    line-height: 57px;
    border-bottom: 1px rgb(238, 238, 238) solid;
}

    .login-head ul {
        height: 57px;
        font-size: 0px;
    }

        .login-head ul li {
            width: 50%;
            color: rgb(204, 204, 204);
            font-family: 微软雅黑;
            font-size: 16px;
            text-align: center;
            display: inline-block;
        }

            .login-head ul li a {
                width: 100%;
                height: 57px;
                display: block;
                text-decoration: none;
                color: #ccc;
            }

                .login-head ul li a:hover {
                    color: #666;
                }

    .login-head .selected {
        color: #666;
        border-bottom: 2px rgb(204, 204, 204) solid;
    }

.loginBtn {
    width: 125px;
    text-align: center;
    color: white;
    font-family: "微软雅黑";
    background-color: #0686d6;
    line-height: 40px;
    font-size: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgb(6, 134, 214);
}

    .loginBtn:hover {
        background-color: #0874b7;
    }

.login-foot {
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #333;
    position: relative;
}

    .login-foot a {
        text-decoration: none;
        color: #666;
    }

    .login-foot img {
        position: absolute;
        top: 34px;
        left: 70px;
    }

.login-focus .num {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}

    .login-focus .num li {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-weight: 400;
        font-family: 微软雅黑, Arial;
        color: rgb(255, 255, 255);
        background: rgb(68, 68, 68);
        margin-right: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
    }

        .login-focus .num li.on {
            background: #FF7700;
        }

.ImgList {
    width: 100%;
    height: 420px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

#container {
    height: 421px;
    width: 100%;
    margin: 0px;
    min-width: 1024px;
    position: relative;
}

.button {
    height: 20px;
    position: absolute;
    right: 50%;
    bottom: 20px;
    z-index: 3;
    display: inline-block;
}

    .button .hover {
        background: #FF7700;
    }

    .button li {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-weight: 400;
        font-family: 微软雅黑, Arial;
        background: rgb(68, 68, 68);
        margin-right: 10px;
        border-radius: 50%;
        cursor: pointer;
    }

        .button li a {
            text-decoration: none;
            color: white;
        }