@charset "utf-8";
/* CSS Document */

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
}
.h100 {
    clear: both;
    width: 100%;
    height: 100px;
    font-size: 0px;
    line-height: 0px;
}

ol, ul, li {
    list-style-type: none;
}

body {
    margin: 0 auto;
    background: #fff;
    color: #333;
    font: 12px '微软雅黑',Arial;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #333;
        text-decoration: none;
    }

    a img {
        border: 0;
    }

img {
    display: block
}

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

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.fl {
    float: left;
}

.fr {
    float: right;
}

.h10 {
    clear: both;
    width: 100%;
    height: 10px;
    font-size: 0px;
    line-height: 0px;
}

.h20 {
    clear: both;
    width: 100%;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
}

.h30 {
    clear: both;
    width: 100%;
    height: 30px;
    font-size: 0px;
    line-height: 0px;
}

.h40 {
    clear: both;
    width: 100%;
    height: 40px;
    font-size: 0px;
    line-height: 0px;
}

.h50 {
    clear: both;
    width: 100%;
    height: 50px;
    font-size: 0px;
    line-height: 0px;
}

.wrap {
    width: 1080px;
    margin: 0 auto;
    position: relative
}

.main {
    width: 1080px;
    margin: 0 auto;
    padding: 25px 0;
}


header {
    height: 100px;
}

    header .logo {
        float: left;
        padding-top: 10px;
    }

    header nav.home {
        float: right;
        padding-top: 26px;
    }

        header nav.home ul li {
            float: left;
            padding-left: 5px
        }

            header nav.home ul li a {
                height: 44px;
                display: block;
                background: #bcebfc;
                border: 0px solid #5d9dd8;
                color: #000;
                line-height: 44px;
                text-align: center;
                font-size: 18px;
                border-radius: 15px;
                padding: 0 20px
            }

                header nav.home ul li a:hover {
                    background: #8ee1ff;
                    color: #000
                }

.left_nav {
    width: 252px;
    float: left;
    overflow: hidden
}

    .left_nav a {
        display: block;
        line-height: 45px;
        border: 4px solid #f69b25;
        text-align: center;
        border-radius: 15px;
        font-size: 25px;
        margin-bottom: 10px;
        color: #888787
    }

        .left_nav a:hover {
            background: #f69b25 url(/images/brain/icon_an.png) 0 10px no-repeat;
            color: #000;
            font-weight: bold;
        }

    .left_nav .an {
        background: #f69b25 url(/images/brain/icon_an.png) 0 10px no-repeat;
        color: #000;
        font-weight: bold;
    }

.right_read {
    width: 800px;
    float: right
}

    .right_read img {
        /*width: 100%;*/

    }

.bottom {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    line-height: 50px;
    background-color: #bcebfc;
    font-size: 20px;
    text-align: center;
}

    .bottom .rr {
        width: 400px;
        margin: 2px auto;
        ;
    }

        .bottom .rr text {
            float: left;
            margin-right: 5px
        }

        .bottom .rr a {
            float: left;
            margin-right: 5px
        }

            .bottom .rr a:hover {
                color: #378ae8
            }

        .bottom .rr span {
            float: left;
            background: url(/images/brain/ico_bottom.png) no-repeat;
            width: 42px;
            height: 50px;
            display: block;
        }

/*登录*/
.login {
    width: 430px;
    margin: 0 auto;
}

    .login text {
        display: block;
        font-size: 20px;
        line-height: 30px;
    }

    .login .kk {
        border: 2px solid #a0a0a0;
        border-radius: 15px;
        height: 45px;
        background: url(/images/brain/icon_mobile.png) 15px 15px no-repeat;
        margin: 15px 0;
        padding: 5px 0 0 50px;
    }

        .login .kk input {
            border: 0;
            outline: none;
            box-shadow: none;
            line-height: 40px;
            height: 40px;
            width: 320px;
            text-align: center;
            font-size: 20px
        }

    .login .kk2 {
        border: 2px solid #a0a0a0;
        border-radius: 15px;
        height: 50px;
        margin: 15px 0;
        padding: 0 0 0 10px;
    }

        .login .kk2 input {
            border: 0;
            outline: none;
            box-shadow: none;
            /*border: none;*/
            line-height: 40px;
            height: 40px;
            width: 180px;
            text-align: center;
            font-size: 20px;
            margin-top: 5px;
        }

        .login .kk2 a {
            float: right;
            background-color: #005fc4;
            color: #FFF;
            border-radius: 0 12px 12px 0;
            line-height: 50px;
            width: 200px;
            text-align: center;
            font-size: 16px;
        }

            .login .kk2 a:hover {
                background-color: #005fc4;
                border: 0;
            }

    .login a {
        border-radius: 15px;
        background-color: #f69b25;
        font-size: 20px;
        text-align: center;
        color: #FFF;
        display: block;
        line-height: 60px;
    }

        .login a:hover {
            background-color: #ff4200;
            border: 0;
        }


