﻿@charset "utf-8";
/* CSS Document */

/*.main {
    width: 940px;
    margin: 25px auto;
    padding: 20px 0 30px 40px;
    border: 1px solid #eaeaea;
    background-color: #F7F7F7;
    overflow: hidden;
}*/

.hytype {
    float: left;
    width: 100%;
}

    .hytype b {
        float: left;
        width: 100%;
        background: url(/images/icon_ware.png) no-repeat 0 center;
        text-indent: 30px;
        margin-bottom: 5px;
        color: #e16a2d;
        font-weight:normal;
    }

    .hytype p {
        float: left;
        width: 530px;
        height: 35px;
        line-height: 35px;
        cursor: pointer;
    }

        .hytype p label {
            float: left;
            margin-right: 25px;
            padding-left: 28px;
            background: url(/images/radio_no.png) no-repeat 0 center;
            background-size: 22px 22px;
        }

        .hytype p em {
            float: left;
            color:#777777;
        }

        .hytype p .rdok {
            background: url(/images/radio_ok.png) no-repeat 0 center;
            background-size: 22px 22px;
        }

.hyziliao {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.ziliaoli {
    float: left;
    width: 100%;
    margin: 10px 0;
}

    .ziliaoli b {
        float: left;
        width: 76px;
        height: 34px;
        line-height: 33px;
        font-weight: normal;
    }

    .ziliaoli input {
        height: 32px;
        line-height: 32px;
        margin: 0 15px 0 0;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        padding: 0 10px;
        width: 330px;
        font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        color: #777777;
        font-size:16px;
    }

    .ziliaoli em {
        color: #777777;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

.shengshisel {
    float: left;
    position: relative;
    z-index: 0;
}

    .shengshisel input {
        cursor: pointer;
        width: 146.5px;
        position: relative;
    }

    .shengshisel .selli {
        float: left;
        width: 602px;
        position: absolute;
        top: 34px;
        left: 0;
        background-color: #e5e5e5;
        z-index: 99999;
        overflow: hidden;
        display: none;
        margin: 0;
        padding: 20px 10px;
    }

        .shengshisel .selli a {
            float: left;
            width: 120px;
            height: 35px;
            line-height: 35px;
            overflow: hidden;
            cursor: pointer;
            text-align: center;
        }

            .shengshisel .selli a:hover {
                background-color: #1E90FF;
                color: #fff;
            }

    .shengshisel #shi_sel {
        display: none;
    }

.xybt {
    float: left;
    width: 100%;
}

    .xybt p {
        float: left;
        width: 500px;
        height: 30px;
        line-height: 30px;
        margin: 25px 0 15px 185px;
    }

        .xybt p a {
            color: #ff6600;
        }

    .xybt span {
        float: left;
        background-color: #1c84c6;
        height: 50px;
        width: 100%;
        line-height: 50px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        border-radius: 3px;
    }

        .xybt span:hover {
            background-color: #1c75ad;
        }


#tanchuang {
    display: none;
    width: 565px;
    position: absolute; /*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/
    top: 24%; /*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/
    left: 35%;
    z-index: 99999; /*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/
    background: #fff;
    border-radius: 5px;
    padding: 30px 40px;
}

    #tanchuang h4 {
        float: left;
        width: 100%;
        height: 40px;
        line-height: 30px;
        border-bottom: 1px solid #e8e8e8;
        text-align: center;
        margin: 0;
    }

    #tanchuang .tanchuang_cent {
        float: left;
        width: 100%;
        margin: 20px 0;
    }

        #tanchuang .tanchuang_cent p {
            float: left;
            width: 100%;
            height: 30px;
            line-height: 30px;
            margin: 3px 0;
        }

            #tanchuang .tanchuang_cent p em {
                float: left;
                width: 100px;
            }

            #tanchuang .tanchuang_cent p i {
                float: left;
                color: #1c84c6;
                padding: 0;
            }

        #tanchuang .tanchuang_cent span {
            float: left;
            width: 100%;
            color: #f60;
            margin: 10px 0;
            padding: 0;
        }

    #tanchuang h4 img {
        float: right;
        margin: 5px 15px;
    }

    #tanchuang img:hover {
        cursor: pointer;
    }

    #tanchuang .tanchuang_bt {
        float: left;
        width: 100%;
    }

        #tanchuang .tanchuang_bt a {
            float: left;
            text-align: center;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 35px;
            line-height: 35px;
            padding: 0 20px;
            border-radius: 3px;
            cursor: pointer;
        }

        #tanchuang .tanchuang_bt .bt_one {
            background-color: #1ab394;
            margin: 0 20px 0 25%;
        }

        #tanchuang .tanchuang_bt .bt_two {
            background-color: #1c84c6;
        }

#tanchuang_bg {
    width: 100%;
    height: 100%;
    opacity: 0.8; /*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
    filter: alpha(opacity=80);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: silver;
}
