﻿@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

body {
    margin: 0 auto;
    padding: 0;
    font-family: '';
    font-size: 12px;
    color: #666;
    background: #fff;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    color: #ff307e;
}

a {
    height: auto;
    color: #585858;
}

img {
    border: none;
}

ul, dt, dd {
    list-style: none;
}

ul, li {
    list-style: none;
}

.hidden {
    display: none;
}

.mains {
    position: absolute;
    height: 100%;
    left: 50%;
    max-width: 400px;
    margin: 0px auto;
    margin-left: -175px; /*此处的负值是宽度的一半*/
    -webkit-box-shadow: 0 7px 17px #aaaaaa;
    -moz-box-shadow: 0 7px 17px #aaaaaa;
    box-shadow: 0 7px 17px #aaaaaa;
    /*background: rgb(238, 238, 238);*/
    padding: 0px 0 0;
}

.clear {
    clear: both;
}

.header {
    /*min-width: 300px;*/
    height: 55px;
    background-color: #0486C4;
}


    .header a:link, .header a:visited {
        color: #959595;
        text-decoration: none;
    }

    .header a:hover {
        color: #E5097B;
        text-decoration: underline;
    }

#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 20000;
}

    #mcover img {
        position: fixed;
        right: 18px;
        top: 5px;
        z-index: 20001;
    }

.headstyle {
    width: 100%;
    height: 60px;
    margin: 0px auto;
    background-color: white;
}

.logo {
    float: left;
    margin-left: 10px;
}

.sm {
    font-size: 13px;
}

#headlogin {
    margin-left: 10px;
}

.appdown {
    text-align: center;
    color: #585858;
    font-size: 13px;
    line-height: 40px;
}

.container {
    width: 100%;
    overflow: hidden;
}

.bj {
    /*width: 100%;*/
    margin: 5px 3px;
    margin-bottom: 55px;
    /*background-color: #fafafa;*/
}



.con {
    margin: 5px;
    width: 100%;
}


#toolbar .left {
    float: left;
    margin-top: 5px;
}

#toolbar .right {
    float: right;
    color: white;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 20px;
}



.banner {
    width: 100%;
}

    .banner img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

.hi {
    float: left;
    color: #aaaaaa;
    font-size: 17px;
    float: left;
    margin-right: 8px;
}

#login {
    background-color: #fff;
    height: 120px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

#inputs input {
    background: #f1f1f1 url(../images/login-sprite.png) no-repeat;
    background-color: #fff;
    padding: 10px 15px 10px 30px;
    margin: 0 0 10px 0;
    width: 86%; /* 353 + 2 + 45 = 400 */
    border: 0px;
    border-bottom: 1px solid #ccc;
    margin: 0px;
}

#username {
    background-position: 5px -8px !important;
}

#password {
    background-position: 5px -58px !important;
}

#inputs input:focus {
    background-color: #fff;
    border: 0px;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #C9C9C9 inset;
    -webkit-box-shadow: 0 0 0 1px #C9C9C9 inset;
    box-shadow: 0 0 0 1px #C9C9C9 inset;
}

input[type="text"] {
    padding: 0 2px 0 2px;
}

#inputs2 {
    background-color: #E3F3FF;
    margin: 0px;
    height: 40px;
    line-height: 40px;
    color: #878883;
    font-size: 14px;
    width: 97%;
    border: 0;
    padding: 0;
    margin: 0;
    float: left;
    padding: 0 0 0 0px;
}

    #inputs2 a {
        color: #3151A2;
        line-height: 35px;
        margin-left: 5px;
    }

/*--------------------*/
#actions {
    background-color: #E3F3FF;
    padding: 5px 0 0px 0px;
}

    #actions a {
        line-height: 35px;
    }

#actions2 {
    text-align: center;
    background-color: #E3F3FF;
    padding: 10px 0 10px 5px;
    margin: 5px 0 10px 5px;
}

    #actions2 a {
        color: #3151A2;
        line-height: 35px;
        margin-left: 5px;
        float: left;
        font-size: 18px;
    }