/*购买服务*/
.mall {
    width: 830px;
    margin: 0 auto;
}

    .mall p {
        display: block;
        font-size: 20px;
        line-height: 30px;
        margin: 15px auto;
        width: 650px;
        overflow: hidden
    }

    .mall text {
        color: #d31b59
    }

    .mall .left {
        float: left;
        width: 140px;
        line-height: 40px;
        font-size: 20px;
        margin: 15px 0;
    }

    .mall .right {
        float: left;
        width: 640px;
        line-height: 40px;
        font-size: 20px;
        margin: 15px 0;
    }
		.mall .right .edition{ float:left; width:100px; height:90px; padding-top:40px; border-radius:10px;background:#a5b6cc; margin-bottom:10px; clear:both; text-align:center; font-weight:bold; color:#FFF; margin-right:10px;}
		.mall .right .edition2{ float:left; width:100px; height:90px; padding-top:40px; border-radius:10px;background:#dbad69; clear:both;text-align:center; font-weight:bold; color:#FFF; margin-right:10px;}

        .mall .right input {
            border-radius: 15px;
            border: 1px solid #9b9b9b;
            line-height: 40px;
            height: 40px;
            width: 200px;
            text-align: center;
            font-size: 20px;
            outline: none;
            box-shadow: none;
        }

        .mall .right .fx {
            width: auto;
            float: left
        }

        .mall .right span {
            float: left;
            padding-right: 10px;
        }


        .mall .right .tc1 {
            display: block;
            text-align: left;
            background-color: #FFF;
            float: left;
            width: 205px;
            height: 130px;
            display: block;
            margin-right: 20px;
        }

            .mall .right .tc1:hover {
                background-color: #ffe984;
                border-radius: 8px;
            }

        .mall .right .que {
            background-color: #ffe984;
            border-radius: 8px;
        }

        .mall .right .tc1 .top {
            height: 70px;
            border-radius: 10px 10px 0 0;
            background: #82b9f3 url(/images/brain/ico_logo.png) 115px no-repeat;
            line-height: 70px;
            color: #FFF;
            font-weight: bold;
            padding-left: 10px;
        }

        .mall .right .tc1 .bot {
            height: 40px;
            border-radius: 0 0 10px 10px;
            border-left: 1px solid #d0d0d0;
            border-right: 1px solid #d0d0d0;
            border-bottom: 1px solid #d0d0d0;
            padding-left: 5px;
            color: #666;
            line-height: 40px
        }

            .mall .right .tc1 .bot span {
                float: right;
                display: block;
                background: url(/images/brain/ico_mall.png) 5px no-repeat;
                width: 70px;
                text-align: right
            }

        .mall .right .tc2 {
            display: block;
            text-align: left;
            background-color: #FFF;
            float: left;
            width: 205px;
            height: 130px;
            display: block;
            margin-right: 20px;
        }

            .mall .right .tc2:hover {
                background-color: #ffe984;
                border-radius: 8px;
            }

        .mall .right .que {
            background-color: #ffe984;
            border-radius: 8px;
        }

        .mall .right .tc2 .top {
            height: 70px;
            border-radius: 10px 10px 0 0;
            background: #005fc4 url(/images/brain/ico_logo.png) 115px no-repeat;
            line-height: 70px;
            color: #FFF;
            font-weight: bold;
            padding-left: 10px;
        }

        .mall .right .tc2 .bot {
            height: 40px;
            border-radius: 0 0 10px 10px;
            border-left: 1px solid #d0d0d0;
            border-right: 1px solid #d0d0d0;
            border-bottom: 1px solid #d0d0d0;
            padding-left: 5px;
            color: #666;
            line-height: 40px
        }

            .mall .right .tc2 .bot span {
                float: right;
                display: block;
                background: url(/images/brain/ico_mall.png) 5px no-repeat;
                width: 70px;
                text-align: right
            }

        .mall .right .tc3 {
            display: block;
            text-align: left;
            background-color: #FFF;
            float: left;
            width: 185px;
            height: 130px;
            display: block;
            margin-right: 20px;
        }

            .mall .right .tc3:hover {
                background-color: #ffe984;
                border-radius: 8px;
            }

        .mall .right .que {
            background-color: #ffe984;
            border-radius: 8px;
        }

        .mall .right .tc3 .top {
            height: 70px;
            border-radius: 10px 10px 0 0;
            background: #d31b59 url(/images/brain/ico_logo.png) 115px no-repeat;
            line-height: 70px;
            color: #FFF;
            font-weight: bold;
            padding-left: 10px;
        }

        .mall .right .tc3 .bot {
            height: 40px;
            border-radius: 0 0 10px 10px;
            border-left: 1px solid #d0d0d0;
            border-right: 1px solid #d0d0d0;
            border-bottom: 1px solid #d0d0d0;
            padding-left: 5px;
            color: #666;
            line-height: 40px
        }

            .mall .right .tc3 .bot span {
                float: right;
                display: block;
                background: url(/images/brain/ico_mall.png) 5px no-repeat;
                width: 70px;
                text-align: right
            }
        .mall .right .original {
            height: 20px;
            font-size: 14px;
            color: #919191;
            text-decoration: line-through;
            border-left: 1px solid #d0d0d0;
            border-right: 1px solid #d0d0d0;
            padding-left: 5px;
        }

    .mall .ma {
        margin: 30px auto;
        width: 222px;
        overflow: hidden;
        border-radius: 15px;
        border: 2px solid #e3e3e3;
        padding: 5px;
    }

    .mall .ma_left {
        float: left;
        width: 222px;
        padding-left: 40px
    }

    .mall .ma_right {
        float: left;
        padding: 40px;
    }

        .mall .ma_right a {
            height: 50px;
            width: 150px;
            display: block;
            background: #bcebfc;
            border: 0px solid #5d9dd8;
            color: #000;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            border-radius: 15px;
            margin-bottom: 30px;
        }

            .mall .ma_right a:hover {
                background: #8ee1ff;
                color: #000
            }

    .mall p a {
        border-radius: 15px;
        width: 300px;
        margin: 20px auto;
        background-color: #f69b25;
        font-size: 20px;
        text-align: center;
        color: #FFF;
        display: block;
        line-height: 60px;
    }

        .mall p a:hover {
            background-color: #ff4200;
        }