@charset "utf-8";
/* CSS Document */
html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
}
html{
    background:url(html);
    background-attachment: fixed;
}
body{
    max-width: 720px;
    margin:0 auto;
/*    overflow-x: hidden;*/
}
/*div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {

    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

* {
    padding: 0;
    
    border: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FF0000;
}

a:active {
    text-decoration: none;
}

a:focus {
    outline: none;
}

input[type=text], input[type=button], input[type=submit] {
    -webkit-appearance: none;
    outline: none;
}


.nbdgk{
	font-size:22px;
	font-weight:bold;
	color:#000;
	border: 1px dashed #c0c0c0;
}
.nbdgk td{
	border:1px dashed #c0c0c0;
}


@media screen and (max-width: 720px) {

    .nbdgk {
        font-size: 10px;
    }
}

button {
    border: 0;
    outline: none;
    cursor: pointer;
}
input{outline:none}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
table{
    table-layout: fixed;
    width: 100%;
}

.nav2 {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px;
    font-size: 13px;
    background: #fff;
    margin-top: -19px;
    line-height: 28px;
}

    .nav2 ul {
        padding: 2px 0;
        display: flex;
        justify-content: space-between;
    }

        .nav2 ul li {
            width: 100%;
            box-sizing: border-box;
            padding: 0 2px;
        }

            .nav2 ul li a {
                display: block;
                padding: 3px 0;
                text-align: center;
                text-decoration: none;
                color: #fff;
                border-radius: 50px;
                background: #667EEA;
            }

                .nav2 ul li a:hover {
                    background: #69F;
                }

            .nav2 ul li.active {
                background: #da183b;
            }

#nav2[data-fixed="fixed"] {
    position: fixed;
    top: 45px;
    ;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.nav-img {
    text-align: center;
    background: #000;
}

    .nav-img img {
        width: auto;
        height: 80px;
    }

@media screen and (max-width:800px) {
    .nav-img img {
        height: 70px;
    }
}

@media screen and (min-width:800px) {
    .nav2 {
        padding: 4px;
        font-size: 16px;
    }

        .nav2 ul {
            padding: 4px 0;
        }

            .nav2 ul li {
                padding: 0 4px;
            }

                .nav2 ul li a {
                    padding: 5px 0;
                    cursor: pointer;
                }
}

span.jpl {
    background-color: #FFFF00;
    color: #ff0000;
    padding: 1px 2px;
    border-radius: 4px;
    font-size: 1.2rem;
    margin: 0px 4px;
}

/*专家帖*/
.zzhl-tit {
}

    .zzhl-tit img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

#tabzzhgs31 {
}

    #tabzzhgs31 a {
        text-decoration: none;
    }

    #tabzzhgs31 .zzhlmenu {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
    }

        #tabzzhgs31 .zzhlmenu ul {
            display: flex;
            justify-content: space-between;
        }

        #tabzzhgs31 .zzhlmenu li {
            width: calc(50% - 5px);
            box-sizing: border-box;
            background: #937e7e;
            cursor: pointer;
        }

            #tabzzhgs31 .zzhlmenu li.hover {
                color: #a11313;
            }

                #tabzzhgs31 .zzhlmenu li.hover span {
                    display: block;
                }

                #tabzzhgs31 .zzhlmenu li.hover .zzhlam {
                    background: #8f8888;
                    color: #fff;
                }

                #tabzzhgs31 .zzhlmenu li.hover .zzhlxg {
                    background: #8f8888;
                }

    #tabzzhgs31 .zzhlbox {
    }

.zzhl-list {
    background: white;
    font-size: 16px;
}

    .zzhl-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .zzhl-list ul li {
            width: calc(50% - 5px);
            border-bottom: solid 1px #ddd;
            box-sizing: border-box;
        }

            .zzhl-list ul li a {
                display: block;
                padding: 8px 5px;
                white-space: nowrap;
                overflow: hidden;
                color: black;
            }

