@charset "utf-8";
/**
 * Created by sxz on 17/7/12.
 */
body {
    min-width: 1280px;
    font: 14px/1.8 Arial,Microsoft YaHei,SimSun,Verdana;
    -webkit-font-smoothing: antialiased !important;
    color: #333;
    background: #e8ebed
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, canvas {
    display: block
}

address, cite, dfn, em, var, b, sub, sup {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 100%
}

input, textarea, select {
    font-family: Arial, Verdana, "\5b8b\4f53"
}

fieldset, img {
    border: 0
}

sup, sub {
    font-size: 0.6em
}

ins {
    text-decoration: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    outline: 0
}

textarea {
    -moz-outline: 0;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    resize: none;
    -webkit-appearance: none
}

img {
    vertical-align: middle
}

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

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

    a:hover {
        color: #f39c12;
        text-decoration: none;
        transition: color .3s
    }

/*chrome滚动条*/
/*::-webkit-scrollbar { width: 3px; height: 3px; }*/
/*::-webkit-scrollbar-track-piece { background: #181818; -webkit-border-radius: 2px; }*/
/*::-webkit-scrollbar-thumb:vertical { height: 3px; background-color: #181818; -webkit-border-radius: 2px; }*/
/*::-webkit-scrollbar-thumb:horizontal { width: 3px; background-color: #181818; -webkit-border-radius: 2px; }*/

.clearfix:after, #header:after, #wrapper:after, #wrapper .inner:after, .w-inner:after, #footer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
    overflow: hidden
}

.clearfix, #header, #wrapper, #wrapper .inner, .w-inner:after, #footer {
    *zoom: 1
}

.block {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.ft12 {
    font-size: 12px !important;
}

.fta {
    font-family: Arial
}

.fwb {
    font-weight: bold
}

.fwn {
    font-weight: normal
}

.bdb {
    border-bottom: 1px solid #f1f2f3
}

.bgn {
    background: none !important
}

.bdf {
    background: #fff !important;
}

.bdn {
    background: none !important;
}

.rmb {
    font-family: Verdana
}

.fntA {
    font-family: Arial
}

.bgf {
    background: #fff !important;
}

.bor25 {
    border-radius: 2.5px
}

.bor3 {
    border-radius: 3px
}

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.light-gray {
    color: #999 !important
}
/*灰色高亮*/
.light-gray333 {
    color: #333 !important
}
/*灰色高亮333*/
.light-red {
    color: #cc0000 !important
}
/*红色高亮*/
.light-blue {
    color: #f39c12 !important;
}
/*蓝色高亮*/

.pdt0 {
    padding-top: 0 !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt20 {
    padding-top: 20px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt40 {
    padding-top: 40px !important;
}

.pdt50 {
    padding-top: 60px !important;
}

.pdt80 {
    padding-top: 80px !important;
}

.pdb40 {
    padding-bottom: 40px !important;
}

.pdb30 {
    padding-bottom: 30px !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdb20 {
    padding-bottom: 20px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl65 {
    padding-left: 65px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgb30 {
    margin-bottom: 40px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb0 {
    margin-bottom: 0 !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.lt25 {
    line-height: 25px !important;
}

.bdt-eee {
    border-top: 1px solid #eee
}

.bdm-eee {
    border-bottom: 1px solid #eee
}

.bdl-gray {
    border-left: 1px solid #f1f2f3
}

.zyBtnGrey {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #eee;
    color: #333
}

    .zyBtnGrey:visited {
        color: #333
    }

    .zyBtnGrey:hover {
        background: #ff921f;
        color: #fff;
        transition: all .3s
    }

.zyBtnBlue {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    background: #f39c12;
    color: #fff;
    text-align: center
}

    .zyBtnBlue:visited {
        color: #fff;
        transition: all .3s
    }

    .zyBtnBlue:hover {
        background: #ff921f;
        color: #fff
    }

.zyBtnLogin {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f39c12;
    color: #fff;
    border-radius: 2.5px;
    text-align: center
}

    .zyBtnLogin:visited {
        color: #fff
    }

    .zyBtnLogin:hover {
        background: #ff921f;
        color: #fff;
        transition: all .3s
    }

.zyBtnWhite {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #c9def5;
    background: #fff;
    font-size: 12px;
    color: #f39c12;
    text-align: center
}

    .zyBtnWhite:visited {
        color: #ff921f
    }

    .zyBtnWhite:hover {
        color: #ff921f;
        border: 1px solid #ff921f;
        transition: all .3s
    }

.zyBtnGreen {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    background: #5bbb19;
    color: #fff;
    text-align: center
}

    .zyBtnGreen:visited {
        color: #fff;
        transition: all .3s
    }

    .zyBtnGreen:hover {
        background: #4aac06;
        color: #fff
    }

.opacity {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.gradient {
    background: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    filter: alpha(opacity=0 finishopacity=80 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);
    -ms-filter: alpha(opacity=0 finishopacity=80 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0); /*IE8*/
}

.gradientHor {
    background: -moz-linear-gradient(left,rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    filter: alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=25,finishx=100,finishy=25) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);
    -ms-filter: alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=25,finishx=100,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0); /*IE8*/
}

.gradientGrey {
    background: -moz-linear-gradient(top,rgba(255,255,255,0), rgba(247,247,247,.8));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    filter: alpha(opacity=0 finishopacity=.8 style=1 startx=0,starty=0,finishx=220,finishy=200) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f7f7f7',endcolorstr='#f7f7f7',gradientType=0);
    -ms-filter: alpha(opacity=0 finishopacity=.8 style=1 startx=0,starty=0,finishx=220,finishy=200) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f7f7f7',endcolorstr='#f7f7f7',gradientType=0); /*IE8*/
}

.gradientWhite {
    background: -moz-linear-gradient(top,rgba(255,255,255,.6), rgba(255,255,255,1));
    background: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,1));
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    filter: alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff',endcolorstr='#fff',gradientType=0);
    -ms-filter: alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff',endcolorstr='#fff',gradientType=0); /*IE8*/
}

.shadow {
    box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.shadowL {
    box-shadow: 0 5px 30px rgba(0,0,0,.4)
}

/*Layout*/
#wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}

    #header .inner, #wrapper .inner, #footer .inner {
        margin: 0 auto;
        width: 1220px
    }

#header .fl {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999
}

#header {
    position: relative;
    z-index: 2
}

    #header .top {
        height: 30px;
        line-height: 30px;
        position: relative;
        z-index: 200;
        background: #fafafa
    }

        #header .top .inner {
            height: 30px
        }

    #header .sel {
        display: inline-block;
        position: relative;
        width: 110px;
        padding-right: 10px;
        height: 100%
    }

        #header .sel cite {
            padding-left: 10px;
            display: block;
            font-size: 12px;
            color: #999;
            cursor: pointer;
            font-style: normal
        }

            #header .sel cite:hover {
                color: #333
            }

        #header .sel ul {
            width: 115px;
            max-height: 150px;
            overflow: auto;
            border: 1px solid #ddd;
            background-color: #fff;
            position: absolute;
            z-index: 201;
            margin-top: -1px;
            margin-left: -1px;
            border-radius: 0 0 3px 3px;
            -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
            -moz-box-shadow: 0 2px 10px rgba(0,0,0,.1);
            -o-box-shadow: 0 2px 10px rgba(0,0,0,.1);
            -ms-box-shadow: 0 2px 10px rgba(0,0,0,.1);
            box-shadow: 0 2px 10px rgba(0,0,0,.1);
            display: none
        }

            #header .sel ul li {
                height: 24px;
                line-height: 24px
            }

                #header .sel ul li a {
                    display: block;
                    height: 24px;
                    color: #333;
                    text-decoration: none;
                    padding-left: 10px;
                    padding-right: 10px;
                    font-size: 12px
                }

        #header .sel .icon-down {
            display: block;
            width: 7px;
            height: 4px;
            background: url("../img/sel-down.png") center no-repeat;
            background-size: 7px 4px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -2px;
            z-index: 202;
            opacity: 0.3;
            filter: alpha(opacity=30)
        }

    #header .loginBar li {
        float: left;
        position: relative;
        height: 30px;
        line-height: 30px
    }

    #header .loginBar a {
        display: inline-block;
        height: 14px;
        line-height: 14px;
        font-size: 12px;
        vertical-align: middle;
        padding: 0 15px;
        border-left: 1px solid #ddd;
        color: #999
    }

        #header .loginBar a:visited {
            color: #999
        }

        #header .loginBar a:hover {
            color: #333
        }

    #header .loginBar .hasDown {
        padding-right: 30px;
        position: relative
    }

        #header .loginBar .hasDown i {
            position: absolute;
            right: 13px;
            top: 50%;
            margin-top: -2.5px;
            display: inline-block;
            width: 9px;
            height: 5px;
            background: url("../img/icon-down.png") no-repeat center;
            background-size: 9px 5px;
            opacity: 0.4;
            filter: alpha(opacity=40)
        }

    #header .loginBar .phone {
        padding-left: 25px;
        position: relative
    }

        #header .loginBar .phone i {
            position: absolute;
            left: 12px;
            top: 50%;
            margin-top: -5px;
            display: inline-block;
            width: 7px;
            height: 10px;
            background: url("../img/icon-phone.png") no-repeat center;
            background-size: 7px 10px;
            opacity: 0.4;
            filter: alpha(opacity=40)
        }

        #header .loginBar .hasDown:hover i, #header .loginBar .phone:hover i {
            opacity: 0.9;
            filter: alpha(opacity=90)
        }

    #header .loginBar .reg {
        border-left: none;
        padding-left: 0
    }

    #header .noLogin li:first-child a {
        border-left: 0
    }

    #header .userName a.hasDown {
        border-left: 0
    }

    #header .userName.hover {
        background: #fff;
        z-index: 203;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        margin-right: -1px;
        box-shadow: 0 10px 20px rgba(0,0,0,.4)
    }

        #header .userName.hover .mask {
            display: block;
            position: absolute;
            left: 0;
            bottom: -1px;
            z-index: 206;
            width: 100%;
            height: 3px;
            background: #fff
        }

    #header .userLayer {
        position: absolute;
        top: 30px;
        left: -1px;
        z-index: 203;
        padding: 10px 0;
        background: #fff;
        width: 220px;
        border: 1px solid #eee;
        box-shadow: 0 10px 20px rgba(0,0,0,.4)
    }

        #header .userLayer .ext {
            padding: 0 10px;
            overflow: hidden
        }

            #header .userLayer .ext a {
                border-left: none;
                padding: 0 0 0 10px;
                float: right
            }

        #header .userLayer .usr {
            padding: 10px 0 15px;
            background: url("../img/greyBg.jpg") left bottom repeat-x
        }

            #header .userLayer .usr img {
                display: block;
                width: 60px;
                height: 60px;
                margin: 0 auto 5px;
                border-radius: 50%
            }

            #header .userLayer .usr p {
                font-size: 12px;
                color: #999;
                text-align: center
            }

                #header .userLayer .usr p.jf {
                    color: #f39c12
                }

        #header .userLayer .message {
            padding: 0 10px;
            font-size: 12px
        }

            #header .userLayer .message dt {
                padding-top: 10px;
                color: #999;
                line-height: 25px
            }

            #header .userLayer .message dd {
                line-height: 150%
            }

                #header .userLayer .message dd a {
                    padding: 0;
                    float: none;
                    border: 0;
                    color: #333;
                    height: auto;
                    line-height: inherit
                }

                    #header .userLayer .message dd a:hover {
                        color: #f39c12
                    }

        #header .userLayer .totalMsg, #header .historyLayer .totalMsg {
            display: block;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-left: 0;
            padding: 0;
            float: none;
            color: #244ea4
        }

            #header .userLayer .totalMsg:hover, #header .userLayer .totalMsg:visited, #header .historyLayer .totalMsg:hover, #header .historyLayer .totalMsg:visited {
                color: #244ea4
            }

    #header .history.hover {
        background: #fff;
        z-index: 205;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        margin-right: -1px;
        box-shadow: 0 10px 20px rgba(0,0,0,.4)
    }

        #header .history.hover .hasDown {
            border-left: 0
        }

    #header .history .mask {
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        z-index: 206;
        width: 100%;
        height: 3px;
        background: #fff
    }

    #header .historyLayer {
        position: absolute;
        top: 30px;
        right: -1px;
        z-index: 205;
        padding: 0 10px 10px;
        background: #fff;
        width: 280px;
        border: 1px solid #eee;
        box-shadow: 0 10px 20px rgba(0,0,0,.4)
    }

        #header .historyLayer dt {
            font-size: 12px;
            padding: 15px 0 8px;
            color: #999
        }

        #header .historyLayer dd {
            position: relative;
            padding: 8px 0;
            font-size: 12px
        }

        #header .historyLayer .hisBox {
            display: block;
            padding: 0 0 0 70px;
            float: none;
            border-left: none;
            height: 40px;
            position: relative
        }

        #header .historyLayer dd h3 {
            color: #333;
            line-height: 23px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        #header .historyLayer dd .hisBox:hover h3 {
            color: #f39c12
        }

        #header .historyLayer dd p {
            position: relative;
            padding-right: 40px;
            color: #999;
            line-height: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        #header .historyLayer dd .hisBox:hover p {
            color: #333 !important
        }

        #header .historyLayer dd em {
            position: absolute;
            right: 0;
            top: 0;
        }

        #header .historyLayer dd .img {
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            height: 40px
        }

            #header .historyLayer dd .img img {
                width: 60px;
                height: 40px
            }

    #header .zySearch {
        height: 100px;
        background: #fff
    }

        #header .zySearch .inner {
            height: 100px;
            position: relative
        }

        #header .zySearch .logo {
            position: absolute;
            left: 0;
            top: 20px;
            display: block;
            width: 250px;
            height: 60px
        }

        #header .zySearch .search {
            width: 466px;
            height: 38px;
            position: absolute;
            left: 50%;
            margin-left: -235px;
            top: 50%;
            margin-top: -21px;
            border: 2px solid #eee
        }

            #header .zySearch .search .btn {
                position: absolute;
                right: 0;
                top: 0;
                display: inline-block;
                font-size: 16px;
                font-family: 'Microsoft YaHei';
                line-height: 38px;
                text-align: center;
                width: 70px;
                height: 38px;
                border-left: 1px solid #eee;
                background: #f39c12 url("../img/btnbg-h38.png") left top repeat-x
            }

            #header .zySearch .search input {
                position: absolute;
                top: 0;
                left: 0;
                width: 375px;
                height: 28px;
                line-height: 28px;
                padding: 5px 10px;
                border: 0;
            }

        #header .zySearch .schPanel {
            position: absolute;
            top: 38px;
            left: -2px;
            width: 448px;
            z-index: 180;
            padding: 5px 10px 0;
            border: 1px solid #eee;
            background: #fff;
            -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.4);
            -moz-box-shadow: 0 10px 20px rgba(0,0,0,.4);
            -o-box-shadow: 0 10px 20px rgba(0,0,0,.4);
            -ms-box-shadow: 0 10px 20px rgba(0,0,0,.4);
            box-shadow: 0 10px 20px rgba(0,0,0,.4)
        }

            #header .zySearch .schPanel .historySch {
                line-height: 25px;
                font-size: 12px;
                color: #999
            }

            #header .zySearch .schPanel .advSearch {
                display: block;
                line-height: 45px;
                text-align: center;
                color: #f39c12;
                font-size: 12px
            }

            #header .zySearch .schPanel ul {
                padding: 5px 0;
                border-bottom: 1px solid #eee
            }

            #header .zySearch .schPanel li a {
                width: 180px;
                height: 25px;
                line-height: 25px;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                vertical-align: middle
            }

                #header .zySearch .schPanel li a:visited {
                    color: #333
                }

                #header .zySearch .schPanel li a:hover {
                    color: #f39c12
                }

            #header .zySearch .schPanel li .num {
                color: #fff;
                display: inline-block;
                margin-right: 5px;
                width: 15px;
                height: 15px;
                text-align: center;
                line-height: 15px;
                background: #f39c12;
                border-radius: 100%;
                font-size: 12px;
                vertical-align: middle
            }

            #header .zySearch .schPanel .noHistory {
                height: 80px;
                line-height: 90px;
                font-size: 12px;
                text-align: center;
                color: #999;
                border-bottom: 1px solid #eee
            }

        #header .zySearch .selB {
            position: absolute;
            top: 0;
            left: 0;
            width: 70px;
            height: 38px;
            line-height: 38px;
            border-right: 1px solid #eee
        }

            #header .zySearch .selB select {
                position: absolute;
                left: 0;
                top: 0;
                display: inline-block;
                width: 70px;
                height: 38px;
                line-height: 38px;
                background: 0;
                border: 0;
                outline: none;
                vertical-align: middle;
                color: #999
            }

    #header .nav {
        height: 40px;
        background: #fff
    }

        #header .nav .inner {
            position: relative;
            z-index: 100;
            height: 40px;
        }

        #header .nav .navR {
            height: 40px;
            line-height: 40px;
            padding-left: 260px
        }

            #header .nav .navR a {
                vertical-align: middle;
                display: inline-block;
                padding: 0 14px;
                font-size: 16px;
                font-family: 'Microsoft YaHei';
                font-weight: bold
            }

                #header .nav .navR a.light {
                    font-weight: normal
                }

                #header .nav .navR a.light-gray {
                    padding: 0
                }

    #header .navL {
        width: 250px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 101;
        background: #ff921f;
        color: #fff
    }

        #header .navL .total {
            position: relative;
            display: block;
            width: 250px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #fff;
            text-indent: 20px;
            font-family: 'Microsoft YaHei'
        }

            #header .navL .total .icon-down {
                position: absolute;
                top: 15px;
                right: 20px;
                display: block;
                width: 14px;
                height: 10px;
                background: url("../img/icon-down14.png") center no-repeat
            }

            #header .navL .total .icon-up {
                background: url("../img/icon-up14.png") center no-repeat
            }

        #header .navL em {
            display: block;
            text-indent: 15px;
            line-height: 40px
        }