#submit {
    background-color: #2DA8E1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2DA8E1), to(#2DA8E1));
    background-image: -webkit-linear-gradient(top, #2DA8E1, #2DA8E1);
    background-image: -moz-linear-gradient(top, #2DA8E1, #2DA8E1);
    background-image: -ms-linear-gradient(top, #2DA8E1, #2DA8E1);
    background-image: -o-linear-gradient(top, #2DA8E1, #2DA8E1);
    background-image: linear-gradient(top, #2DA8E1, #2DA8E1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #2DA8E1 #2DA8E1 #2DA8E1 #2DA8E1;
    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #fff;
}

    #submit:hover, #submit:focus {
        background-color: #2DA8E1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
        background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: linear-gradient(top, #ffb94b, #fddb6f);
    }

    #submit:active {
        outline: none;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    }

    #submit::-moz-focus-inner {
        border: none;
    }

    #submit span {
        font-size: 12px;
    }

.menu {
    width: 100%;
    max-width: 100%;
    padding: 0px 13px;
    float: left;
    overflow: hidden;
}

.kgs {
    margin-top: 12px;
    border-top: solid 1px #e5e5e5;
}

.menuleft {
    color: #aaaaaa;
    font-size: 17px;
    float: left;
    border-bottom: solid 1px #e5e5e5;
}

.menuright {
    float: right;
    font-size: 16px;
    color: #424242;
    margin-right: 40px;
}

    .menuright span {
        font-size: 20px;
        color: #d61977;
    }


.guanzhu {
    width: 100%;
    float: left;
    padding: 10px 10px;
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden;
    clear: both;
}


.guanzhuleft {
    -moz-box-flex: 2.0; /* Firefox */
    -webkit-box-flex: 2.0; /* Safari 和 Chrome */
    box-flex: 2.0;
    float: left;
    font-size: 17px;
    color: #424242;
    line-height: 33px;
    font-weight: bold;
}

    .guanzhuleft span {
        font-size: 11px;
        color: #aaaaaa;
    }



.guanzhuright {
    /*width: 25%;*/
    -moz-box-flex: 1.0; /* Firefox */
    -webkit-box-flex: 1.0; /* Safari 和 Chrome */
    box-flex: 1.0;
    height: 35px;
    float: right;
    margin-right: 50px;
    text-align: center;
    line-height: 35px;
    background-color: #15adf6;
    border-radius: 10px;
    font-size: 14px;
}

.isguanzhu {
    float: right;
    font-size: 15px;
    color: #d61977;
    line-height: 33px;
    margin-right: 48px;
}

.guanzhuright a {
    padding: 10px;
    color: white;
}

.getguanzhuright {
    width: 148px;
    height: 35px;
    float: left;
    margin-left: 10px;
    text-align: center;
    line-height: 35px;
    background-color: #bfb9b9;
    border-radius: 10px;
    font-size: 14px;
    color: white;
}

    .getguanzhuright a {
        color: white;
    }

.nologin {
    /*overflow: hidden;*/
    /*margin: 40px 20px;*/
}

.saying1 {
    color: #da5f98;
    text-align: center;
    font-size: 13px;
    margin-top: 1px;
}

.saying {
    color: #da5f98;
    font-size: 16px;
    margin-top: 10px;
}

    .saying span {
        font-size: 14px;
    }

.textsy {
    color: #888888;
    font-size: 16px;
    margin-top: 10px;
}

    .textsy img {
        text-align: center;
        vertical-align: top;
    }



.footer {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 50px;
    margin-top: 50px;
    /*max-width:380px;*/
    /*margin-top: 20px;*/
    position: fixed;
    bottom: 0px;
    background-color: #fafafa;
    border: solid 1px #e5e5e5;
    /*height: 50px;*/
}

    .footer ul {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        list-style: none;
        width: 100%;
    }

        .footer ul li {
            width: 24%;
            float: left;
            line-height: normal;
            text-align: center;
            /*margin: auto 10px;*/
            /*margin-left: 20px;*/
            /*border: solid 1px #e5e5e5;*/
            /*padding-right:20px;*/
            border-right: solid 1px #e5e5e5;
        }

            .footer ul li a {
                padding: 10px;
                margin-left: auto;
                font-size: 15px;
                line-height: 50px;
                word-break: keep-all; /* 不换行 */
                white-space: nowrap; /* 不换行 */
                overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
                text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
            }

        .footer ul .last {
            padding-left: 5px;
            float: left;
            border-right: solid 0px;
        }

/*规则*/

#guize {
    border-radius: 10px;
}


.guize_head {
    background: url(../images/活动规则_03.gif) repeat 0;
    background-position: center;
    background-color: #edf7ef;
    height: 50px;
    width: 100%;
}

.head_t {
    text-align: center;
    line-height: 53px;
    font-size: 16px;
    letter-spacing: 5px;
    font-weight: bold;
}

.guize_head_t {
    color: #4eae66;
}

.lxkq_head_t {
    color: #d373bd;
}

.zjmd_head_t {
    color: #fa653a;
}

.car_head_t {
    color: #3275c3;
}