@media screen and (max-width:800px) {
    #tabzzhgs31 .zzhlmenu {
        font-size: 16px;
        line-height: 36px;
    }

        #tabzzhgs31 .zzhlmenu li {
            width: calc(50% - 3px);
        }

    .zzhl-list {
        font-size: 15px;
    }

        .zzhl-list ul li {
            width: 100%;
        }

            .zzhl-list ul li a {
                padding: 8px 5px;
            }
}


.zzhl-list a {
    font-size: large;
}

/*高手榜*/
.zzhl-tit {
}

    .zzhl-tit img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

#tabzzhgs32 {
}

    #tabzzhgs32 a {
        text-decoration: none;
    }

    #tabzzhgs32 .zzhlmenu {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
    }

        #tabzzhgs32 .zzhlmenu ul {
            display: flex;
            justify-content: space-between;
        }

        #tabzzhgs32 .zzhlmenu li {
            width: calc(50% - 5px);
            box-sizing: border-box;
            background: #937e7e;
            cursor: pointer;
        }

            #tabzzhgs32 .zzhlmenu li.hover {
                color: #a11313;
            }

                #tabzzhgs32 .zzhlmenu li.hover span {
                    display: block;
                }

                #tabzzhgs32 .zzhlmenu li.hover .zzhlam {
                    background: #8f8888;
                    color: #fff;
                }

                #tabzzhgs32 .zzhlmenu li.hover .zzhlxg {
                    background: #8f8888;
                }

    #tabzzhgs32 .zzhlbox {
    }

.zzhl-list {
    background: white;
    font-size: 16px;
}

    .zzhl-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .zzhl-list ul li {
            width: calc(50% - 5px);
            border-bottom: solid 1px #ddd;
            box-sizing: border-box;
        }

            .zzhl-list ul li a {
                display: block;
                padding: 8px 5px;
                white-space: nowrap;
                overflow: hidden;
                color: black;
            }

@media screen and (max-width:800px) {
    #tabzzhgs32 .zzhlmenu {
        font-size: 16px;
        line-height: 36px;
    }

        #tabzzhgs32 .zzhlmenu li {
            width: calc(50% - 3px);
        }

    .zzhl-list {
        font-size: 15px;
    }

        .zzhl-list ul li {
            width: 100%;
        }

            .zzhl-list ul li a {
                padding: 8px 5px;
            }
}


.zzhl-list a {
    font-size: large;
}

/*公式计算*/
.zzhl-tit {
}

    .zzhl-tit img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

#tabzzhgs3G {
}

    #tabzzhgs3G a {
        text-decoration: none;
    }

    #tabzzhgs3G .zzhlmenu {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
    }

        #tabzzhgs3G .zzhlmenu ul {
            display: flex;
            justify-content: space-between;
        }

        #tabzzhgs3G .zzhlmenu li {
            width: calc(50% - 5px);
            box-sizing: border-box;
            background: #937e7e;
            cursor: pointer;
        }

            #tabzzhgs3G .zzhlmenu li.hover {
                color: #a11313;
            }

                #tabzzhgs3G .zzhlmenu li.hover span {
                    display: block;
                }

                #tabzzhgs3G .zzhlmenu li.hover .zzhlam {
                    background: #8f8888;
                    color: #fff;
                }

                #tabzzhgs3G .zzhlmenu li.hover .zzhlxg {
                    background: #8f8888;
                }

    #tabzzhgs3G .zzhlbox {
    }

.zzhl-list {
    background: white;
    font-size: 16px;
}

    .zzhl-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .zzhl-list ul li {
            width: calc(50% - 5px);
            border-bottom: solid 1px #ddd;
            box-sizing: border-box;
        }

            .zzhl-list ul li a {
                display: block;
                padding: 8px 5px;
                white-space: nowrap;
                overflow: hidden;
                color: black;
            }

@media screen and (max-width:800px) {
    #tabzzhgs3G .zzhlmenu {
        font-size: 16px;
        line-height: 36px;
    }

        #tabzzhgs3G .zzhlmenu li {
            width: calc(50% - 3px);
        }

    .zzhl-list {
        font-size: 15px;
    }

        .zzhl-list ul li {
            width: 100%;
        }

            .zzhl-list ul li a {
                padding: 8px 5px;
            }
}

.zzhl-list a {
    font-size: large;
}