.headerBind .nav {
    box-shadow: none !important;
    border-bottom: 1px solid #f1f2f3
}

.headType2 {
    height: 90px;
    background: #fff
}

    .headType2 .inner {
        height: 90px;
        width: 1220px;
        height: 90px;
    }

    .headType2 .logo {
        float: left;
        display: inline-block;
        margin: 15px 30px 0px 0
    }

    .headType2 .tTitle {
        margin-top: 35px;
        float: left;
        padding-left: 30px;
        height: 40px;
        line-height: 50px;
        font-size: 24px;
        border-left: 1px solid #eee
    }

    .headType2 .zyBtnBlue {
        float: right;
        font-weight: bold;
        margin-top: 40px;
        padding: 0 25px
    }

    .headType2 .logoTxt {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-top: 38px;
        font-size: 24px;
        color: #999;
        font-family: 'Microsoft YaHei';
        vertical-align: middle
    }

#footer .nav {
    height: 110px;
    padding-top: 30px;
    background: #333
}

    #footer .nav .companyNm {
        font-size: 12px;
        color: #999;
        height: 45px;
        line-height: 45px;
        text-align: center
    }

    #footer .nav .navSub {
        text-align: center;
        height: 25px;
        line-height: 25px
    }

        #footer .nav .navSub a {
            font-size: 12px;
            color: #fff
        }

            #footer .nav .navSub a:hover {
                color: #ff921f
            }

        #footer .nav .navSub span.line {
            color: #4d4d4d;
            margin: 0 10px;
            vertical-align: middle;
            font-size: 12px
        }

#footer .copyRight {
    padding-top: 25px;
    height: 75px;
    background: #222
}

    #footer .copyRight p {
        line-height: 25px;
        font-size: 12px;
        color: #666;
        text-align: center
    }

.indexWrap {
    position: relative;
    z-index: 1
}
    /*wrpper内所有index都比150小*/
    .indexWrap .iInner {
        position: relative;
        z-index: 10;
        width: 1220px;
        top: 20px;
        left: 50%;
        margin-left: -610px
    }

    .indexWrap .indexBg {
        position: absolute;
        width: 100%;
        height: 370px;
        overflow: hidden
    }

        .indexWrap .indexBg .filt {
            position: absolute;
            width: 2000px;
            height: 970px;
            left: 50%;
            margin-left: -1000px;
            top: -170px;
            -webkit-filter: blur(50px);
            -moz-filter: blur(50px);
            filter: blur(50px);
            opacity: .9;
            transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            background: url("../img/banner1.jpg")
        }

        .indexWrap .indexBg .mask {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 370px;
            background: url("../img/filtMask.png") center bottom repeat-x
        }

/*slider*/
.feat-area {
    height: 400px;
    width: 1220px;
    position: relative;
    float: left
}

.slider-wrap {
    width: 100%;
    height: 100%
}

.slider-index, .slider li a {
    width: 100%;
    margin: 0 auto
}