.guize_c {
    color: #585858;
    margin: 5px 10px;
    font-size: 12px;
    line-height: 30px;
}

/*规则*/


/*中奖名单*/

#tmp_zjmd {
    border-radius: 10px;
}



.zjmd_head {
    background: url(../images/中奖名单888_03.gif) repeat 0;
    background-position: center;
    background-color: #edf7ef;
    height: 50px;
    width: 100%;
}


.zjmd_c {
    color: #585858;
    margin: 20px;
    font-size: 16px;
    line-height: 30px;
}

    .zjmd_c ul li {
        text-align: center;
        background-image: url(../images/circle.gif);
        background-repeat: no-repeat;
        background-position: 15%;
    }

        .zjmd_c ul li dl {
            width: 2px;
            height: 120px;
            position: absolute;
            top: 90px;
            left: 62px;
            background-color: #fe926e;
        }

        .zjmd_c ul li a {
            padding: 5px;
            padding-left: 10px;
            color: #585858;
            text-align: center;
            margin-left: 55px;
            line-height: 40px;
            font-size: 15px;
        }

/*中奖名单*/


/*汽车说明*/
#tmp_car {
    border-radius: 10px;
}

.car_head {
    background: url(../images/汽车说明_03.gif) repeat 0;
    background-position: center;
    background-color: #edf7ef;
    height: 50px;
    width: 100%;
}

.car_c {
    color: #585858;
    margin: 13px;
    font-size: 15px;
    line-height: 40px;
}

    .car_c div {
        padding-top: 1px;
        margin-top: 3px;
        line-height: 25px;
    }

    .car_c img {
        width: 254px;
        height: 144px;
        vertical-align: middle;
        text-align: center;
    }
/*汽车说明*/

/*联系康强*/

#tmp_lxkq {
    border-radius: 10px;
}


.lxkq_head {
    background: url(../images/联系康强_03.gif) repeat 0;
    background-position: center;
    background-color: #edf7ef;
    height: 50px;
    width: 100%;
}

.lxkq_c {
    color: #585858;
    margin: 5px 10px;
    font-size: 14px;
    line-height: 40px;
}
/*联系康强*/


.wx {
    background: url(../images/wexinlogo.png) no-repeat 0px;
    padding-left: 35px;
}

.qq {
    background: url(../images/qq.png) no-repeat 0px;
    padding-left: 35px;
}

.phone {
    background: url(../images/phone.png) no-repeat 0px;
    padding-left: 35px;
}

.xinxi {
    margin-top: 3px;
    line-height: 25px;
    background: url(../images/xinxi.png) no-repeat 0px;
    background-position-y: 3px;
    padding-left: 35px;
}

.guize_c div {
    padding-top: 1px;
    margin-top: 3px;
    line-height: 20px;
}

.titleSponsor {
    overflow: hidden;
    width: 100%;
}

    .titleSponsor ul {
        margin-left: 3px;
        overflow: hidden;
        white-space: nowrap;
    }

    .titleSponsor li {
        margin: 5px 7px;
        float: left;
    }

        .titleSponsor li img {
            display: inline;
            width: 108px;
            height: 50px;
        }

    .titleSponsor .tis {
        color: #6f6f6f;
        margin: 5px 16px;
        text-align: left;
        font-size: 16px;
    }

.regmenber {
    margin-right: 20px;
    background-color: #f8f8f6;
    border-radius: 10px;
    float: right;
}

    .regmenber a {
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    }

.dlmenber {
    margin-left: 10px;
    float: left;
    background-color: #f8f8f6;
    border-radius: 10px;
}

    .dlmenber a {
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    }

#nologin {
    margin-top: 30px;
    max-width: 100%;
}

.nologin a {
    float: left;
    padding: 8px;
    color: #aaaaaa;
    font-size: 15px;
    font-weight: bold;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.nologin span {
    font-size: 12px;
}

.guize_c a {
    text-decoration: underline;
}

.guize_c span {
    text-decoration: underline;
}

.relogin {
    margin: 20px 5px;
}

.dsjs {
    line-height: 25px;
    float: right;
    margin-right: 10px;
    font-size: 16px;
}


.wxgz {
    text-align: center;
    color: #585858;
    margin: 5px 20px;
    font-size: 15px;
    line-height: 40px;
}

#wx_btn_share {
    margin-left:60px;
     text-align: center;
    width: 50%;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    height: 35px;
    line-height: 35px;
   /*// background-color: #15adf6;*/
    /*border-radius: 10px;*/
}

    #wx_btn_share a {
        color: white;
        padding: 3px;
    }
  