.slider-items {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slider {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

    .slider li {
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden
    }

        .slider li a {
            display: block;
            text-indent: -9999em;
            overflow: hidden;
            width: 100%;
            height: 100%
        }

.slider-index {
    height: 8px;
    line-height: 8px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 1000
}

    .slider-index .items {
        height: 10px;
        display: inline-block;
        *zoom: 1;
        *display: inline
    }

    .slider-index li {
        float: left;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        cursor: pointer
    }

        .slider-index li a {
            margin: 0 auto;
            display: block;
            width: 8px;
            height: 8px;
            background: rgba(153,153,153,.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);
            border-radius: 25px;
        }

        .slider-index li.current a {
            background: #fff
        }

        .slider-index li:hover a {
            background: #fff
        }

.zyItems {
    width: 1220px;
    margin: 0 auto 20px;
    background: #fff
}

    .zyItems .zyTit {
        position: relative;
        height: 80px;
        line-height: 80px;
        padding-left: 20px;
        border-bottom: 1px solid #f1f2f3
    }

        .zyItems .zyTit em {
            font-size: 30px;
            vertical-align: middle;
            font-family: 'Microsoft YaHei';
            margin-right: 80px
        }

        .zyItems .zyTit a {
            display: inline-block;
            height: 80px;
            line-height: 80px;
            padding: 0 5px;
            margin-right: 20px
        }

        .zyItems .zyTit i.icon-color {
            position: absolute;
            left: -10px;
            top: 20px;
            display: inline-block;
            width: 10px;
            height: 40px;
            background: red
        }

    .zyItems .zyTitZy em {
        color: #8e44ad;
    }

    .zyItems .zyTitZy a.current, .zyItems .zyTitZy a:hover {
        position: relative;
        color: #8e44ad;
        border-bottom: 2px solid #8e44ad;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitZy i.icon-color {
        background: url("../img/icon-zy.png") center no-repeat
    }

    .zyItems .zyTitXl em {
        color: #d35400;
    }

    .zyItems .zyTitXl a.current, .zyItems .zyTitXl a:hover {
        position: relative;
        color: #d35400;
        border-bottom: 2px solid #d35400;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitXl i.icon-color {
        background: url("../img/icon-xl.png") center no-repeat
    }

    .zyItems .zyTitWy em {
        color: #16a085;
    }

    .zyItems .zyTitWy a.current, .zyItems .zyTitWy a:hover {
        position: relative;
        color: #16a085;
        border-bottom: 2px solid #16a085;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitWy i.icon-color {
        background: url("../img/icon-wy.png") center no-repeat
    }

    .zyItems .zyTitGwy em {
        color: #c0392b;
    }

    .zyItems .zyTitGwy a.current, .zyItems .zyTitGwy a:hover {
        position: relative;
        color: #c0392b;
        border-bottom: 2px solid #c0392b;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitGwy i.icon-color {
        background: url("../img/icon-gwy.png") center no-repeat
    }

    .zyItems .zyTitJsj em {
        color: #f39c12;
    }

    .zyItems .zyTitJsj a.current, .zyItems .zyTitJsj a:hover {
        position: relative;
        color: #f39c12;
        border-bottom: 2px solid #f39c12;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitJsj i.icon-color {
        background: url("../img/icon-jsj.png") center no-repeat
    }

    .zyItems .zyTitJy em {
        color: #27ae60;
    }

    .zyItems .zyTitJy a.current, .zyItems .zyTitJy a:hover {
        position: relative;
        color: #27ae60;
        border-bottom: 2px solid #27ae60;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitJy i.icon-color {
        background: url("../img/icon-jy.png") center no-repeat
    }

    .zyItems .zyTitGy em {
        color: #f39c12;
    }

    .zyItems .zyTitGy a.current, .zyItems .zyTitGy a:hover {
        position: relative;
        color: #f39c12;
        border-bottom: 2px solid #f39c12;
        height: 79px;
        line-height: 80px
    }

    .zyItems .zyTitGy i.icon-color {
        background: url("../img/icon-gy.png") center no-repeat
    }

    .zyItems .zyTit .itemsMore {
        font-size: 14px;
        float: right;
        color: rgba(243,156,18,.6)
    }

        .zyItems .zyTit .itemsMore:hover {
            border-bottom: none;
            height: 80px;
            line-height: 80px;
            color: rgba(243,156,18,1);
            transition: color .3s
        }

    .zyItems .sort {
        position: relative;
        padding: 0 20px 0 20px;
        height: 60px;
        line-height: 60px;
        font-family: 'Microsoft YaHei';
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px solid #f1f2f3
    }

        .zyItems .sort .sel {
            position: relative;
            padding-right: 10px;
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            color: #333;
            cursor: pointer;
            font-weight: normal;
            margin: 20px 5px 0 10px;
            float: left;
            border: none;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            padding-right: 14px;
            background: url("../img/icon-down-grey.png") no-repeat scroll right center transparent;
        }

        .zyItems .sort .sortSub {
            height: 20px;
            line-height: 20px;
            margin: 20px 5px 0 10px;
            float: left
        }

            .zyItems .sort .sortSub a {
                display: block;
                float: left;
                margin-right: 20px;
                height: 100%;
                line-height: 20px;
                font-size: 12px;
            }

                .zyItems .sort .sortSub a:hover {
                    color: #f39c12 !important
                }

                .zyItems .sort .sortSub a.current {
                    color: #f39c12
                }

    .zyItems .sort {
    }

        .zyItems .sort .sortJtabs {
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -13px;
            width: 60px;
            height: 26px
        }

            .zyItems .sort .sortJtabs a {
                display: inline-block;
                width: 30px;
                height: 26px;
                float: left;
                background: url("../img/icon-sort.png") center
            }

            .zyItems .sort .sortJtabs .ver {
                background-position: 0 26px
            }

                .zyItems .sort .sortJtabs .ver.current {
                    background-position: 30px 26px
                }

            .zyItems .sort .sortJtabs .hor {
                background-position: 0 0
            }

                .zyItems .sort .sortJtabs .hor.current {
                    background-position: 30px 0
                }

/*竖向课程列表*/
.courseListVer {
    padding: 0 20px;
    overflow: hidden
}

    .courseListVer dl {
        position: relative;
        min-height: 140px;
        padding: 20px 0 20px 230px;
        border-bottom: 1px solid #f1f2f3;
        margin-bottom: -1px
    }

    .courseListVer dt {
        position: absolute;
        left: 0;
        top: 20px;
        width: 210px;
        height: 140px
    }

        .courseListVer dt img {
            display: block;
            width: 210px;
            height: 140px
        }

    .courseListVer dd h3 {
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }

        .courseListVer dd h3 a {
            float: none;
            margin: 0
        }

    .courseListVer dd p.info {
        font-size: 12px;
        color: #999
    }

    .courseListVer dd .light-gray333 {
        margin-right: 30px
    }

        .courseListVer dd .light-gray333 a {
            float: none
        }

            .courseListVer dd .light-gray333 a:hover {
                color: #f39c12
            }

    .courseListVer dd .desc {
        position: relative;
        margin-top: 5px;
        height: 42px;
        line-height: 20px;
        overflow: hidden;
        padding-left: 40px;
        font-size: 12px
    }

    .courseListVer dd .light-gray {
        position: absolute;
        left: 0;
        top: 0
    }

    .courseListVer dd .btns {
        position: relative;
        top: 8px;
        overflow: hidden
    }

    .courseListVer dd a {
        margin: 0 5px 5px 0;
        float: left
    }

    .courseListVer dd .btns a.more {
        display: none
    }

    .courseListVer dd .showMore a.more {
        display: block
    }

.primeBox .primeTop {
    height: 400px;
    overflow: hidden
}

    .primeBox .primeTop .primeR {
        width: 250px;
        height: 350px;
        float: right;
        background: #fff
    }

.primeBox .primeUser {
    padding: 20px;
    height: 95px
}

    .primeBox .primeUser dl {
        position: relative;
        padding-left: 60px
    }

    .primeBox .primeUser dt {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -25px
    }

        .primeBox .primeUser dt img {
            display: inline-block;
            width: 50px;
            height: 50px;
            border-radius: 50px
        }

    .primeBox .primeUser dd h3, .primeBox .primeUser dd h3 a {
        height: 25px;
        line-height: 30px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .primeBox .primeUser dd p {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .primeBox .primeUser .btns {
        height: 30px
    }

        .primeBox .primeUser .btns a {
            margin-right: 5px;
            width: 78px;
            text-align: center
        }

.primeBox .primeTop .news {
    height: 195px;
    padding: 10px 20px;
    box-shadow: 0 0 15px rgba(0,0,0,.1) inset
}

    .primeBox .primeTop .news a {
        display: block;
        height: 28px;
        line-height: 28px;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px
    }

        .primeBox .primeTop .news a:hover {
            color: #f39c12;
            transition: all .3s
        }

    .primeBox .primeTop .news span {
        color: #999;
        margin-right: 10px
    }

.primeBox .primeTop .primerInfo .btns a {
    width: 78px;
    text-align: center
}

.primeBL {
    padding-left: 20px;
    float: left;
    width: 780px;
    height: 250px
}

.primeBR {
    padding-right: 20px;
    float: right;
    width: 365px;
    height: 250px
}

    .primeBR a {
        display: block;
        height: 35px;
        line-height: 35px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .primeBR a span {
            font-size: 14px;
            color: #999;
            margin-right: 10px
        }

        .primeBR a:hover span {
            color: #f39c12
        }

    .primeBR p {
        height: 28px;
        line-height: 28px;
        padding-right: 80px;
        position: relative
    }

        .primeBR p em {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 12px;
            color: #999
        }

.primeBtm {
    padding: 0 20px
}

    .primeBtm h3 {
        height: 60px;
        line-height: 60px
    }

        .primeBtm h3 em {
            font-size: 18px;
            font-family: 'Microsoft YaHei';
            vertical-align: middle
        }

        .primeBtm h3 a {
            float: right;
            vertical-align: middle;
            display: inline-block;
            height: 20px;
            line-height: 20px;
            padding: 0 10px;
            border: 1px solid #c8dbf0;
            font-weight: normal;
            margin: 19px 0 0 5px;
            font-size: 12px;
            color: #;
            font-family: 'Microsoft YaHei'
        }

            .primeBtm h3 a:hover {
                border: 1px solid #f39c12;
                transition: all .3s
            }
/*.primeBR h3{ height:50px}*/

/*课程列表*/
.courseList {
    padding: 20px 20px 0
}

    .courseList .ulBox {
        width: 1180px;
        overflow: hidden
    }

    .courseList ul {
        width: 1200px;
        overflow: hidden
    }

    .courseList li {
        position: relative;
        z-index: 0;
        display: inline-block;
        float: left;
        height: 190px;
        width: 180px;
        margin-right: 20px
    }

        .courseList li .img {
            width: 180px;
            height: 120px;
            overflow: hidden
        }

            .courseList li .img a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%
            }

            .courseList li .img img {
                position: relative;
                display: block;
                width: 180px;
                height: 120px;
                transition: all .3s
            }

            .courseList li .img .subMask {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: .3;
                filter: alpha(opacity=30);
                z-index: 0
            }

            .courseList li .img .playIcon {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 6;
                opacity: 0;
                margin: -30px 0 0 -30px;
                width: 60px;
                height: 60px;
                background: url(../img/play-icon1.png) no-repeat;
                filter: alpha(opacity=0);
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -ms-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                transition: all .3s ease-out;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                transform: scale(1.5)
            }

            .courseList li .img a:hover img {
                transform: scale(1.1);
                transition: all .3s
            }

            .courseList li .img a:hover .subMask {
                display: block;
                z-index: 5
            }

            .courseList li .img a:hover .playIcon {
                z-index: 6;
                opacity: 1;
                filter: alpha(opacity=100);
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .courseList li .img .btnDel {
                position: absolute;
                right: 5px;
                top: 6px;
                z-index: 7;
                border-radius: 3px;
                display: block;
                height: 20px;
                line-height: 20px;
                padding: 0 5px;
                font-size: 12px;
                color: #fff;
                background: rgba(0,0,0,.5);
                display: none
            }

                .courseList li .img .btnDel:hover {
                    font-weight: bold
                }

        .courseList li.courseBig .img a:hover img {
            transform: scale(1)
        }

    .courseList .img em.courseType {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 5;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        border-radius: 0 0 0 5px
    }

    .courseList .img em.courseT-Grey {
        background: rgba(33,33,33,.6)
    }

    .courseList .img em.courseT-green {
        background: #009e96
    }

    .courseList .img em.courseT-new {
        background: #f60
    }

.courseListVer dt em.courseType {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 5;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 0 0 0 5px
}

.courseListVer dt em.courseT-Grey {
    background: rgba(33,33,33,.6)
}

.courseListVer dt em.courseT-green {
    background: #009e96
}

.courseListVer dt em.courseT-new {
    background: #f60
}

.courseList li .noPlay .subMask {
    display: none
}

.courseList li .noPlay .playIcon {
    display: none !important;
}

.courseList li .noPlay a:hover img {
    transform: scale(1)
}

.courseList li .noPlay a:hover .subMask {
    display: none
}

.courseList li .footer {
    position: absolute;
    right: 0;
    top: 95px;
    z-index: 20;
    height: 25px;
    width: 100px;
}

    .courseList li .footer .mask {
        width: 100px;
        height: 25px
    }

    .courseList li .footer .num {
        position: absolute;
        right: 0;
        top: 0;
        width: 90px;
        padding-right: 10px;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        color: #fff;
        text-align: right
    }

.courseList li .title a {
    display: block;
    height: 30px;
    line-height: 36px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.courseList li .subTit a {
    display: block;
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

    .courseList li .subTit a:visited {
        color: #999
    }

    .courseList li .subTit a:hover {
        color: #333
    }

.pmCourseList {
    padding: 0
}

    .pmCourseList .ulBox {
        width: 1180px
    }

.courseList .courseBig {
    width: 180px;
    height: 360px
}

    .courseList .courseBig .img {
        width: 180px;
        height: 360px
    }

        .courseList .courseBig .img img {
            width: 180px;
            height: 360px
        }

.showallItems {
    height: 40px;
    line-height: 40px;
    text-align: center
}

    .showallItems .icon-down {
        display: inline-block;
        width: 9px;
        height: 5px;
        background: url("../img/icon-down9.png") center no-repeat;
        vertical-align: middle;
        margin-left: 10px
    }

    .showallItems:hover .icon-down {
        background: url("../img/icon-down9-hover.png") center no-repeat
    }

.primeNavList {
    position: relative;
    z-index: 102;
    height: 370px;
    width: 250px;
    border-left: 0;
    background: #fff;
    overflow: hidden
}

    .primeNavList .primeTabs {
        float: left;
        width: 250px;
        height: 100%;
        background: #ff921f;
        overflow: hidden
    }

        .primeNavList .primeTabs li {
            position: relative;
            height: 52px;
            line-height: 52px;
            font-size: 12px;
            border-bottom: 1px solid rgba(0,0,0,.1);
            text-indent: 20px
        }

            .primeNavList .primeTabs li a, .primeNavList li a:visited {
                color: #ffe7cd;
                margin-right: 8px
            }

                .primeNavList .primeTabs li a:hover {
                    color: #fff
                }

                .primeNavList .primeTabs li a.bigTit {
                    font-size: 14px;
                    font-family: 'Microsoft YaHei';
                    color: #fff
                }

            .primeNavList .primeTabs li .label {
                text-indent: 0;
                position: absolute;
                left: 95px;
                top: 0;
                height: 52px;
                line-height: 52px;
                text-align: center
            }

            .primeNavList .primeTabs li:hover {
                background: url("../img/li-bg-yellow.jpg") repeat-y;
                border-bottom: 1px solid rgba(0,0,0,.1)
            }

            .primeNavList .primeTabs li.nobtm {
                border-bottom: 0
            }

            .primeNavList .primeTabs li .icon-right {
                display: inline-block;
                width: 5px;
                height: 10px;
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -5px;
                background: url("../img/icon-right59.png") center no-repeat
            }

    .primeNavList .primeJpanels {
        float: right;
        width: 968px;
        height: 366px;
        border: 2px solid #ff921f;
        border-left: 0;
    }

    .primeNavList .pmJpanel {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .primeNavList .subNavCt {
        float: left;
        width: 680px;
        height: 100%;
        padding: 0 20px;
        overflow-y: auto
    }

        .primeNavList .subNavCt .ctItem {
            padding: 5px 0;
            border-bottom: 1px solid #eee
        }

            .primeNavList .subNavCt .ctItem h4 {
                height: 30px;
                line-height: 35px;
                font-size: 12px;
                font-family: 'Microsoft YaHei'
            }

            .primeNavList .subNavCt .ctItem p a {
                display: inline-block;
                height: 20px;
                font-size: 12px;
                line-height: 20px;
                margin-right: 12px;
                color: #999
            }
    /* .primeNavList .subNavCt .ctItem p a:hover{ color: #} */

    .primeNavList .pmJpanel .pmHot {
        padding: 10px 20px;
        float: right;
        width: 208px;
        height: 356px;
        background: url("../img/top-bg-eespp.png") left top no-repeat
    }

    .primeNavList .pmHot h3 {
        height: 35px;
        line-height: 35px;
        font-size: 18px;
        font-family: 'Microsoft YaHei';
        color: #ff921f
    }

    .primeNavList .pmHot p {
        position: relative;
        padding-left: 25px;
        height: 30px;
        line-height: 30px
    }

        .primeNavList .pmHot p i {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -6px;
            text-align: center;
            line-height: 12px;
            font-size: 10px;
            font-family: 'Arial';
            display: inline-block;
            width: 12px;
            height: 12px;
            color: #fff;
            background: #999
        }

        .primeNavList .pmHot p.ht i {
            background: #ff921f
        }

    .primeNavList .pmHot a {
        display: block;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.navlControl .primeNavList {
    display: none
}

.navlControl:hover .primeNavList {
    display: block
}

/*模态层*/
.modalLay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%
}

    .modalLay .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        background: rgba(0,0,0,.5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)
    }

    .modalLay .modalContent {
        width: 1000px;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1000;
        margin-left: -500px;
        background: #fff
    }

    .modalLay .title {
        height: 59px;
        line-height: 59px;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        border-bottom: 1px solid #eee;
        padding-left: 20px
    }

    .modalLay .close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1001;
        font-size: 36px;
        color: #333;
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        cursor: pointer
    }

    .modalLay .modalImg {
        display: block;
        margin: 65px auto 0
    }

    .modalLay .modalCnt {
        padding: 20px
    }

    .modalLay p {
        padding-top: 25px;
        line-height: 25px;
        text-align: center;
        color: #333
    }

    .modalLay .btns {
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #eee
    }

    .modalLay .ebtn, .modalLay .ebtn-gray {
        padding: 0 35px !important;
        margin-right: 10px
    }

.indexModal .title {
    height: 59px;
    background: url("../img/modalTit-bg.png") center no-repeat;
    color: #fff
}

.indexModal .btns a {
    padding: 0 50px
}

.indexModal .sortTab {
    width: 100%
}

    .indexModal .sortTab th {
        padding: 0 15px;
        text-align: center;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #eee;
        font-size: 12px;
        color: #999
    }

    .indexModal .sortTab td {
        text-align: center;
        padding: 15px;
        font-size: 12px
    }

        .indexModal .sortTab td label {
            margin-right: 30px
        }

    .indexModal .sortTab .icon-on, .indexModal .sortTab .icon-off {
        display: inline-block;
        width: 31px;
        height: 20px;
        background: url("../img/icon-on.png") center no-repeat
    }

    .indexModal .sortTab .icon-off {
        background: url("../img/icon-off.png") -3px top no-repeat
    }

.indexModal .icon-sortup, .indexModal .icon-sortdown {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../img/icon-sortup.png") center no-repeat
}

.indexModal .icon-sortdown {
    background: url("../img/icon-sortdown.png") center no-repeat
}

.indexModal .col1 {
    width: 10%;
    text-align: left !important;
}

.indexModal .col2 {
    width: 65%;
    text-align: left !important;
}

.indexModal .col3 {
    width: 15%
}

.indexModal .col4 {
    width: 10%
}

.assessModal dl {
    position: relative;
    line-height: 30px;
    padding-left: 50px
}

.assessModal dt {
    width: 50px;
    position: absolute;
    left: 0;
    top: 0
}

.assessModal .tips {
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #999
}

/*Page*/
.zyPage {
    padding: 30px 10px;
    text-align: center;
    border-top: 1px solid #f1f2f3
}

    .zyPage a {
        margin-left: 6px;
        padding: 8px 10px;
        border: 1px solid #eee;
        background: #fff;
        text-decoration: none;
        color: #333;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        cursor: pointer
    }

        .zyPage a:hover, .wsPage span.current {
            background: #f39c12;
            color: #fff;
            border: 1px solid #f39c12
        }

    .zyPage span {
        font-size: 14px;
        background: #fff;
        color: #ccc;
        margin-left: 6px;
        padding: 8px 10px;
        text-align: center;
        cursor: default
    }

        .zyPage span.disabled {
            color: #ccc;
            border: 1px solid #eee
        }

/*分类选择*/
.classify {
    background: #fff
}

    .classify h3 {
        padding: 50px 20px 0;
        height: 50px;
        font-family: 'Microsoft YaHei';
        font-weight: bold;
        line-height: 50px;
        font-size: 24px;
        background: #fff
    }

        .classify h3 img {
            position: absolute;
            top: 0;
            right: 140px
        }

    .classify .totalClfy {
        height: 100px;
        line-height: 100px
    }

        .classify .totalClfy a {
            display: inline-block;
            padding: 0 40px;
            border-right: 1px solid #f2f2f2;
            font-family: 'Microsoft YaHei';
            float: left;
            height: 100px;
            line-height: 110px;
            font-size: 22px
        }

            .classify .totalClfy a.current, .classify .totalClfy a:hover {
                background: url("../img/clfy-bg.png") repeat-x;
                transition: all .3s
            }

            .classify .totalClfy a:last-child {
                border-right: 0
            }

    .classify .clfy {
        padding: 10px 20px 10px;
        border-top: 1px solid #f1f2f3
    }

        .classify .clfy dl {
            position: relative;
            padding: 10px 0 0 50px;
            font-size: 12px
        }

        .classify .clfy dt {
            position: absolute;
            left: 0;
            top: 10px;
            height: 25px;
            line-height: 25px;
            color: #999
        }

        .classify .clfy dd a {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 10px;
            margin: 0 20px 10px 0
        }

            .classify .clfy dd a:hover, .classify .clfy dd a.current {
                background: #f39c12;
                color: #fff;
                cursor: pointer
            }

                .classify .clfy dd a:hover .light-gray, .classify .clfy dd a.current .light-gray {
                    color: #91b9e1 !important
                }

    .classify .clfyExpand {
        height: 40px;
        line-height: 40px;
        text-align: center
    }

        .classify .clfyExpand a {
            display: inline-block;
            padding: 0 20px;
            font-size: 12px;
            color: #000;
            opacity: .5
        }

            .classify .clfyExpand a.open {
                background: url("../img/sel-down.png") right center no-repeat
            }

            .classify .clfyExpand a.close {
                background: url("../img/sel-up.png") right center no-repeat
            }

            .classify .clfyExpand a:hover {
                opacity: 1
            }

.classifyCourse h3 {
    background: #fff url("../img/classifyBg01.png") right top no-repeat
}

.classifySchbg h3 {
    background: #fff url("../img/classifyBg02.png") right top no-repeat
}

.classifyTeacher h3 {
    background: #fff url("../img/classifyBg03.png") right top no-repeat
}

.classify .schClf {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #f1f2f3;
    padding: 0 20px
}

    .classify .schClf a {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 5px;
        margin-right: 40px;
        font-size: 16px
    }

        .classify .schClf a em {
            color: #999;
            font-family: 'Arial'
        }

        .classify .schClf a.current, .classify .schClf a:hover {
            height: 47px;
            line-height: 50px;
            color: #f39c12;
            border-bottom: 3px solid #f39c12
        }

            .classify .schClf a.current em, .classify .schClf a:hover em {
                color: #f39c12
            }

.assemntWp {
    padding-top: 380px;
    width: 100%;
    background: url("../img/assessmentbanner.jpg") center top no-repeat
}

.astFour {
    width: 1220px;
    height: 420px
}

    .astFour ul {
        width: 1240px;
        height: 400px
    }

    .astFour li {
        width: 290px;
        height: 400px;
        background: #fff;
        float: left;
        margin-right: 20px;
        box-shadow: 0px 5px 20px rgba(0,0,0,.1)
    }

        .astFour li .img {
            height: 90px;
            padding-top: 50px;
            text-align: center
        }

            .astFour li .img img {
                display: inline-block;
                margin: 0 auto
            }

        .astFour li h3 {
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 22px;
            font-family: 'Microsoft YaHei'
        }

        .astFour li .desc {
            height: 120px;
            overflow: hidden;
            font-size: 12px;
            color: #999;
            padding: 0 20px 0;
            line-height: 20px
        }

        .astFour li .btns {
            height: 40px;
            text-align: center
        }

            .astFour li .btns .zyBtnBlue, .astFour li .btns .zyBtnGreen {
                width: 150px;
                padding: 0;
                font-size: 16px;
                height: 40px;
                line-height: 40px;
                text-align: center
            }

        .astFour li .typeTwo .zyBtnBlue, .astFour li .typeTwo .zyBtnGreen {
            width: 100px
        }

        .astFour li .astNumt {
            font-size: 12px;
            color: #999;
            text-align: center;
            height: 30px;
            line-height: 30px
        }

        .astFour li:hover {
            box-shadow: 0px 5px 30px rgba(0,0,0,.4);
            transition: all .3s
        }

            .astFour li:hover h3, .astFour li:hover .desc {
                cursor: default
            }

.astList {
}

    .astList .fl, .astList .fr {
        width: 600px;
        min-height: 300px;
        padding-bottom: 10px;
        background: #fff;
        box-shadow: 0px 5px 10px rgba(0,0,0,.1)
    }

    .astList h4 {
        margin-bottom: 10px;
        position: relative;
        padding: 0 20px;
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #f1f2f3
    }

        .astList h4 em {
            position: absolute;
            bottom: -1px;
            display: inline-block;
            height: 57px;
            line-height: 60px;
            border-bottom: 3px solid #f39c12
        }

        .astList h4 a {
            float: right;
            height: 60px;
            line-height: 60px;
            font-size: 14px;
            float: right;
            color: rgba(243,156,18,.6);
        }

            .astList h4 a:hover {
                color: rgba(243,156,18,1)
            }

    .astList p {
        position: relative;
        padding: 0 20px
    }

        .astList p a {
            position: relative;
            display: block;
            padding-left: 20px;
            width: 430px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .astList p a span {
                position: absolute;
                left: 0;
                top: 0;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 10px;
                display: inline-block;
                color: #999
            }

        .astList p .num {
            position: absolute;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            right: 20px;
            top: 0;
            color: #999
        }

.evaluateBox {
    position: relative;
    padding: 30px 0 50px 0;
    background: #fff
}

    .evaluateBox .topLine {
        width: 1220px;
        height: 40px;
        background: url("../img/assessMnt-tbg.png") center no-repeat
    }

    .evaluateBox .btmLine {
        width: 1220px;
        height: 50px;
        background: url("../img/assessMnt-bbg.png") center no-repeat
    }

    .evaluateBox .centerBox {
        min-height: 400px;
        padding: 0 40px 0 80px;
        background: url("../img/assessMnt-cbg.png") center repeat-y
    }

    .evaluateBox .evalTit {
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        font-family: 'Microsoft YaHei'
    }

        .evaluateBox .evalTit .num {
            color: #999;
            margin-left: 20px;
            font-size: 14px;
            font-weight: normal;
            vertical-align: middle
        }

        .evaluateBox .evalTit .percent {
            width: 260px;
            height: 40px;
            line-height: 40px;
            float: right
        }

            .evaluateBox .evalTit .percent .bg {
                position: relative;
                width: 200px;
                display: inline-block;
                height: 10px;
                background: #eee;
                margin-top: 15px
            }

                .evaluateBox .evalTit .percent .bg .in {
                    position: absolute;
                    width: 200px;
                    display: inline-block;
                    height: 10px;
                    background: #f39c12
                }

            .evaluateBox .evalTit .percent .pt {
                font-size: 14px;
                font-family: 'Arial';
                font-weight: normal
            }

    .evaluateBox .testTit {
        padding: 10px 0 15px;
        font-size: 20px;
        line-height: 30px;
        font-family: 'Microsoft YaHei';
        font-weight: normal
    }

.evlRstBox .centerBox {
    padding: 0 60px
}

.evaluateBox .centerBox .items {
    padding-bottom: 10px
}

.evaluateBox .centerBox .cbT {
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
    font-family: 'Microsoft YaHei'
}

.evaluateBox .centerBox .tstAnswers {
    overflow: hidden
}

.evaluateBox .centerBox a {
    padding: 9px 20px 9px 50px;
    display: inline-block;
    max-width: 1020px;
    line-height: 30px;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    color: #666;
    margin: 0 20px 10px 0;
    border: 1px solid #ccc;
    background: url("../img/icon-check.png") 18px 15px no-repeat;
    border-radius: 3px
}

    .evaluateBox .centerBox a:hover, .evaluateBox .centerBox a.on {
        border: 1px solid #f39c12;
        color: #f39c12;
        background: url("../img/icon-checkon.png") 18px 15px no-repeat
    }

    .evaluateBox .centerBox a.right {
        background: url("../img/icon-checkRight.png") 18px 15px no-repeat;
        color: #5bbb19;
        border: 1px solid #5bbb19
    }

    .evaluateBox .centerBox a.wrong {
        background: url("../img/icon-checkWrong.png") 18px 15px no-repeat;
        color: #ff3300;
        border: 1px solid #ff3300
    }

.evaluateBox .centerBox .tstAnswers .tips {
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.evaluateBox .subBtns {
    padding: 0 80px;
    text-align: center
}

    .evaluateBox .subBtns a {
        padding: 0 40px;
        font-weight: bold
    }

.evaluateBox .resultTit {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #f39c12
}

.evaluateBox .resultDesc p {
    line-height: 30px;
    text-indent: 2rem;
    margin-bottom: 20px
}

.evaluateBox .resultDesc h4 {
    line-height: 35px;
    text-indent: 2em
}

.evaluateBox .evalExplain {
    padding: 0 30px;
    line-height: 25px;
    font-size: 12px;
    color: #999
}

    .evaluateBox .evalExplain p {
        text-indent: 2em
    }

.postItem {
    background: #fff
}

    .postItem .tit {
        position: relative;
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        border-bottom: 1px solid #f1f2f3
    }

        .postItem .tit em {
            position: absolute;
            bottom: -1px;
            left: 20px;
            display: inline-block;
            height: 57px;
            border-bottom: 3px solid #f39c12
        }

.evaList {
    padding: 20px 0 0 20px;
    width: 1180px;
    overflow: hidden
}

    .evaList ul {
        width: 1200px;
        overflow: hidden
    }

    .evaList li {
        width: 220px;
        height: 200px;
        margin: 0 20px 20px 0;
        float: left;
        background: #f7f7f7
    }

        .evaList li .top {
            position: relative;
            z-index: 1;
            width: 220px;
            height: 200px;
            overflow: hidden
        }
            /*.evaList li .top .white-mask{ position: absolute; z-index: 4; left: 0; top:0; width: 220px; height: 200px }*/
            /*.evaList li .top .mask{ position: absolute;left: -30%; top: -30%; z-index: 3; display: block; width: 160%; height: 160%; -webkit-filter: blur(20px); -moz-filter: blur(20px); filter: blur(20px); opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=60, MakeShadow=false) }*/
            /*.evaList li .top .img{ position: absolute; top:30px; left: 50%; margin-left: -41px; z-index:10;  width: 80px; height: 80px; border:1px solid #fff;  border-radius: 50px; background-size: cover;background-position:center}*/

            .evaList li .top .white-mask {
                position: absolute;
                z-index: 4;
                left: 0;
                top: 0;
                width: 220px;
                height: 200px
            }

            .evaList li .top .mask {
                position: absolute;
                left: -30%;
                top: -30%;
                z-index: 3;
                display: block;
                width: 160%;
                height: 160%;
                opacity: 0.7;
                -webkit-filter: blur(20px);
                -moz-filter: blur(20px);
                -ms-filter: blur(20px);
                -o-filter: blur(20px);
                filter: blur(20px);
                /*filter: url(blur.svg.blurImg); */
                filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='60'); /* IE6~IE9*/
                filter: alpha(opacity=8) /*ie9以下半透明*/
            }

            .evaList li .top .img {
                position: absolute;
                top: 30px;
                left: 50%;
                margin-left: -41px;
                z-index: 10;
                width: 80px;
                height: 80px;
                border: 1px solid #fff;
                border-radius: 50px;
                background-size: cover;
                background-position: center
            }

            .evaList li .top p {
                position: absolute;
                width: 220px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                font-weight: bold;
                z-index: 4;
                top: 125px;
                font-size: 24px;
                font-family: 'Microsoft YaHei';
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

            .evaList li .top .num {
                font-size: 12px;
                color: #999;
                position: absolute;
                top: 155px
            }

        .evaList li a:hover p {
            color: #333
        }

    .evaList .footer {
        height: 60px
    }

        .evaList .footer div {
            height: 60px;
            width: 33%;
            float: left;
            text-align: center;
            line-height: 20px;
            padding-top: 10px;
            color: #999
        }

        .evaList .footer .num {
            font-size: 16px;
            font-family: 'Arial';
            color: #333
        }

.explainWp {
    padding-top: 380px;
    width: 100%;
    background: url("../img/explainBanner.jpg") center top no-repeat
}

/*职场解读*/
.mainL {
    width: 870px;
    float: left
}

.mainR {
    width: 330px;
    float: right
}

.mainL .postTop {
    position: relative;
    z-index: 0;
    background: #fff;
    min-height: 150px;
    padding: 20px 20px 20px 190px
}

    .mainL .postTop .img {
        position: absolute;
        left: 20px;
        top: 20px;
        background-size: cover;
        background-position: center;
        width: 150px;
        height: 150px;
    }

    .mainL .postTop h3 {
        position: relative;
        z-index: 5;
        margin-bottom: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 24px;
        font-family: 'Microsoft YaHei';
        font-weight: normal
    }

        .mainL .postTop h3 .iconBlueBg {
            display: inline-block;
            padding: 0 5px;
            font-style: normal;
            vertical-align: middle;
            height: 23px;
            line-height: 23px;
            font-size: 14px;
            background: #f39c12;
            color: #fff;
            margin-right: 10px
        }

        .mainL .postTop h3 .iconGreenBg {
            display: inline-block;
            padding: 0 5px;
            font-style: normal;
            vertical-align: middle;
            height: 23px;
            line-height: 23px;
            font-size: 14px;
            background: #5bbb19;
            color: #fff;
            margin-right: 10px
        }

        .mainL .postTop h3 .iconOrangeBg {
            display: inline-block;
            padding: 0 5px;
            font-style: normal;
            vertical-align: middle;
            height: 23px;
            line-height: 23px;
            font-size: 14px;
            background: #ff6600;
            color: #fff;
            margin-right: 10px
        }

        .mainL .postTop h3 .iconRedBg {
            display: inline-block;
            padding: 0 5px;
            font-style: normal;
            vertical-align: middle;
            height: 23px;
            line-height: 23px;
            font-size: 14px;
            background: #e60012;
            color: #fff;
            margin-right: 10px
        }

        .mainL .postTop h3 em {
            vertical-align: middle
        }

    .mainL .postTop p {
        position: relative;
        z-index: 5;
        line-height: 28px
    }

.mainL .bg {
    position: absolute;
    z-index: 2;
    width: 290px;
    height: 190px;
    right: 0;
    top: 0;
    overflow: hidden
}

    .mainL .bg .imgBg {
        position: absolute;
        right: 0;
        top: 0;
        width: 290px;
        height: 190px;
        background-size: cover;
        background-position: center;
        -webkit-filter: blur(20px);
        -moz-filter: blur(20px);
        filter: blur(20px);
        opacity: .9
    }

    .mainL .bg .whiteMask {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
        width: 290px;
        height: 190px;
        background: url("../img/postTop-bg.png") center no-repeat
    }

.mainL .postTop-ent .img {
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px
}

    .mainL .postTop-ent .img img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%
    }


.postBk {
    background: #fff
}

    .postBk .bkTit, .rltClst .rltTit {
        position: relative;
        height: 59px;
        border-bottom: 1px solid #f1f2f3
    }

        .postBk .bkTit em, .rltClst .rltTit em {
            position: absolute;
            left: 20px;
            bottom: 0;
            display: block;
            height: 57px;
            line-height: 59px;
            border-bottom: 3px solid #f39c12;
            font-size: 18px;
            font-family: 'Microsoft YaHei'
        }

    .postBk .con {
        position: relative
    }

        .postBk .con .text {
           /* max-height: 320px;*/
            overflow: hidden;
            padding: 10px 20px 25px;
            line-height: 25px
        }

        .postBk .con .subTit, .postBk .con p {
            margin-bottom: 10px
        }

        .postBk .con p {
            text-indent: 2em
        }

        .postBk .con .showAll {
            position: absolute;
            bottom: 20px;
            left: 0;
            z-index: 3;
            display: block;
            color: #f39c12;
            font-weight: bold;
            width: 870px;
            height: 93px;
            line-height: 140px;
            text-align: center;
            background: url("../img/more-whitebg.png") center bottom no-repeat
        }

            .postBk .con .showAll .icon-new {
                display: inline-block;
                width: 14px;
                height: 14px;
                background: url("../img/icon-newFile.png") center no-repeat;
                vertical-align: middle;
                margin-right: 5px
            }

.postInfo .tit {
    height: 59px;
    line-height: 60px;
    border-bottom: 1px solid #f1f2f3;
    padding: 0 20px
}

    .postInfo .tit a {
        position: relative;
        display: inline-block;
        height: 59px;
        line-height: 60px;
        margin-right: 30px;
        font-size: 18px;
        font-weight: normal
    }

        .postInfo .tit a.current {
            height: 57px;
            border-bottom: 3px solid #f39c12;
            font-weight: bold
        }

        .postInfo .tit a.ttlInfo {
            margin-right: 0;
            font-size: 14px;
            color: rgba(243,156,18,.6)
        }

            .postInfo .tit a.ttlInfo:hover {
                color: rgba(243,156,18,1)
            }

.postInfo {
    background: #fff
}

    .postInfo .list {
        padding: 5px 20px 20px;
        overflow: hidden
    }

        .postInfo .list ul {
            width: 390px
        }

        .postInfo .list li {
            position: relative;
            height: 40px;
            line-height: 40px;
            padding-right: 80px
        }

            .postInfo .list li .num {
                position: absolute;
                right: 0;
                top: 0;
                height: 40px;
                line-height: 40px;
                color: #999
            }

            .postInfo .list li a {
                position: relative;
                padding-left: 20px;
                display: block;
                height: 40px;
                line-height: 40px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .postInfo .list li a span {
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 40px;
                    line-height: 40px;
                    font-size: 20px;
                    color: #999;
                    margin-right: 5px
                }

.rltClst {
    background: #fff
}

    .rltClst .rltTit .change {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        display: inline-block;
        height: 20px;
        font-size: 12px;
        color: #f39c12;
        line-height: 20px;
        padding-left: 20px;
        background: url("../img/icon-change.png") left center no-repeat;
        opacity: .5
    }

        .rltClst .rltTit .change:hover {
            opacity: 1
        }

    .rltClst .ulBox {
        width: 830px
    }

        .rltClst .ulBox ul {
            width: 850px
        }

    .rltClst li {
        width: 150px;
        height: 170px
    }

        .rltClst li .img {
            width: 150px;
            height: 100px;
            overflow: hidden
        }

            .rltClst li .img img {
                width: 150px;
                height: 100px
            }

        .rltClst li .footer {
            top: 75px
        }

    .rltClst .evaList {
        width: 830px
    }

        .rltClst .evaList ul {
            width: 840px
        }

        .rltClst .evaList li {
            width: 200px;
            height: 200px;
            margin-right: 10px
        }

            .rltClst .evaList li .top {
                width: 200px;
                height: 200px;
                overflow: hidden
            }

                .rltClst .evaList li .top p {
                    width: 200px;
                    height: 25px;
                    line-height: 25px;
                    font-size: 22px
                }

                .rltClst .evaList li .top .num {
                    font-size: 12px;
                    color: #999;
                    position: absolute;
                    top: 155px;
                    font-weight: normal
                }

                .rltClst .evaList li .top .white-mask {
                    position: absolute;
                    z-index: 3;
                    left: 0;
                    top: 0;
                    width: 200px;
                    height: 200px
                }

.mainR .videoExplain {
    display: block;
    padding-left: 120px;
    padding-top: 15px;
    color: #fff;
    font-family: 'Microsoft YaHei';
    width: 212px;
    height: 71px;
    margin: 0 auto 20px;
    background: url("../img/videoBg.png") center no-repeat
}

    .mainR .videoExplain h3 {
        font-size: 24px;
        line-height: 24px
    }

    .mainR .videoExplain p {
        font-size: 18px;
    }

.mainR .items {
    margin-bottom: 20px;
    background: #fff
}

    .mainR .items .tit {
        position: relative;
        height: 59px;
        border-bottom: 1px solid #f1f2f3
    }

        .mainR .items .tit em {
            position: absolute;
            left: 20px;
            bottom: 0;
            display: block;
            height: 57px;
            line-height: 59px;
            border-bottom: 3px solid #f39c12;
            font-size: 18px;
            font-family: 'Microsoft YaHei'
        }

.mainR .relationItm .list {
    padding: 20px 20px 0
}

.mainR .relationItm .ulBox {
    width: 290px;
    overflow: hidden
}

    .mainR .relationItm .ulBox ul {
        width: 345px
    }

    .mainR .relationItm .ulBox li {
        width: 80px;
        height: 140px;
        margin-right: 25px;
        float: left
    }

        .mainR .relationItm .ulBox li .img {
            width: 80px;
            height: 80px;
            background-size: cover;
            background-position: center
        }

        .mainR .relationItm .ulBox li p {
            padding: 10px 0;
            line-height: 18px;
            text-align: center
        }

        .mainR .relationItm .ulBox li a:hover p {
            color: #f39c12;
            font-weight: bold
        }

.mainR .relationItm-ent .ulBox li .img {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: none
}

    .mainR .relationItm-ent .ulBox li .img img {
        display: inline-block;
        max-width: 80px;
        max-height: 80px
    }

.infoList {
    background: url("../img/txtLstBg.jpg") center top no-repeat
}

.infoList1 {
    background: url("../img/list-banner1.jpg") center top no-repeat
}

.infoList2 {
    background: url("../img/list-banner2.jpg") center top no-repeat
}

.infoList3 {
    background: url("../img/list-banner3.jpg") center top no-repeat
}

.infoList4 {
    background: url("../img/list-banner4.jpg") center top no-repeat
}

.infoList5 {
    background: url("../img/list-banner5.jpg") center top no-repeat
}

.infoList6 {
    background: url("../img/list-banner6.jpg") center top no-repeat
}

.infoList7 {
    background: url("../img/list-banner7.jpg") center top no-repeat
}

.infoList8 {
    background: url("../img/list-banner8.jpg") center top no-repeat
}

.infoList .listTit {
    height: 250px;
    position: relative
}

    .infoList .listTit p {
        position: absolute;
        left: 0;
        bottom: 60px;
        line-height: 30px;
        font-size: 18px;
        color: #fff
    }

    .infoList .listTit h3 {
        position: absolute;
        left: 0;
        bottom: 10px;
        line-height: 50px;
        font-size: 48px;
        color: #fff
    }

.tastList {
    padding: 10px 0
}

    .tastList p {
        position: relative;
        padding: 0 570px 0 20px
    }

        .tastList p a {
            position: relative;
            display: block;
            width: 610px;
            padding-left: 20px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .tastList p a span {
                position: absolute;
                left: 0;
                top: 0;
                display: inline-block;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 10px;
                color: #999
            }

                .tastList p a span.light-red {
                    position: static;
                    display: inline;
                    font-size: 14px;
                    margin-right: 0px
                }

        .tastList p .num {
            position: absolute;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            right: 20px;
            top: 0;
            color: #999
        }

.tastListSch .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 540px;
    font-size: 12px;
    color: #999
}

    .tastListSch .right .type {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
    }

    .tastListSch .right .time {
        position: absolute;
        left: 230px;
        top: 0;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
        font-family: 'Arial'
    }

    .tastListSch .right .num {
        font-weight: normal
    }

.infoType {
    margin-bottom: 20px
}

    .infoType li {
        position: relative;
        font-size: 18px;
        border-bottom: 1px solid #f1f2f3;
        height: 60px;
        line-height: 60px;
        padding: 0 50px 0 20px
    }

        .infoType li:last-child {
            border-bottom: 1px solid #f1f2f3
        }

        .infoType li em {
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -10px;
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 18px;
            text-align: center
        }

        .infoType li:hover a {
            color: #f39c12
        }

.infoCnt .tit {
    padding: 10px 0 20px;
    margin: 0 20px;
    border-bottom: 1px solid #f1f2f3
}

    .infoCnt .tit .breadNav {
        font-size: 12px;
        color: #999
    }

    .infoCnt .tit h3 {
        font-size: 36px;
        color: #444;
        line-height: 50px;
        font-family: 'Microsoft YaHei'
    }

    .infoCnt .tit .btm {
        height: 30px;
        line-height: 30px;
        overflow: hidden
    }

    .infoCnt .tit .cmtOperate {
        height: 30px;
        float: right
    }

        .infoCnt .tit .cmtOperate li {
            position: relative;
            float: left;
            height: 30px
        }

            .infoCnt .tit .cmtOperate li > a {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                padding-left: 20px;
                margin-left: 20px;
                color: #666
            }

            .infoCnt .tit .cmtOperate li a:visited {
                color: #666
            }

            .infoCnt .tit .cmtOperate li a:hover {
                color: #333
            }

            .infoCnt .tit .cmtOperate li.zan a {
                background: url("../img/icon-zan.png") left center no-repeat
            }

            .infoCnt .tit .cmtOperate li.collect a {
                background: url("../img/icon-collect.png") left center no-repeat
            }

            .infoCnt .tit .cmtOperate li.share a {
                background: url("../img/icon-share.png") left center no-repeat
            }
            /*.infoCnt .tit .cmtOperate li.collect a:hover{ background: url("../img/icon-collect-hover.png") left center no-repeat}*/
            /*.infoCnt .tit .cmtOperate li.share a:hover{ background: url("../img/icon-share-hover.png") left center no-repeat}*/
            .infoCnt .tit .cmtOperate li.zan a.active {
                background: url("../img/icon-zan-active.png") left center no-repeat
            }

            .infoCnt .tit .cmtOperate li.collect a.active {
                background: url("../img/icon-collect-active.png") left center no-repeat
            }

            .infoCnt .tit .cmtOperate li.collect a.active {
                background: url("../img/icon-collect-active.png") left center no-repeat
            }

.infoCnt .cnt {
    padding: 20px 20px 10px
}

    .infoCnt .cnt img {
        display: block;
        max-width: 80%;
        height: auto;
        margin: 0 auto 20px
    }

    .infoCnt .cnt p {
        line-height: 32px;
        text-indent: 2em;
        margin-bottom: 10px
    }

.mainR .zmInfo {
    background: #fff
}

    .mainR .zmInfo a {
        display: block;
        height: 30px;
        line-height: 30px;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .mainR .zmInfo a:hover {
            color: #f39c12;
            transition: all .3s
        }

    .mainR .zmInfo span {
        color: #999;
        margin-right: 10px
    }

    .mainR .zmInfo .cnt {
        padding: 10px 20px 20px
    }

.mainR .course {
    position: relative;
    padding-top: 20px;
    border-bottom: 1px solid #f1f2f3
}

    .mainR .course dl {
        position: relative;
        padding: 0 20px 20px 130px
    }

        .mainR .course dl dt {
            display: block;
            width: 100px;
            height: 66px;
            position: absolute;
            left: 20px;
            top: 0
        }

            .mainR .course dl dt img {
                display: block;
                width: 100px;
                height: 66px
            }

    .mainR .course dd {
        height: 66px;
        overflow: hidden
    }

        .mainR .course dd h3 {
            line-height: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: normal
        }

        .mainR .course dd p {
            font-size: 12px;
            color: #999
        }

.jobSkillWp {
    padding-top: 380px;
    width: 100%;
    background: url(../img/jobSkill-banner.jpg) center top no-repeat
}

.jobSkillBox {
    width: 1220px
}

    .jobSkillBox ul {
        width: 1245px
    }

    .jobSkillBox li {
        background: #fff;
        float: left;
        width: 390px;
        height: 525px;
        overflow: hidden;
        margin: 0 25px 30px 0;
        box-shadow: 0 5px 20px rgba(0,0,0,.1)
    }

        .jobSkillBox li:hover {
            box-shadow: 0 5px 30px rgba(0,0,0,.4)
        }

    .jobSkillBox h4 {
        position: relative;
        font-size: 24px;
        cursor: default;
        padding: 0 20px;
        height: 100px;
        margin-bottom: 10px
    }

        .jobSkillBox h4 em {
            position: absolute;
            left: 20px;
            top: 50px;
            font-size: 24px;
            line-height: 25px;
            color: #fff;
            font-style: italic;
            font-family: 'Microsoft YaHei'
        }

        .jobSkillBox h4 a {
            position: absolute;
            right: 20px;
            top: 60px;
            font-size: 12px;
            color: #fff;
            font-weight: normal
        }

            .jobSkillBox h4 a:hover {
                font-weight: bold;
                cursor: pointer;
                color: #f39c12
            }

    .jobSkillBox p {
        position: relative;
        padding: 0 20px
    }

        .jobSkillBox p a {
            position: relative;
            display: block;
            padding-left: 20px;
            width: 250px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .jobSkillBox p a:hover {
                cursor: pointer
            }

                .jobSkillBox p a:hover span {
                    cursor: default
                }

            .jobSkillBox p a span {
                position: absolute;
                left: 0;
                top: 0;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 10px;
                display: inline-block;
                color: #999
            }

        .jobSkillBox p .num {
            position: absolute;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            right: 20px;
            top: 0;
            color: #999
        }

/*老师列表*/
.teacherWp {
    padding-top: 380px;
    width: 100%;
    background: url(../img/teacherBg.jpg) center top no-repeat
}

.teacherList {
    padding: 0 20px
}

    .teacherList .ulBox {
        width: 1180px;
        overflow: hidden;
        border-bottom: 1px solid #f1f2f3;
        margin-bottom: -1px
    }

    .teacherList ul {
        width: 1200px;
        overflow: hidden
    }

    .teacherList li {
        position: relative;
        margin: 20px 20px 0 0;
        height: 185px;
        padding-left: 115px;
        float: left;
        width: 265px
    }

        .teacherList li .img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100px;
            height: 100px;
        }

            .teacherList li .img img {
                display: block;
                width: 100%;
                height: 100%
            }

        .teacherList li h3 em {
            font-weight: normal
        }

        .teacherList li h3 .name {
            margin-right: 8px
        }

        .teacherList li p {
            line-height: 18px;
            max-height: 75px;
            overflow: hidden;
            font-size: 12px;
            color: #999
        }

        .teacherList li .taps {
            padding-top: 5px
        }

            .teacherList li .taps a {
                display: block;
                height: 25px;
                line-height: 25px;
                padding-left: 15px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                margin-top: 0;
                background: url("../img/icon-right-blue.png") left center no-repeat
            }

/*老师列表*/
.tchBg1 {
    padding-top: 190px;
    background: #333545 url("../img/teacherBg1.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg2 {
    padding-top: 190px;
    background: #232323 url("../img/teacherBg2.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg3 {
    padding-top: 190px;
    background: #1a1917 url("../img/teacherBg3.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg4 {
    padding-top: 190px;
    background: #293323 url("../img/teacherBg4.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg5 {
    padding-top: 190px;
    background: #4b3f1b url("../img/teacherBg5.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg6 {
    padding-top: 190px;
    background: #192939 url("../img/teacherBg6.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg7 {
    padding-top: 190px;
    background: #aeac9a url("../img/teacherBg7.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg8 {
    padding-top: 190px;
    background: #011722 url("../img/teacherBg8.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg9 {
    padding-top: 190px;
    background: #3d421c url("../img/teacherBg9.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg10 {
    padding-top: 190px;
    background: #938988 url("../img/teacherBg10.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg11 {
    padding-top: 190px;
    background: #42342c url("../img/teacherBg11.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg12 {
    padding-top: 190px;
    background: #1e2b0f url("../img/teacherBg12.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg13 {
    padding-top: 190px;
    background: #011722 url("../img/teacherBg13.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg14 {
    padding-top: 190px;
    background: #171008 url("../img/teacherBg14.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.tchBg15 {
    padding-top: 190px;
    background: #8fb8b9 url("../img/teacherBg15.jpg") center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed
}

.teacherInfo {
    position: relative;
    padding: 0 160px 20px 140px;
    background: #fff;
    margin-bottom: 20px
}

    .teacherInfo img {
        position: absolute;
        top: -45px;
        left: 15px;
        display: block;
        width: 100px;
        height: 100px;
        border: 5px solid #fff
    }

    .teacherInfo h3 {
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        font-weight: normal
    }

        .teacherInfo h3 em {
            font-size: 18px
        }

    .teacherInfo .desc p {
        font-size: 12px;
        color: #999;
        float: left
    }

    .teacherInfo .rtInfo {
        width: 70px;
        position: absolute;
        right: 10px;
        top: 10px
    }

        .teacherInfo .rtInfo strong {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #333;
            font-weight: normal;
            text-align: center;
            font-size: 18px;
            font-family: 'Arial'
        }

        .teacherInfo .rtInfo p {
            text-align: center
        }

    .teacherInfo .courseNum {
        right: 80px
    }

/*考试*/
.examWp {
    padding-top: 380px;
    width: 100%;
    background: url(../img/examBg.jpg) center top no-repeat
}

.examList {
    overflow: hidden;
    padding: 20px 20px 0
}

    .examList .ulBox {
        overflow: hidden;
        width: 1200px;
        min-height: 480px
    }

        .examList .ulBox ul {
            overflow: hidden
        }

    .examList li {
        position: relative;
        padding: 15px;
        float: left;
        width: 190px;
        height: 120px;
        background: url("../img/exaimSt-bg.png") 0 0 no-repeat;
        margin: 0 20px 20px 0
    }

        .examList li h3 {
            line-height: 24px;
            height: 75px;
            overflow: hidden
        }

        .examList li p {
            position: absolute;
            left: 15px;
            bottom: 15px;
            font-size: 12px;
            line-height: 18px;
            color: #999
        }

        .examList li:hover {
            background: url("../img/exaimSt-bg.png") 0 -150px no-repeat
        }

            .examList li:hover h3 {
                color: #f39c12
            }

            .examList li:hover p {
                color: #333
            }

/*关于我们*/
.tpBanner {
    height: 150px;
    background-size: auto 150px;
    background-position: center
}
/*.tpBanner img{ display: block}*/
.lMenu {
    width: 200px;
    float: left
}

    .lMenu ul {
        width: 110px;
        float: left;
        overflow: hidden
    }

    .lMenu li {
        height: 39px;
        border-bottom: 1px solid #eee;
        margin-bottom: -1px
    }

        .lMenu li a {
            display: block;
            height: 39px;
            line-height: 39px
        }

            .lMenu li a:hover {
                color: #f39c12
            }

.rContent {
    padding-left: 200px
}

    .rContent .tit {
        font-size: 24px;
        font-weight: normal;
        line-height: 50px
    }

    .rContent .subTit {
        line-height: 40px;
        margin-top: 10px;
        font-size: 16px
    }

    .rContent p {
        padding: 10px 0;
        line-height: 25px;
        text-indent: 2rem
    }

    .rContent .img {
        display: block;
        width: 100%;
        height: auto;
        margin: 10px auto
    }

    .rContent ul {
        overflow: hidden;
        zoom: 1;
        padding: 5px 0
    }

        .rContent ul li {
            display: block;
            float: left;
            height: 40px;
            line-height: 40px;
            background: #7fa9e5;
            margin: 0 5px 10px 0;
            padding: 0 15px;
            color: #fff
        }

    .rContent ol {
        list-style: outside decimal;
        margin: 0 0 10px;
        padding: 0 0 0 2em
    }

        .rContent ol li {
            list-style: outside decimal;
            margin: 0 0 10px
        }

    .rContent .link {
        height: 32px
    }

        .rContent .link a {
            line-height: 32px;
            display: block;
            float: left;
            margin: 0 25px 0 0
        }

        .rContent .link img {
            float: left;
            margin: 0 5px 0 0
        }

    .rContent .test {
        text-indent: 0
    }

        .rContent .test a {
            margin-right: 10px
        }

/*播放页*/
.playBox {
    width: 1220px;
    height: 575px;
    background: #181818
}
    /*height:575px*/
    .playBox .videoBox {
        width: 870px;
        height: 525px
    }

.vdoRight {
    width: 330px;
    padding-left: 20px;
    height: 525px
}

    .vdoRight .vdoTabs {
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        border-bottom: 1px solid #343434
    }

        .vdoRight .vdoTabs a {
            height: 45px;
            line-height: 45px;
            display: block;
            outline: none;
            padding: 0 5px;
            margin-right: 20px;
            float: left;
            color: #fff
        }

            .vdoRight .vdoTabs a.current {
                position: relative;
                height: 44px;
                line-height: 45px;
                border-bottom: 2px solid #f39c12
            }

    .vdoRight .vdoPanels {
        padding-right: 20px;
        max-height: 460px;
        overflow-y: auto
    }

        .vdoRight .vdoPanels .tit {
            padding: 10px 0;
            color: #fff;
            font-weight: normal;
            font-size: 12px;
            font-family: 'SimSun'
        }

    .vdoRight .intro .tit {
        padding: 10px 0 3px
    }

    .vdoRight .intro p {
        font-size: 12px;
        color: #999;
        font-family: 'SimSun';
        text-indent: 2em;
        padding: 5px 0
    }

    .vdoRight .selCourse .tit {
        position: relative;
        padding-right: 50px
    }

        .vdoRight .selCourse .tit em {
            position: absolute;
            right: 0;
            top: 10px;
            color: #999
        }

    .vdoRight .selCourse ul, .vdoRight .parag ul {
        background: #212121;
        font-family: 'SimSun'
    }

    .vdoRight .selCourse li a, .vdoRight .parag a {
        display: block;
        padding: 6px 10px;
        line-height: 20px;
        border-bottom: 1px solid #1c1c1c;
        color: #999
    }

    .vdoRight .selCourse li.current a {
        color: #fff;
        background: #f39c12
    }

    .vdoRight .selCourse li:hover a {
        color: #ccc;
        background: #262626
    }

    .vdoRight .selCourse li.current:hover a {
        color: #fff;
        background: #f39c12
    }

    .vdoRight .author .user {
        padding: 20px 0 20px 60px;
        position: relative;
        border-bottom: 1px solid #343434;
        margin-bottom: 20px
    }

        .vdoRight .author .user img {
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 20px
        }

        .vdoRight .author .user h3, .vdoRight .author .user h3 a {
            font-size: 14px;
            height: 25px;
            line-height: 25px;
            color: #fff;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

            .vdoRight .author .user h3 a:hover {
                color: #f39c12
            }

        .vdoRight .author .user p {
            font-size: 12px;
            color: #999;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .vdoRight .author .vdo li {
        position: relative;
        height: 66px;
        padding-left: 110px;
        margin-bottom: 10px;
        overflow: hidden
    }

        .vdoRight .author .vdo li img {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 99px;
            height: 66px
        }

        .vdoRight .author .vdo li .desc a {
            font-size: 12px;
            color: #999
        }

        .vdoRight .author .vdo li:hover a {
            color: #fff
        }

.vdoComment {
    position: relative;
    z-index: 18;
    background: #313131;
    height: 30px;
    padding: 10px 20px 10px 10px
}

    .vdoComment .commentBox {
        position: relative;
        float: left;
        width: 860px;
        height: 30px
    }

        .vdoComment .commentBox .txtArea {
            position: relative;
            z-index: 10;
            width: 740px;
            padding-right: 50px;
            height: 30px;
            line-height: 30px;
            background: #444
        }

            .vdoComment .commentBox .txtArea textarea {
                position: absolute;
                z-index: 11;
                left: 0;
                top: 0;
                display: block;
                width: 730px;
                height: 50px;
                line-height: 20px;
                padding: 5px 0 5px 10px;
                font-size: 12px;
                border: 0;
                border: none;
                background: none;
                overflow: hidden
            }

        .vdoComment .commentBox .subBtn {
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #f39c12;
            color: #fff
        }

        .vdoComment .commentBox .time {
            display: none;
            position: absolute;
            left: 20px;
            top: 20px;
            z-index: 10;
            font-family: 'Arial';
            position: absolute;
            left: 5px;
            top: 0;
            z-index: 14;
            font-size: 14px;
            color: #767676;
            height: 30px;
            line-height: 30px;
            padding: 0 5px;
        }

        .vdoComment .commentBox .private {
            position: absolute;
            z-index: 20;
            right: 80px;
            top: 0;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            color: #999
        }

    .vdoComment .onFocus .txtArea {
        background: #fff;
        height: 60px;
        box-shadow: 0 10px 20px rgba(0,0,0,.4)
    }

        .vdoComment .onFocus .txtArea textarea {
            padding-left: 70px;
            width: 665px
        }

    .vdoComment .onFocus .private {
        display: block
    }

    .vdoComment .onFocus .time {
        display: block
    }

    .vdoComment .commentAlt {
        width: 400px;
        height: 400px;
        position: absolute;
        bottom: 102.5px;
        left: 20px;
        z-index: 20;
        overflow: hidden
    }

        .vdoComment .commentAlt ul {
            position: absolute;
            z-index: 21;
            bottom: 0
        }

        .vdoComment .commentAlt li {
            position: relative;
            width: 35px;
            height: 35px;
            padding: 7.5px 0
        }

            .vdoComment .commentAlt li .colBg {
                transition: all .3s;
                position: absolute;
                top: 50%;
                margin-top: -10px;
                left: 0;
                z-index: 23;
                height: 20px;
                width: 0;
                border-radius: 25px;
                background: rgba(255,255,255,.1);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)
            }

            .vdoComment .commentAlt li .text {
                transition: all .3s;
                display: none;
                width: 0;
                text-indent: 70px;
                padding-right: 10px;
                height: 35px;
                line-height: 35px;
                font-size: 12px;
                color: #fff;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                background: rgba(0,0,0,.5);
                border-radius: 25px;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)
            }

            .vdoComment .commentAlt li .icon-note {
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -17.5px;
                z-index: 25;
                display: block;
                width: 31px;
                height: 31px;
                background: url("../img/icon-note1.png") center no-repeat;
                background-size: 31px;
                border: 2px solid #fff;
                border-radius: 100%
            }

            .vdoComment .commentAlt li .icon-record {
                transition: all .3s;
                display: none;
                position: absolute;
                left: 40px;
                top: 50%;
                margin-top: -5.5px;
                z-index: 25;
                width: 12px;
                height: 11px;
                background: url("../img/icon-record1.png") center no-repeat;
                background-size: 12px 11px
            }

            .vdoComment .commentAlt li.showText {
                width: auto
            }

                .vdoComment .commentAlt li.showText .text {
                    display: block;
                    width: 175px;
                    animation: fnShowText .3s ease
                }

                .vdoComment .commentAlt li.showText .colBg {
                    width: 60px;
                    transition: all .3s
                }

                .vdoComment .commentAlt li.showText .icon-record {
                    display: block;
                    transition: all .3s
                }

            .vdoComment .commentAlt li.showMoreText {
                width: auto
            }

                .vdoComment .commentAlt li.showMoreText .colBg {
                    width: 60px;
                    background: #fff;
                    transition: all .3s
                }

                .vdoComment .commentAlt li.showMoreText .icon-record {
                    display: block;
                    background: url("../img/icon-record2.png") center no-repeat;
                    background-size: 12px 11px;
                    transition: all .3s
                }

                .vdoComment .commentAlt li.showMoreText .text {
                    display: block;
                    width: 380px;
                    animation: showMoreText .3s ease;
                    transition: all .3s;
                    background: rgba(0,0,0,.6);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)
                }

            .vdoComment .commentAlt li.collected {
                width: auto
            }

                .vdoComment .commentAlt li.collected .colBg {
                    background: #fff
                }

                .vdoComment .commentAlt li.collected .icon-record {
                    background: url("../img/icon-record2.png") no-repeat center
                }

                .vdoComment .commentAlt li.collected .icon-note {
                    background: url("../img/icon-note2.png") center no-repeat;
                    background-size: 31px;
                }

            .vdoComment .commentAlt li.showLi {
                animation: showHeight35 .6s ease
            }

@keyframes fnShowText { /*视频页面弹出评论时的动画*/
    from {
        width: 35px
    }

    to {
        width: 175px
    }
}

@keyframes showMoreText {
    from {
        width: 175px
    }

    to {
        width: 380px
    }
}

@keyframes showHeight35 {
    from {
        height: 0px;
        opacity: 0
    }

    to {
        height: 35px;
        opacity: 1
    }
}

.vdoComment .cmtOperate {
    height: 30px;
    float: right
}

    .vdoComment .cmtOperate li {
        position: relative;
        float: left;
        height: 30px
    }

        .vdoComment .cmtOperate li > a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
            margin-left: 20px;
            color: #666
        }

        .vdoComment .cmtOperate li a:visited {
            color: #666
        }

        .vdoComment .cmtOperate li a:hover {
            color: #ccc
        }

        .vdoComment .cmtOperate li.zan a {
            background: url("../img/icon-zan.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.collect a {
            background: url("../img/icon-collect.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.phone a {
            background: url("../img/icon-tel.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.share a {
            background: url("../img/icon-share.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.zan a:hover {
            background: url("../img/icon-zan-hover.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.collect a:hover {
            background: url("../img/icon-collect-hover.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.phone a:hover {
            background: url("../img/icon-tel-hover.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.share a:hover {
            background: url("../img/icon-share-hover.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.zan a.active {
            background: url("../img/icon-zan-active.png") left center no-repeat
        }

        .vdoComment .cmtOperate li.collect a.active {
            background: url("../img/icon-collect-active.png") left center no-repeat
        }

.playMain .left {
    width: 870px;
    float: left
}

    .playMain .left .zyItems {
        width: 870px;
        margin: 0;
        background: #fff
    }

.playMain .right {
    width: 330px;
    float: right;
    background: #fff
}

    .playMain .right .tit {
        position: relative;
        height: 60px;
        font-family: 'Microsoft YaHei';
        line-height: 60px;
        font-size: 24px;
        font-weight: bold;
        padding: 0 20px;
        border-bottom: 1px solid #f1f2f3
    }

    .playMain .right .teacher dt {
        display: block;
        width: 100px;
        height: 100px;
        position: absolute;
        left: 20px;
        top: 20px
    }

        .playMain .right .teacher dt img {
            display: block;
            width: 100px;
            height: 100px
        }

    .playMain .right .teacher dd h3 {
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: normal
    }

    .playMain .right .teacher dd p {
        font-size: 12px;
        color: #999;
        height: 75px;
        overflow: hidden;
        line-height: 145%
    }

    .playMain .right .course {
        position: relative;
        padding-top: 20px;
        border-bottom: 1px solid #f1f2f3
    }

        .playMain .right .course dl {
            position: relative;
            padding: 0 20px 20px 130px
        }

            .playMain .right .course dl dt {
                display: block;
                width: 100px;
                height: 66px;
                position: absolute;
                left: 20px;
                top: 0
            }

                .playMain .right .course dl dt img {
                    display: block;
                    width: 100px;
                    height: 66px
                }

        .playMain .right .course dd {
            height: 66px;
            overflow: hidden
        }

            .playMain .right .course dd h3 {
                line-height: 20px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-weight: normal
            }

            .playMain .right .course dd p {
                font-size: 12px;
                color: #999
            }

    .playMain .right .moreCourse {
        display: block;
        height: 40px;
        font-size: 12px;
        color: #f39c12;
        line-height: 40px;
        text-align: center
    }

        .playMain .right .moreCourse:hover {
            color: #f39c12
        }

.playNote .noteTabs {
    position: absolute;
    left: 165px;
    top: 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-weight: normal
}

    .playNote .noteTabs a {
        display: block;
        float: left;
        padding: 0 3px;
        height: 57px;
        line-height: 58px;
        border-bottom: 3px solid #fff;
        margin-right: 10px;
        font-size: 14px
    }

        .playNote .noteTabs a.current {
            color: #f39c12;
            border-bottom: 3px solid #f39c12
        }

.playNote .noNote {
    position: relative;
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #999
}

    .playNote .noNote i {
        position: absolute;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: 24px
    }

        .playNote .noNote i.icon-qtl {
            left: 320px;
            top: 50%;
            margin-top: -12px;
            background: url("../img/icon-qutLeft.png") no-repeat
        }

        .playNote .noNote i.icon-qtr {
            right: 320px;
            top: 50%;
            margin-top: -12px;
            background: url("../img/icon-qutRight.png") no-repeat
        }

.playNote .noteJpanels dl {
    position: relative;
    padding: 20px 0 15px 115px;
    margin: 0 20px;
    font-family: 'Simsun'
}

.playNote .noteJpanels dt {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100px;
    height: 20px;
    line-height: 20px
}

    .playNote .noteJpanels dt a {
        display: block;
        width: 75px;
        padding-left: 25px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        background: url("../img/icon-playGrey.png") center no-repeat
    }

.playNote .noteJpanels dl:hover dt a {
    background: url("../img/icon-playGreen.png") center no-repeat;
    color: #fff
}

.playNote .noteJpanels .text {
    line-height: 20px
}

.playNote .noteJpanels .remark {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

    .playNote .noteJpanels .remark .del {
        display: none;
        color: #999
    }

    .playNote .noteJpanels .remark .coll {
        display: none;
        padding-left: 16px;
        background: url("../img/icon-coll.png") left center no-repeat;
        color: #f39c12
    }

.playNote .noteJpanels dl:hover .del {
    display: block
}

.playNote .noteJpanels dl:hover .coll {
    display: block
}

.relationCour .ulBox {
    width: 830px
}

    .relationCour .ulBox ul {
        width: 850px
    }

.relationCour li {
    width: 150px;
    height: 170px
}

    .relationCour li .img {
        width: 150px;
        height: 100px;
        overflow: hidden
    }

        .relationCour li .img img {
            width: 150px;
            height: 100px
        }

    .relationCour li .footer {
        top: 75px
    }

.zyItems {
    background: #fff
}

    .zyItems .plTit {
        position: relative;
        height: 60px;
        line-height: 60px;
        font-family: 'Microsoft YaHei';
        font-size: 24px;
        font-weight: bold;
        padding: 0 20px;
        border-bottom: 1px solid #f1f2f3
    }

        .zyItems .plTit .change {
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -10px;
            display: inline-block;
            height: 20px;
            font-size: 12px;
            color: #f39c12;
            line-height: 20px;
            padding-left: 20px;
            background: url("../img/icon-change.png") left center no-repeat;
            opacity: .5
        }

            .zyItems .plTit .change:hover {
                opacity: 1
            }

        .zyItems .plTit .titLi a {
            display: inline-block;
            color: #999;
            float: left;
            font-weight: normal;
            padding: 0 15px;
            background: url("../img/icon-point2.png") left center no-repeat;
            background-size: 3px;
            font-size: 12px
        }

            .zyItems .plTit .titLi a:hover {
                color: #f39c12
            }

            .zyItems .plTit .titLi a:visited {
                color: #999
            }

            .zyItems .plTit .titLi a.current {
                color: #0a7bcc
            }

        .zyItems .plTit .titImg {
            display: inline-block;
            margin-top: -3px;
            vertical-align: middle;
            margin-right: 10px
        }

/*弹层*/
.wAlert {
    position: absolute;
    z-index: 10;
    right: -70px;
    top: 40px;
    padding: 0 20px 20px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.4)
}

    .wAlert .wAlt-up {
        position: absolute;
        top: -9px;
        right: 38px;
        z-index: 11;
        display: block;
        width: 18px;
        height: 9px;
        background: url("../img/icon-point.png") center no-repeat
    }

    .wAlert h3 {
        position: relative;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid #f1f2f3;
        padding-right: 20px
    }

        .wAlert h3 .close {
            position: absolute;
            right: -5px;
            top: 50%;
            margin-top: -10px;
            text-align: center;
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            font-style: normal;
            font-weight: normal;
            cursor: pointer;
            color: #999;
            background: none
        }

.wAlert-phone {
    width: 170px;
    right: -20px
}

    .wAlert-phone .fl {
        width: 170px;
        height: 190px
    }

        .wAlert-phone .fl h4, .wAlert-phone .fr h4 {
            height: 50px;
            line-height: 55px;
            text-align: center
        }

        .wAlert-phone .fl .code {
            display: block;
            width: 90px;
            height: 90px;
            margin: 0 auto
        }

        .wAlert-phone .fl .desc, .wAlert-phone .fr .desc {
            font-size: 12px;
            margin: 10px auto 0;
            color: #999;
            text-align: center
        }

    .wAlert-phone .fr {
        width: 212px
    }

        .wAlert-phone .fr h4 {
            height: 50px;
            line-height: 55px;
            text-align: center
        }

        .wAlert-phone .fr a.downBtn {
            display: block;
            width: 150px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            color: #fff;
            margin: 0 auto 10px;
            background: none
        }

        .wAlert-phone .fr a.downBtnBlue, .wAlert-phone .fr a.downBtnBlue:hover {
            background: #f39c12 !important;
            color: #fff
        }

        .wAlert-phone .fr a.downBtnGreen, .wAlert-phone .fr a.downBtnGreen:hover {
            background: #5fb11e !important;
            color: #fff
        }

        .wAlert-phone .fr .desc {
            margin-top: 20px
        }

.wAlert-share {
    right: -20px;
    width: 220px
}

    .wAlert-share ul {
        width: 240px;
        height: 78px;
        border-bottom: 1px solid #f1f2f3
    }

    .wAlert-share li {
        float: left;
        margin-right: 22px;
        width: 38px;
        height: 78px !important;
        line-height: 78px
    }

        .wAlert-share li a {
            background: none !important;
            width: 38px;
            height: 38px !important;
            padding: 0 !important;
            margin: 0 !important;
        }

    .wAlert-share .in {
        width: 220px;
        overflow: hidden
    }

    .wAlert-share .url p {
        height: 38px;
        line-height: 45px;
        font-size: 12px;
        color: #999
    }

    .wAlert-share .url input {
        display: block;
        width: 210px;
        padding: 0 5px;
        font-size: 12px;
        height: 30px;
        line-height: 30px
    }

    .wAlert-share .wAlt-up {
        right: 30px
    }

/*登录页*/
.loginWrap {
    padding-bottom: 0 !important;
    height: 440px;
    background: url("../img/loginBg.jpg") center no-repeat;
    background-size: auto 440px
}

    .loginWrap .loginPanel {
        width: 360px;
        height: 360px;
        float: right;
        margin-top: 40px;
        background: #fff
    }

        .loginWrap .loginPanel .jTabs {
            height: 50px;
            overflow: hidden
        }

            .loginWrap .loginPanel .jTabs a {
                display: block;
                width: 50%;
                height: 50px;
                line-height: 50px;
                float: left;
                font-size: 16px;
                color: #666;
                background: #ededed;
                text-align: center;
                cursor: pointer
            }

                .loginWrap .loginPanel .jTabs a.current {
                    background: #fff;
                    color: #f39c12;
                    border: 0;
                    outline: 0
                }

.loginPanel .in {
    padding: 20px 20px 0
}

.loginPanel .tips, .loginPanel .err {
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 40px;
    color: #666;
    border: 1px solid #f6c090;
    font-weight: normal;
    font-family: 'simsun';
    border-radius: 2.5px;
    background: #fef4e5 url(../img/icon-tips.png) 15px center no-repeat
}

.loginPanel .err {
    color: #e4393c;
    border: 1px solid #faccc6;
    font-weight: normal;
    font-family: 'simsun';
    border-radius: 2.5px;
    background: #ffebeb url(../img/icon-err.png) 10px center no-repeat
}

.loginPanel .iptItem {
    position: relative;
    line-height: 38px;
    margin-bottom: 15px;
    height: 38px;
    padding-left: 50px;
    border: 1px solid #ddd;
    border-radius: 2.5px
}

    .loginPanel .iptItem input {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        border: 0;
        vertical-align: middle;
        padding: 0;
        outline: 0;
        width: 250px
    }

    .loginPanel .iptItem i {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 40px;
        height: 38px;
        border-radius: 2.5px 0 0 2.5px
    }

        .loginPanel .iptItem i.icon-user {
            background: #f3f3f3 url("../img/icon-usr.png") center no-repeat
        }

        .loginPanel .iptItem i.icon-pwd {
            background: #f3f3f3 url("../img/icon-pwd.png") center no-repeat
        }

        .loginPanel .iptItem i.icon-card {
            background: #f3f3f3 url("../img/icon-card.png") center no-repeat
        }

        .loginPanel .iptItem i.icon-lib {
            background: #f3f3f3 url("../img/icon-lib.png") center no-repeat
        }

.loginPanel .lgBtn {
    margin: 15px auto 20px
}

.loginPanel .readCer .iptItem {
    margin-bottom: 13px
}

.loginPanel .readCer .lgBtn {
    margin-top: 13px
}

.loginPanel .foot {
    padding: 14px 20px;
    height: 20px;
    line-height: 20px;
    border-top: 1px solid #eee
}

    .loginPanel .foot ul {
        height: 20px;
        overflow: hidden
    }

    .loginPanel .foot li {
        float: left;
        height: 20px;
        font-size: 12px;
        font-style: normal;
        background: url("../img/icon-line.png") right center no-repeat
    }

        .loginPanel .foot li a {
            position: relative;
            display: inline-block;
            color: #666;
            padding: 0 25px 0 45px;
        }

            .loginPanel .foot li a:hover {
                position: relative;
                color: #333
            }

            .loginPanel .foot li a:visited {
                color: #666
            }

            .loginPanel .foot li a.qq {
                padding-left: 25px
            }

            .loginPanel .foot li a.wb {
                padding-right: 0
            }

            .loginPanel .foot li a i {
                display: inline-block;
                width: 18px;
                height: 18px;
                position: absolute;
                left: 15px;
                top: 50%;
                margin-top: -9px;
                background-size: 18px
            }

            .loginPanel .foot li a.qq i {
                background: url("../img/icon-qq.png") center no-repeat
            }

            .loginPanel .foot li a.wx i {
                background: url("../img/icon-wx.png") center no-repeat
            }

            .loginPanel .foot li a.wb i {
                background: url("../img/icon-wb.png") center no-repeat
            }

            .loginPanel .foot li a.qq i {
                left: 0
            }

    .loginPanel .foot .fr, .loginPanel .foot .fr:visited {
        color: #244ea4
    }

        .loginPanel .foot .fr:hover {
            color: #1d3e83
        }

.loginPanel .wSelect {
    width: 255px;
    border: 0
}

    .loginPanel .wSelect ul {
        width: 268px
    }

    .loginPanel .wSelect i.icon-down {
        display: block;
        width: 9px;
        height: 5px;
        background: url("../img/icon-down.png") center no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        left: auto;
        margin-top: -3px;
        z-index: 301;
        filter: alpha(opacity=60);
        opacity: .6
    }

    .loginPanel .wSelect cite {
        width: 240px;
        overflow: hidden;
        padding-left: 0
    }

/*个人中心*/
.userTop {
    position: relative;
    padding-top: 250px;
    background: url("../img/userBg.jpg") center top no-repeat
}

    .userTop .user {
        position: relative;
        z-index: 1;
        height: 80px;
        padding: 0 20px 0 140px;
    }

    .userTop .userBg {
        position: absolute;
        left: 0;
        top: 250px;
        width: 100%;
        z-index: 0;
        height: 80px;
    }

    .userTop .user .photo {
        position: absolute;
        top: -45px;
        left: 20px;
        display: block;
        width: 100px;
        height: 100px;
        border: 5px solid #fff
    }

    .userTop .user .fl h3 {
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        color: #333;
        font-weight: normal
    }

        .userTop .user .fl h3 .num {
            font-size: 12px;
            color: #5bb22d;
            vertical-align: middle;
            margin-left: 25px;
            padding-left: 20px;
            background: url("../img/icon-bean.png") left center no-repeat
        }

    .userTop .user .fl p {
        font-size: 12px;
        color: #999
    }

    .userTop .user .fr .sign {
        display: block;
        float: left;
        margin: 25px 20px 0 0;
        width: 140px;
        height: 35px;
        line-height: 35px;
        font-weight: bold;
        text-indent: 40px;
        background: #5bb22d url("../img/icon-sign.png") 20px center no-repeat;
        color: #fff
    }

        .userTop .user .fr .sign .beans {
            font-size: 12px;
            color: #fff;
            opacity: .5;
            margin-left: 10px;
            vertical-align: middle
        }

    .userTop .user .fr .popNum {
        height: 60px;
        text-align: center;
        color: #999;
        font-size: 12px;
        margin-top: 10px;
        float: right;
        border-left: 1px solid #eee
    }

        .userTop .user .fr .popNum em {
            font-size: 18px;
            height: 35px;
            line-height: 35px;
            color: #333 !important;
            display: block;
            padding: 0 30px
        }

    .userTop .user .videoPrize {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 260px;
        height: 62px;
        background: url("../img/user-prize.png") center no-repeat
    }

        .userTop .user .videoPrize .date {
            position: absolute;
            left: 15px;
            bottom: 2px;
            font-size: 12px;
            color: #fff;
            font-family: 'Arial';
            font-weight: bold
        }

        .userTop .user .videoPrize .num {
            position: absolute;
            display: block;
            right: 5px;
            top: 50%;
            margin-top: -25px;
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
            font-size: 30px;
            font-family: 'Arial';
            background: #fff;
            border-radius: 3px;
            box-shadow: 0 0 5px rgba(0,0,0,.1)
        }

        .userTop .user .videoPrize:hover .num, .userTop .user .videoPrize:active .num {
            color: #333
        }

    .userTop .userNav {
        padding: 0 20px;
        height: 50px;
        background: #fff
    }

        .userTop .userNav a {
            display: block;
            height: 50px;
            line-height: 50px;
            padding: 0 5px;
            line-height: 50px;
            margin-right: 30px;
            float: left
        }

            .userTop .userNav a.current, .userTop .userNav a:hover {
                line-height: 48px;
                color: #f39c12;
                height: 47px;
                position: relative;
                bottom: -1px;
                border-bottom: 3px solid #f39c12
            }

.zyItems .tit2 {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #999;
    padding: 0 20px;
    font-weight: normal
}

    .zyItems .tit2 .clearn {
        color: #f39c12;
        opacity: .5
    }

        .zyItems .tit2 .clearn:hover {
            color: #f39c12;
            opacity: 1
        }

.viewHistory {
    overflow: hidden;
    padding-bottom: 20px
}

    .viewHistory .items {
        position: relative;
        margin: 0 20px 0 40px;
        width: 1000px;
        padding: 0 0 20px 140px;
        border-left: 1px solid #eee
    }

        .viewHistory .items ul {
            width: 1000px;
            overflow: hidden
        }

        .viewHistory .items li {
            position: relative;
            z-index: 0;
            display: inline-block;
            float: left;
            height: 190px;
            width: 180px;
            margin-right: 20px;
        }

            .viewHistory .items li .img {
                width: 180px;
                height: 120px;
                overflow: hidden
            }

                .viewHistory .items li .img a {
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 100%
                }

                .viewHistory .items li .img img {
                    position: relative;
                    display: block;
                    width: 180px;
                    height: 120px;
                    transition: all .3s
                }

                .viewHistory .items li .img .subMask {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: #000;
                    opacity: .3;
                    filter: alpha(opacity=30);
                    z-index: 0
                }

                .viewHistory .items li .img .playIcon {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    z-index: 6;
                    opacity: 0;
                    margin: -30px 0 0 -30px;
                    width: 60px;
                    height: 60px;
                    background: url(../img/play-icon1.png) no-repeat;
                    filter: alpha(opacity=0);
                    -webkit-transition: all .3s ease-out;
                    -moz-transition: all .3s ease-out;
                    -ms-transition: all .3s ease-out;
                    -o-transition: all .3s ease-out;
                    transition: all .3s ease-out;
                    -webkit-transform: scale(1.5);
                    -moz-transform: scale(1.5);
                    -ms-transform: scale(1.5);
                    transform: scale(1.5)
                }

                .viewHistory .items li .img a:hover img {
                    transform: scale(1.1);
                    transition: all .3s
                }

                .viewHistory .items li .img a:hover .subMask {
                    display: block;
                    z-index: 5
                }

                .viewHistory .items li .img a:hover .playIcon {
                    z-index: 6;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    transform: scale(1);
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            .viewHistory .items li .footer {
                position: absolute;
                right: 0;
                top: 95px;
                z-index: 20;
                height: 25px;
                width: 100px;
            }

                .viewHistory .items li .footer .mask {
                    width: 100px;
                    height: 25px
                }

                .viewHistory .items li .footer .num {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 90px;
                    padding-right: 10px;
                    font-size: 12px;
                    height: 25px;
                    line-height: 25px;
                    color: #fff;
                    text-align: right
                }

            .viewHistory .items li .title a {
                display: block;
                height: 30px;
                line-height: 36px;
                text-align: left;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

            .viewHistory .items li .subTit a {
                display: block;
                font-size: 12px;
                color: #999;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

                .viewHistory .items li .subTit a:visited {
                    color: #999
                }

                .viewHistory .items li .subTit a:hover {
                    color: #333
                }

    .viewHistory .hisType {
        position: absolute;
        left: -20px;
        top: 0;
        background: #f39c12;
        text-indent: 10px;
        display: block;
        width: 150px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        font-weight: bold
    }

.userMenu {
    width: 190px;
    float: left
}

    .userMenu li {
        height: 50px;
        border-bottom: 1px solid #eee
    }

    .userMenu a {
        display: block;
        width: 190px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        text-indent: 20px;
        border-bottom: 1px solid #eee
    }

    .userMenu li.current a, .userMenu li:hover a {
        color: #f39c12
    }

.userMain {
    padding: 20px 30px 30px;
    width: 969px;
    float: right;
    border-left: 1px solid #ddd;
    min-height: 200px;
    overflow: hidden
}

    .userMain .t {
        line-height: 30px;
        font-size: 16px
    }

    .userMain .infoL {
        width: 768px;
        float: left
    }

    .userMain .info .items {
        padding: 5px 0 5px 100px;
        position: relative;
        overflow: hidden
    }

        .userMain .info .items .txt {
            position: absolute;
            left: 0;
            top: 5px;
            width: 80px;
            text-align: right;
            height: 30px;
            line-height: 30px
        }
        /*.userMain .info .items .boxW{ float: left; width: 300px; height: 28px; line-height: 28px}*/
        .userMain .info .items .boxW {
            float: left;
            width: 430px;
            height: 28px;
            line-height: 28px
        }

            .userMain .info .items .boxW .iptSel {
                display: inline-block;
                *display: inline;
                height: 28px;
                line-height: 28px
            }

            .userMain .info .items .boxW select {
                font-size: 12px;
                border: 0;
                background: none
            }

        .userMain .info .items .boxTa {
            width: 430px;
            height: 60px;
            line-height: 30;
            border: 1px solid #eee
        }

            .userMain .info .items .boxTa textarea {
                width: 420px;
                height: 52px;
                padding: 4px 5px;
                border: 0;
                overflow-y: auto
            }

        .userMain .info .items .operateBtn {
            height: 30px;
            line-height: 30px;
            float: left;
            margin-left: 10px;
            color: #f39c12
        }

            .userMain .info .items .operateBtn:hover {
                color: #f39c12
            }

    .userMain .info .bwIpt {
        border: 1px solid #eee
    }

        .userMain .info .bwIpt input {
            width: 420px;
            height: 19px;
            line-height: 20px;
            border: 0;
            padding: 4px 5px
        }

    .userMain .info .btns {
        padding: 40px 0 0 100px;
        overflow: hidden
    }

        .userMain .info .btns a {
            padding: 0 20px !important;
            height: 30px;
            line-height: 30px
        }

    .userMain .info .btnsPic {
        padding: 20px 0 0 130px
    }

        .userMain .info .btnsPic a {
            padding: 0 40px
        }

    .userMain .info .spaceBgs a {
        position: relative;
        z-index: 0;
        display: block;
        width: 220px;
        height: 80px;
        float: left;
        margin: 0 30px 30px 0
    }

        .userMain .info .spaceBgs a img {
            display: block;
            width: 220px;
            height: 80px
        }

        .userMain .info .spaceBgs a b {
            display: none;
            transition: all .3s
        }

        .userMain .info .spaceBgs a.active b {
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            display: block;
            width: 210px;
            height: 70px;
            border: 5px solid #f39c12
        }

    .userMain .info .btnsSpace {
        padding: 30px 0 0 80px;
        overflow: hidden
    }

        .userMain .info .btnsSpace a {
            padding: 0 20px;
            height: 35px;
            line-height: 35px
        }

    .userMain .infoR {
        width: 200px;
        float: right
    }

        .userMain .infoR .t {
            line-height: 30px;
            font-size: 16px;
            margin-bottom: 10px
        }

        .userMain .infoR p {
            line-height: 20px;
            font-size: 12px;
            margin-bottom: 5px
        }

.userMsg {
    padding: 0 20px;
    overflow: hidden
}

.userMsgList dl {
    position: relative;
    min-height: 60px;
    padding: 20px 0 20px 75px;
    border-bottom: 1px solid #f1f2f3;
    margin-bottom: -1px
}

.userMsgList dt {
    position: absolute;
    left: 0;
    top: 20px;
    width: 60px;
    height: 60px
}

    .userMsgList dt.t1 {
        top: 10px
    }

    .userMsgList dt img {
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

.userMsgList dd h3 {
    font-size: 12px;
    color: #999;
    font-weight: normal
}

    .userMsgList dd h3 .fr {
        font-size: 12px;
        color: #f39c12;
        opacity: .5
    }

        .userMsgList dd h3 .fr:hover {
            opacity: 1
        }

.userMsgList dd p a {
    color: #f39c12
}

/*第三方绑定*/
.thirdBind {
    padding: 20px 20px 20px 0;
    overflow: hidden
}

    .thirdBind .thirdTips {
        margin-bottom: 20px;
        background: #fffbee;
        font-size: 12px;
        color: #999;
        text-align: left;
        line-height: 30px;
        padding: 0 20px;
    }

        .thirdBind .thirdTips i {
            width: 16px;
            height: 16px;
            margin-top: -2px;
            display: inline-block;
            vertical-align: middle;
            background: url('../img/sprite.png') no-repeat;
            background-position: -32px 0;
            margin-right: 10px;
        }

        .thirdBind .thirdTips a {
            color: #f39c12
        }

    .thirdBind .thirdpart-list li {
        position: relative;
        height: 100px;
        line-height: 100px;
        padding: 0 120px 0 80px
    }

        .thirdBind .thirdpart-list li i {
            display: block;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -25px;
            background: url('../img/sprite.png') no-repeat
        }

        .thirdBind .thirdpart-list li.items-qq i {
            background-position: 0 -245px
        }

        .thirdBind .thirdpart-list li.items-wb i {
            background-position: -100px -195px
        }

        .thirdBind .thirdpart-list li.items-wx i {
            background-position: 0 -195px
        }

        .thirdBind .thirdpart-list li .zyBtnBlue {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -17.5px
        }

    .thirdBind .thirdpart-list .unbound {
        position: absolute;
        right: 0;
        top: 0;
        color: #444
    }

        .thirdBind .thirdpart-list .unbound a {
            color: #f39c12
        }


.imgareaselect-border1 {
    background: url('../img/photoUp/border-v.gif') repeat-y left top
}

.imgareaselect-border2 {
    background: url('../img/photoUp/border-h.gif') repeat-x left top
}

.imgareaselect-border3 {
    background: url('../img/photoUp/border-v.gif') repeat-y right top
}

.imgareaselect-border4 {
    background: url('../img/photoUp/border-h.gif') repeat-x left bottom
}

/*上传头像*/
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5
}

.portrait_left {
    float: left;
    height: auto;
    width: 360px;
}

#avatar {
    height: 360px
}

.portrait_revolve {
    height: auto;
    padding-top: 15px;
    width: 360px;
    overflow: hidden;
    text-align: center
}

.revol_left_txt {
    height: 25px;
    float: left;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    line-height: 25px;
    border: 1px solid #d9d9d9;
    font-size: 12px;
    color: #333
}

.revol_right_txt {
    height: 25px;
    float: right;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    line-height: 25px;
    border: 1px solid #d9d9d9;
    font-size: 12px;
    color: #333
}

    .revol_left_txt:hover, .revol_right_txt:hover {
        text-decoration: none
    }

.setup_but {
    padding: 20px 0
}

    .setup_but .ebtn {
        padding: 0 40px
    }

.baseinf_but1 {
    background: url("../img/photoUp/secondary.gif") repeat scroll -194px -96px rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 22px;
    outline: medium none;
    width: 78px;
}

.portrait_right {
    float: left;
    width: 130px;
    height: 360px;
    background: #f2f2f5;
    font-size: 12px;
    margin-left: 20px
}

.portrait_right_bottom {
    color: #666666;
    height: 200px;
    width: 130px;
}

.portrait1 {
    height: 130px;
    width: 130px
}

#img_big_preview {
    height: 100px;
    margin: 0 auto;
    width: 100px
}

.img_preview img {
    margin: 0;
    position: relative;
}

.portrait2 {
    height: auto;
    width: 130px;
    text-align: center
}

#img_small_preview {
    height: 49px;
    margin: 0 auto;
    width: 49px;
}

.img_preview {
    overflow: hidden;
    position: relative;
    border-radius: 50%
}

.portrait_right .views {
    height: 50px;
    line-height: 60px;
    color: #333;
    text-align: center;
    font-size: 16px
}

.portrait_right .size {
    line-height: 35px;
    text-align: center;
    font-family: Arial
}

.portrait_revolve .iptBox {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 3px
}

    .portrait_revolve .iptBox .iptFile {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 25px;
        color: #333;
        font-size: 12px;
        text-decoration: none;
        background: #eee
    }

        .portrait_revolve .iptBox .iptFile input {
            display: inline-block;
            width: 80px;
            height: 25px;
            border: 0;
            background: none;
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

/*.userNote{ padding-top: 20px}*/
.userNote h4.tit2 {
    height: 30px;
    line-height: 55px;
    font-size: 12px;
    font-weight: normal;
    padding: 0 20px;
    color: #999
}

.userNote dd p {
    position: relative;
    padding: 5px 0 5px 30px
}

.userNote dd a.icon-play {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 3px;
    margin: 5px 0 5px 0;
    display: block;
    float: none;
    background: url("../img/icon-notePlay.png") center no-repeat
}

    .userNote dd a.icon-play:hover {
        background: url("../img/icon-notePlay-active.png") center no-repeat
    }

.userNote dd a.icon-del {
    display: none;
    font-size: 12px;
    color: #999;
    float: none;
    margin: 0
}

.userNote dd p:hover a.icon-del {
    display: inline-block
}

    .userNote dd p:hover a.icon-del:hover {
        color: #0a7bcc;
        font-weight: bold
    }

/*注册页面*/
.registWrap {
}

    .registWrap .registL {
        padding-left: 165px;
        width: 530px;
        border-right: 1px solid #f7f7f7;
        float: left
    }

    .registWrap .reglForms {
        margin-top: 25px
    }

    .registWrap .regTit {
        line-height: 35px;
        font-size: 24px;
        font-weight: normal
    }

.reglForms li {
    height: 90px;
    width: 450px;
    position: relative
}

    .reglForms li .ipt {
        width: 448px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #ddd;
        border-radius: 2px
    }

    .reglForms li label {
        display: block;
        width: 115px;
        line-height: 48px;
        text-align: left;
        float: left;
        text-indent: 20px
    }

    .reglForms li .ipt input {
        width: 320px;
        height: 24px;
        line-height: 24px;
        padding: 10px 10px 10px 0;
        border: 0
    }

    .reglForms li .disable, .reglForms li .disable input {
        background: #f7f7f7
    }

    .reglForms li.noTips {
        height: 70px
    }

    .reglForms li .tips {
        position: absolute;
        left: 0;
        top: 50px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 35px;
        width: 425px;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #bfbfbf
    }

    .reglForms li .tips-default {
        background: url("../img/icon-tipDefault.png") 5px 7.5px no-repeat
    }

    .reglForms li .tips-right {
        color: #90b71b;
        background: url("../img/icon-tipRight.png") 5px 7.5px no-repeat
    }

    .reglForms li .tips-error {
        color: #ee2222;
        background: url("../img/icon-tipError.png") 5px 7.5px no-repeat
    }

    .reglForms li.changeCer .tips {
        width: 340px
    }

    .reglForms li.changeCer .change {
        position: absolute;
        right: 0;
        top: 57px;
        line-height: 20px;
        color: #f39c12;
        font-size: 12px
    }

        .reglForms li.changeCer .change:hover {
            color: #f39c12
        }

    .reglForms li.code input {
        width: 200px
    }

    .reglForms li.code img, .reglForms li.code .getCode {
        display: block;
        width: 120px;
        height: 38px;
        position: absolute;
        right: 6px;
        top: 6px
    }

    .reglForms li.code .getCode {
        background: #f39c12;
        line-height: 38px;
        color: #fff;
        text-align: center;
        border: 0;
        cursor: pointer
    }

        .reglForms li.code .getCode:hover {
            background: #f39c12;
            color: #fff
        }

    .reglForms li.code .getCode-disabled {
        background: #eee;
        color: #999;
        cursor: default
    }

        .reglForms li.code .getCode-disabled:hover {
            color: #999;
            background: #eee
        }

.registWrap .registL .agreen {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

    .registWrap .registL .agreen a, .registWrap .registL .agreen a:visited {
        color: #f39c12
    }

        .registWrap .registL .agreen a:hover {
            color: #f39c12
        }

.registWrap .registL .zyBtnRegin {
    width: 410px;
    height: 35px;
    line-height: 35px;
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold
}

.registWrap .registR {
    width: 440px;
    padding-left: 84px;
    float: right
}

    .registWrap .registR .login {
        display: block;
        margin: 20px 0;
        color: #f39c12;
        cursor: pointer
    }

        .registWrap .registR .login:hover {
            color: #f39c12
        }

.thirdLogin .desc {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px
}

.thirdLogin ul {
    height: 20px;
    overflow: hidden
}

.thirdLogin li {
    float: left;
    height: 20px;
    font-size: 12px;
    font-style: normal;
    background: url("../img/icon-line.png") right center no-repeat
}

    .thirdLogin li a {
        position: relative;
        display: inline-block;
        color: #666;
        padding: 0 25px 0 45px;
    }

        .thirdLogin li a:hover {
            position: relative;
            color: #333
        }

        .thirdLogin li a:visited {
            color: #666
        }

        .thirdLogin li a.qq {
            padding-left: 25px
        }

        .thirdLogin li a.wb {
            padding-right: 0
        }

        .thirdLogin li a i {
            display: inline-block;
            width: 18px;
            height: 18px;
            position: absolute;
            left: 15px;
            top: 50%;
            margin-top: -9px;
            background-size: 18px
        }

        .thirdLogin li a.qq i {
            background: url("../img/icon-qq.png") center no-repeat
        }

        .thirdLogin li a.wx i {
            background: url("../img/icon-wx.png") center no-repeat
        }

        .thirdLogin li a.wb i {
            background: url("../img/icon-wb.png") center no-repeat
        }

        .thirdLogin li a.qq i {
            left: 0
        }

.passwordStep {
    border-left: 2px solid #ccc;
    margin-left: 8px
}

    .passwordStep li {
        position: relative;
        padding-left: 15px;
        height: 14px;
        line-height: 14px;
        margin-bottom: 25px
    }

        .passwordStep li .circle {
            position: absolute;
            left: -8px;
            top: 0;
            display: block;
            width: 10px;
            height: 10px;
            border: 2px solid #ccc;
            border-radius: 50%;
            background: #fff
        }

        .passwordStep li .point {
            position: absolute;
            top: 2px;
            left: 2px;
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #eee
        }

        .passwordStep li.covered {
            color: #f39c12;
            font-weight: bold
        }

            .passwordStep li.covered .point {
                background: #f39c12
            }

/*移动端下载页*/
.downApp {
    width: 100%;
}

.bannerBox {
    width: 100%;
    height: 450px;
    background-color: #f6f6f6;
}

    .bannerBox .mainBox {
        width: 1220px;
        height: 450px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .bannerBox .img1, .bannerBox .img2, .bannerBox .img3, .bannerBox .img4, .bannerBox .ewm {
        position: absolute;
        top: 450px;
    }

    .bannerBox .img1 {
        left: 30px;
        margin-top: 100px;
        transition: all 0.3s ease-out
    }

    .bannerBox .img2 {
        left: 30px;
        margin-top: 170px;
        transition: all 0.5s ease-out
    }

    .bannerBox .ewm {
        width: 370px;
        margin-top: 238px;
        left: 30px;
        transition: all 1.2s ease-out
    }

        .bannerBox .ewm a {
            display: block;
        }

        .bannerBox .ewm .button1 {
            margin-bottom: 10px;
        }

    .bannerBox .rMar10 {
        margin-right: 10px;
    }

    .bannerBox .img3 {
        margin-top: 40px;
        right: 46px;
        z-index: 2;
        transition: all 0.7s ease-out
    }

    .bannerBox .img4 {
        margin-top: 76px;
        right: 310px;
        z-index: 1;
        transition: all 0.9s ease-out
    }

.bannerBoxOn .img1, .bannerBoxOn .img2, .bannerBoxOn .img3, .bannerBoxOn .img4, .bannerBoxOn .ewm {
    top: 0;
    opacity: 1
}

.mainA {
    width: 100%;
    background-color: #fff;
    height: 490px;
}

    .mainA .mainBox {
        width: 1210px;
        height: 490px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .mainA img {
        position: absolute
    }

    .mainA .txt1 {
        left: 730px;
        margin-top: 128px;
    }

    .mainA .txt2 {
        left: 730px;
        margin-top: 278px;
    }

    .mainA .v0 {
        left: 120px;
        margin-top: 80px;
    }

    .mainA .v1, .mainA .v2, .mainA .v3, .mainA .v4 {
        top: 550px;
        opacity: 0;
    }

    .mainA .v1 {
        left: 462px;
        margin-top: 268px;
        transition: all 1.2s ease-out
    }

    .mainA .v2 {
        left: 40px;
        margin-top: 196px;
        transition: all 1s ease-out
    }

    .mainA .v3 {
        left: 368px;
        margin-top: 112px;
        transition: all 0.8s ease-out
    }

    .mainA .v4 {
        left: 0;
        margin-top: 20px;
        transition: all 0.7s ease-out
    }

.mainAOn .v1, .mainAOn .v2, .mainAOn .v3, .mainAOn .v4 {
    top: 0;
    opacity: 1
}

.mainB {
    width: 100%;
    background-color: #f6f6f6;
    height: 550px;
}

    .mainB .mainBox {
        width: 1220px;
        height: 550px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

        .mainB .mainBox img {
            position: absolute;
        }

    .mainB .txt3 {
        left: 0px;
        margin-top: 158px;
    }

    .mainB .txt4 {
        left: 0px;
        margin-top: 308px;
    }

    .mainB .pc, .mainB .pad, .mainB .iphone {
        top: 560px;
        opacity: 0;
    }

    .mainB .pc {
        margin-top: 80px;
        right: 51px;
        transition: all 0.7s ease-out
    }

    .mainB .pad {
        right: 382px;
        margin-top: 156px;
        transition: all 0.9s ease-out
    }

    .mainB .iphone {
        right: 20px;
        margin-top: 236px;
        transition: all 1.2s ease-out
    }

.mainBOn .pc, .mainBOn .pad, .mainBOn .iphone {
    top: 0;
    opacity: 1
}


/*无内容状态*/
.nothing {
    width: 100%;
    height: 200px;
    font-size: 16px;
    color: #666;
    line-height: 200px;
    text-align: center
}

.zyNothing {
    width: 100%;
    height: 400px;
    line-height: 400px;
    font-size: 14px;
    text-align: center
}

    .zyNothing .in {
        display: inline-block;
        margin: 0 auto;
        height: 60px;
        padding: 10px 0 10px 110px;
        line-height: 60px;
        background: url("../img/icon-computer.png") left center no-repeat
    }

        .zyNothing .in p {
            display: inline-block;
            line-height: 30px;
            font-size: 16px;
            text-align: left
        }

        .zyNothing .in a {
            font-size: 14px;
            color: #f39c12
        }

/*feedback页面表单样式  by zlh*/

.feedbackForm {
    margin-left: 30px
}

    .feedbackForm > div > label {
        display: inline-block;
        width: 70px
    }

    .feedbackForm > .item {
        margin: 30px 0
    }

        .feedbackForm > .item > textarea {
            padding-left: 15px;
            border: 1px solid #eee
        }

        .feedbackForm > .item > input, .feedbackForm > .item > select {
            padding-left: 15px;
            border: 1px solid #eee;
            background: #fff
        }

        .feedbackForm > .item > select {
            width: 230px
        }

        .feedbackForm > .item > input, .feedbackForm > .item > select {
            height: 30px
        }

        .feedbackForm > .item:nth-child(3) > input {
            width: 502px
        }

        .feedbackForm > .item:nth-child(4) > input, .feedbackForm > .item:nth-child(5) > input {
            width: 230px
        }

#feedbackFormFile {
    padding: 0;
    border: none
}

#uploadImg {
    position: absolute;
    overflow: hidden;
    font-size: 9pt
}

#feedbackFormFile {
    position: absolute;
    z-index: 100;
    margin-top: -5px;
    margin-left: -180px;
    font-size: 60px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.upload-button {
    padding: 0 30px;
    border: 1px solid #eee;
    background-color: #eee;
    color: #000
}

.feedbackFormButton, .upload-button {
    height: 30px;
    font-size: 9pt;
    line-height: 30px
}

.feedbackFormButton {
    padding: 0 40px;
    border: 1px solid #f39c12;
    background-color: #f39c12;
    color: #fff;
    cursor: pointer
}

.feedbackFormFileRule {
    margin-left: 15px;
    color: #999
}

.feedbackFormFileImg, .feedbackFormFileName, .feedbackFormFileWrong {
    margin-top: 10px;
    margin-left: 70px
}

.feedbackFormFileImg {
    position: relative;
    width: 75pt;
    height: 75pt;
    background: url(../img/course07.png);
    background-size: cover
}

.feedbackFormFileWrong {
    color: red
}

.globalFixedButton {
    z-index: 999;
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 40px;
    height: 40px;
    background: url(../img/gloal-fied-btn.png);
    border-radius: 50%;
    cursor: pointer;
}

    .globalFixedButton:hover {
        background: #5ba6db;
        transition: .3s;
    }

    .globalFixedButton span {
        background: url(../img/gloal-fied-btn.png);
        height: 20px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.feedbackFormFileDeleteBtn {
    position: relative;
    top: .2rem;
    left: .9rem;
    display: inline-block;
    width: .1rem;
    height: 1rem;
    background: #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

    .feedbackFormFileDeleteBtn:after {
        position: absolute;
        top: 0;
        left: 0;
        width: .1rem;
        height: 1rem;
        background: #999;
        content: "";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
    }

.feedbackFormMust {
    color: red;
}

/*看视频赢礼品播放页浮层*/
.vdoEntFixed {
    position: fixed;
    z-index: 1001;
    width: 175px;
    height: 145px;
    right: 0;
    top: 350px;
    z-index: 1000
}

    .vdoEntFixed .icon-close {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        background: url("../img/icon-close-16.png") center no-repeat;
        background-size: 10px
    }

    .vdoEntFixed img {
        display: block;
        width: 175px;
        height: auto
    }

.adLink {
    display: block;
    margin: 0 auto
}

    .adLink img {
        display: block;
        width: 100%;
        height: auto;
    }

.none {
    display: none
}