.g-container {
    width: 1180px;
}

.u-appsprite {
    background: url(../images/small.png) 9999px 9999px no-repeat;
}

.g-se1 {
    height: 616px;
    background: url(../images/bg.jpg) center center;
    background-color: #2f7e54;
}

    .g-se1 .nots {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .g-se1 .bimg1 {
        width: 600px;
        height: 416px;
        top: 90px;
        left: -105px;
    }

    .g-se1 .bimg2 {
        width: 478px;
        height: 128px;
        top: 130px;
        right: -33px;
    }

    .g-se1 .btns {
        top: 270px;
        right: -90px;
        width: 540px;
        height:100px;
        overflow: hidden;
    }

    .g-se1 .btn {
        margin-right: 10px;
        height: 44px;
        float: left;
    }

    .g-se1 .btn1 {
            text-indent: 20px;
    color: white;
    font-size: 14px;
    line-height: 44px;
        width: 104px;
        background-position: 0 0;
    }

        .g-se1 .btn1:hover {
            background-position: -104px 0;
        }

    .g-se1 .btn2 {
        width: 104px;
        background-position: 0 -44px;
    }

        .g-se1 .btn2:hover {
            background-position: -104px -44px;
        }

    .g-se1 .btn3 {
        width: 128px;
        background-position: 0 -88px;
    }

        .g-se1 .btn3:hover {
            background-position: -128px -88px;
        }

    .g-se1 .btn4 {
        margin-right: 10px;margin-bottom: 10px;
        width: 128px;
        background-position: 0 -132px;
    }

        .g-se1 .btn4:hover {
            background-position: -128px -132px;
        }

    .g-se1 .updateInfo {
        top: 390px;
        right: -40px;
        width: 500px;
        height: 110px;
        overflow: hidden;
    }

        .g-se1 .updateInfo h4 {
            line-height: 34px;
            color: #c0c37c;
            font-size: 17px;
            margin: 0;
        }

        .g-se1 .updateInfo a {
            line-height: 24px;
            font-size: 15px;
        }

            .g-se1 .updateInfo a:hover {
                text-decoration: underline;
            }

.g-se2 {
    height: 220px;
    padding: 60px 0;
    background: #fff;
}

    .g-se2 .list {
    }

    .g-se2 .item {
        border-right: 1px solid #e4e4e4;
        height: 220px;
        width: 294px;
        text-align: center;
        opacity: 0;
        transform: matrix(0.9, 0, 0, 0.9, 0, 0);
    }

        .g-se2 .item.last {
            border: none;
        }

        .g-se2 .item .ic {
            margin: 20px auto 45px auto;
        }

        .g-se2 .item .ictit {
            height: 26px;
            margin: 0 auto 10px auto;
            font-size: 22px;
            font-weight: bold;
        }

        .g-se2 .item .txt {
            font-size: 13px;
            line-height: 24px;
            padding: 0 10px;
        }

        .g-se2 .item .ic1 {
            background: url(../images/dianming@2x.png) no-repeat;
            width: 60px;
            height: 60px;
        }

        .g-se2 .item .ictit1 {
            background-position: -104px -200px;
            width: 156px;
        }

        .g-se2 .item .ic2 {
            /*background-position: 0 -273px;*/
            background: url(../images/jifen@2x.png) no-repeat;
            width: 60px;
            height: 60px;
        }

        .g-se2 .item .ictit2 {
            background-position: -104px -284px;
            width: 234px;
        }

        .g-se2 .item .ic3 {
            background: url(../images/jinsai@2x.png) no-repeat;
            width: 60px;
            height: 60px;
        }

        .g-se2 .item .ictit3 {
            background-position: -127px -364px;
            width: 156px;
        }

        .g-se2 .item .ic4 {
            background: url(../images/baoxiu.png) no-repeat;
            width: 60px;
            height: 60px;
        }

        .g-se2 .item .ictit4 {
            background-position: -127px -456px;
            width: 129px;
        }

.u-dl {
    background: #fff;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -333px;
    width: 666px;
    height: 340px;
}

    .u-dl .close {
        display: block;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
    }

    .u-dl .con {
        padding: 20px;
    }

        .u-dl .con h3 {
            font-size: 20px;
            margin: 0 0 15px 0;
        }

        .u-dl .con .update {
            line-height: 24px;
        }

        .u-dl .con h4 {
            font-size: 16px;
            margin: 0;
            line-height: 24px;
            color: #76a487;
            padding-bottom: 5px;
        }

        .u-dl .con .des {
            font-size: 15px;
            line-height: 22px;
        }

        .u-dl .con .btn {
            display: block;
            width: 230px;
            height: 78px;
            margin: 10px auto;
        }

            .u-dl .con .btn.ios {
                background-position: 0 -811px;
            }

            .u-dl .con .btn.and {
                background-position: 0 -892px;
            }

        .u-dl .con .ewa {
            display: block;
            width: 120px;
            margin: 10px auto;
            cursor: default;
        }

        .u-dl .con .ew {
            width: 160px;
            height: 160px;
        }

.u-vd {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

    .u-vd .close {
        display: block;
        right: 20px;
        top: 20px;
        height: 46px;
        width: 46px;
        background-position: -120px -723px;
    }

    .u-vd .bg {
        width: 100%;
        height: 100%;
    }

    .u-vd .videobox {
        top: 50%;
        left: 50%;
        background: #000;
        margin: -270px 0 0 -480px;
        width: 960px;
        height: 540px;
        box-shadow: 0 0px 20px #222;
    }

.shareBtn {
    background-position: -246px -802px;
    cursor: pointer;
}

    .shareBtn:hover {
        background-position: -246px -837px;
    }

    .shareBtn .sharebox {
        position: absolute;
        width: 170px;
        height: 24px;
        right: 42px;
        top: 0;
        background: #fff;
        padding: 8px;
        overflow: hidden;
        display: none;
        box-shadow: 0 0px 5px #aaa;
    }


.clear, .f-cb {
    zoom: 1;
}

.left, .f-fl {
    float: left;
}

.right, .f-fr {
    float: right;
}

.rel, .f-pr {
    position: relative;
}

.abs, .f-pa {
    position: absolute;
}

.fixed, .f-fxd, .f-pf {
    position: fixed;
}

.nowrp, .f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notxt, .f-hide {
   color: white;
     text-indent:40px;
    font-weight: bold;
    font-size: 14px;line-height: 44px;
}

.notxt, .f-hide, .ohide, .f-ohide {
    overflow: hidden;
}

.f-ib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.hide, .f-dn {
    display: none;
}

.shadow, .f-shadow {
    box-shadow: 0 2px 2px #ccc;
}

.shadow1, .f-shadow1 {
    box-shadow: 0 1px 1px #ccc;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-oh {
    overflow: hidden;
}

.f-usn {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph;
}

.f-f0 {
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei",\5fae\8f6f\96c5\9ed1,"Helvetica","sans-serif";
}

.f-f1 {
    font-family: "Arial","Hiragino Sans GB",\5b8b\4f53,"Georgia","serif";
}

.f-c0 {
    color: #000;
}

.f-c3 {
    color: #333;
}

.f-c6 {
    color: #666;
}

.f-c9 {
    color: #999;
}

.f-cf {
    color: #fff;
}

.f-ccc {
    color: #ccc;
}

.f-cgreen {
    color: #09924b;
}

.f-cyellow {
    color: #ffbc62;
}

.f-cted {
    color: #c81400;
}

a .f-c0:hover, a.f-c0:hover, a .f-c3:hover, a.f-c3:hover, a .f-c6:hover, a.f-c6:hover, a .f-c9:hover, a.f-c9:hover, a .f-cgreen:hover {
    color: #09924b;
}

@font-face {
    font-family: 'icomoon';
    src: url("http://s2.open.126.net/ocb/res/fonts/icomoon.eot");
    src: url("http://s2.open.126.net/ocb/res/fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("http://s2.open.126.net/ocb/res/fonts/icomoon.ttf") format("truetype"),url("http://s2.open.126.net/ocb/res/fonts/icomoon.woff") format("woff"),url("http://s2.open.126.net/ocb/res/fonts/icomoon.svg#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
}

.f-icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.m-midnav .logo, .m-midnav .subtxt {
    background: url(http://s2.open.126.net/ocb/res/img/logo_big.png) no-repeat 9999px 9999px;
}

.m-botnav .mainnav .new, .u-nav2 .hd-share .shicon1, .u-nav2 .hd-share .shicon2, .u-nav2 .hd-share .shicon3, .u-nav2 .hd-share .shicon4, .m-sidebar .fbBtn, .m-sidebar .scrollBtn, .m-fixnav4 .cate, .u-commonbtn, .u-cover .new, .u-cover .update, .u-cover .NEW, .u-cover .UPDATE {
    background: url(http://s2.open.126.net/ocb/res/img/common/sprite.png) no-repeat 9999px 9999px;
}

body {
    width: 100%;
}

    body.mbody1180 {
        min-width: 1180px;
    }

    body.mbody960 {
        min-width: 960px;
    }

.g-wrap {
    width: 100%;
}

.g-container, .g-doc {
    width: 960px;
    margin: 0 auto;
}

.g-row:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.g-row {
    margin: 0 -8px 0 -7px;
    zoom: 1;
}

.g-limitrow {
    max-height: 345px;
}

.g-limitrow, .g-autorow {
    overflow: hidden;
    position: relative;
}

.g-autorow {
    height: auto;
    zoom: 1;
}

.g-sd {
    position: relative;
    float: right;
    width: 340px;
    margin-left: -340px;
}

.g-mn {
    float: left;
    width: 100%;
}

.g-mnc {
    margin-right: 340px;
}

.g-hide, .g-ihide {
    display: none;
}

.g-cell1, .g-cell2, .g-cell3 {
    float: left;
    margin: 0 8px 0 7px;
}

.g-cell1 {
    width: 180px;
}

.g-cell2 {
    width: 375px;
}

.g-cell3 {
    width: 570px;
}

.g-card1 {
    height: 175px;
}

.b-5 {
    clear: both;
    overflow: hidden;
    display: block;
}

.b-10 {
    height: 10px;
}

.b-10, .b-20, .b-30, .b-15, .b-40 {
    clear: both;
    overflow: hidden;
    display: block;
}

.b-5 {
    height: 5px;
}

.b-20 {
    height: 20px;
}

.b-30 {
    height: 30px;
}

.b-15 {
    height: 15px;
}

.b-40 {
    height: 40px;
}

@media screen and (min-width:1200px) {
    .g-hide {
        display: block;
    }

    .g-ihide {
        display: inline;
    }

    .g-container {
        width: 1180px;
    }

    .g-row {
        margin: 0 -10px;
    }

    .g-cell1 {
        margin: 0 10px;
        width: 180px;
    }

    .g-cell2 {
        margin: 0 10px;
        width: 380px;
    }

    .g-cell3 {
        margin: 0 10px;
        width: 580px;
    }

    .m-footer .links, .m-footer .cr {
        text-align: left;
    }

    .m-footer .cr {
        width: 863px;
        float: left;
    }

    .m-footer .theme {
        float: left;
    }
}

.m-topnav {
    height: 36px;
}

.m-topnav, .m-smnav {
    background: #ebebeb;
    border-bottom: 1px solid #ddd;
    z-index: 900;
}

.m-midnav {
    height: 54px;
    padding: 28px 0;
    background: #fff;
    z-index: 700;
}

    .m-midnav .logo {
        width: 225px;
        height: 54px;
        background-position: 0 0;
    }

    .m-midnav .subtxt {
        width: 225px;
        height: 34px;
        background-position: -225px -10px;
        margin-top: 10px;
    }

    .m-midnav .search {
        height: 14px;
        width: 370px;
        padding: 9px;
        margin-top: 10px;
        border: 1px solid #ddd;
        -webkit-transition: background .1s ease-in 0;
        -moz-transition: background .1s ease-in 0s;
        transition: background .1s ease-in 0s;
        background-color: #f5f5f5;
        cursor: text;
    }

    .m-midnav .active, .m-midnav .active .inputxt {
        background: #fff;
    }

    .m-midnav .phold {
        position: absolute;
        top: 0;
        left: 0;
        right: 40px;
        line-height: 32px;
        height: 32px;
        text-indent: 10px;
        cursor: text;
    }

    .m-midnav .inputxt {
        border: none;
        background: #f5f5f5;
        outline: none;
        height: 14px;
        width: 90%;
        -webkit-transition: background .1s ease-in 0;
        -moz-transition: background .1s ease-in 0s;
        transition: background .1s ease-in 0s;
    }

    .m-midnav .subbtn {
        border: none;
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        width: 42px;
        height: 34px;
        color: #fff;
        font-size: 16px;
        background-color: #ef9632;
        cursor: pointer;
        -webkit-transition: background .05s ease-in 0;
        -moz-transition: background .05s ease-in 0s;
        transition: background .05s ease-in 0s;
    }

        .m-midnav .subbtn:hover {
            background-color: #ffa643;
        }

.m-botnav {
    z-index: 800;
    height: 40px;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

    .m-botnav .main {
        height: 100%;
        background: #286a46;
    }

    .m-botnav .sub {
        height: 25px;
    }

    .m-botnav .mainnav {
        height: 40px;
    }

        .m-botnav .mainnav .link {
            display: block;
            padding: 0 13px;
            font-size: 16px;
            line-height: 40px;
            height: 38px;
            border: 1px solid #286a46;
        }

            .m-botnav .mainnav .link:hover, .m-botnav .mainnav .link.current {
                background: #2e9057;
                color: #fff;
            }

        .m-botnav .mainnav .new {
            background-position: -59px 0;
            width: 26px;
            height: 20px;
            top: -10px;
            text-align: center;
            color: #fff;
            left: 50%;
            margin-left: -13px;
        }

    .m-botnav .active .link {
        background: #fff;
        color: #666!important;
        padding: 0 10px;
        margin: 0 6px;
        box-shadow: 2px 0 3px rgba(0,0,0,.2);
        border: 1px solid #ddd;
        border-bottom: 1px solid #fff;
    }

        .m-botnav .active .link:hover, .m-botnav .active .link.current {
            color: #666;
            background: #fff;
        }

    .m-botnav .subnav {
        position: absolute;
        top: 100%;
        background: #fff;
        left: 6px;
        right: 6px;
        border: 1px solid #ddd;
        border-top: none;
        z-index: 200;
    }

        .m-botnav .subnav a {
            height: 26px;
            line-height: 26px;
            width: 100%;
            display: block;
            text-indent: 10px;
        }

            .m-botnav .subnav a:hover {
                text-decoration: none;
                background: #f5f5f5;
            }

.m-smnav {
    padding: 2px 0;
    height: 36px;
}

    .m-smnav .img {
        margin: 5px 0;
        background: url(http://s2.open.126.net/ocb/res/img/logo_small.png) no-repeat;
        height: 25px;
        width: 130px;
    }

    .m-smnav .search {
        height: 15px;
        width: 165px;
        padding: 4px;
        border: 1px solid #ddd;
        -webkit-transition: background .1s ease-in 0;
        -moz-transition: background .1s ease-in 0s;
        transition: background .1s ease-in 0s;
        background-color: #f5f5f5;
        cursor: text;
        margin: 5px 18px;
    }

    .m-smnav .active, .m-smnav .active .inputxt {
        background: #fff;
    }

    .m-smnav .phold {
        position: absolute;
        top: 0;
        left: 0;
        right: 10px;
        line-height: 25px;
        height: 24px;
        text-indent: 4px;
        cursor: text;
        width: 85%;
    }

    .m-smnav .inputxt {
        border: none;
        background: #f5f5f5;
        outline: none;
        height: 14px;
        width: 86%;
        -webkit-transition: background .1s ease-in 0;
        -moz-transition: background .1s ease-in 0s;
        transition: background .1s ease-in 0s;
    }

    .m-smnav .subbtn {
        border: none;
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        width: 27px;
        height: 25px;
        color: #8f8f8f;
        font-size: 16px;
        background-color: #ddd;
        cursor: pointer;
        -webkit-transition: background .05s ease-in 0;
        -moz-transition: background .05s ease-in 0s;
        transition: background .05s ease-in 0s;
    }

        .m-smnav .subbtn:hover {
            background-color: #d1d1d1;
        }

.u-nav {
    padding: 11px 0;
}

.u-nav, .u-nav2 {
    line-height: 14px;
}

    .u-nav .li, .u-nav2 .li {
        padding: 0 6px;
    }

.u-nav2 {
    padding: 0;
}

    .u-nav2 .li {
        margin: 11px 0;
        border-left: 1px solid #d9d9d9;
    }

        .u-nav2 .li.last {
            padding-right: 0;
        }

    .u-nav2 .active {
        background: #fff;
        padding: 11px 6px;
        margin: 0;
        border-left: 1px solid #ebebeb;
        box-shadow: 1px 2px 1px rgba(0,0,0,.2);
    }

    .u-nav2 .hd-mycenter {
        top: 100%;
        left: 0;
        z-index: 11;
        background-color: #fff;
        right: 0;
        border-top: none;
        box-shadow: 1px 2px 1px rgba(0,0,0,.2);
    }

        .u-nav2 .hd-mycenter .link {
            background-color: #fff;
            text-indent: 8px;
            line-height: 24px;
            height: 24px;
            display: block;
            width: 100%;
        }

            .u-nav2 .hd-mycenter .link:hover {
                text-decoration: none;
                background-color: #f5f5f5;
            }

    .u-nav2 .hd-share {
        padding: 10px;
        top: 100%;
        left: 0;
        width: 140px;
        background: #fff;
        box-shadow: 1px 2px 1px rgba(0,0,0,.2);
    }

        .u-nav2 .hd-share .shicon1, .u-nav2 .hd-share .shicon2, .u-nav2 .hd-share .shicon3, .u-nav2 .hd-share .shicon4 {
            display: block;
            width: 25px;
            height: 25px;
            background-position: -60px -20px;
            margin: 0 5px;
        }

        .u-nav2 .hd-share .shicon2 {
            background-position: -92px -20px;
        }

        .u-nav2 .hd-share .shicon3 {
            background-position: -122px -20px;
        }

        .u-nav2 .hd-share .shicon4 {
            background-position: -150px -20px;
        }

        .u-nav2 .hd-share .shicon1:hover {
            background-position: -60px -51px;
        }

        .u-nav2 .hd-share .shicon2:hover {
            background-position: -92px -51px;
        }

        .u-nav2 .hd-share .shicon3:hover {
            background-position: -122px -51px;
        }

        .u-nav2 .hd-share .shicon4:hover {
            background-position: -150px -51px;
        }

.u-login, .u-beforelogin {
    margin-right: 4px;
}

.m-sidebar {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 900;
}

    .m-sidebar .btn {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #fff;
        margin-top: -1px;
        border: 1px solid #ebebeb;
    }

        .m-sidebar .btn:hover {
            background-color: #206740;
            border: 1px solid #206740;
        }

    .m-sidebar .xtxBtn {
        color: #ee912b;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
    }

        .m-sidebar .xtxBtn:hover {
            border-color: #eee;
            background-color: #fff;
            text-shadow: 0 2px 25px #ee912b;
        }

    .m-sidebar .fbBtn {
        background-position: -192px -14px;
    }

        .m-sidebar .fbBtn:hover {
            background-position: -192px -89px;
        }

    .m-sidebar .scrollBtn {
        -webkit-transition: opacity .2s ease-in 0;
        -moz-transition: opacity .2s ease-in 0s;
        transition: opacity .2s ease-in 0s;
        opacity: 0;
        visibility: hidden;
        background-position: -192px -55px;
    }

        .m-sidebar .scrollBtn.show {
            opacity: 1;
            visibility: visible;
        }

        .m-sidebar .scrollBtn:hover {
            background-position: -192px -133px;
        }

.m-sidebar2 {
    right: 10px;
    bottom: 105px;
}

    .m-sidebar2 .toyUp {
        position: absolute;
        z-index: 1;
        width: 80px;
        height: 92px;
        top: -75px;
        left: 12px;
        background: url(http://s2.open.126.net/ocb/res/img/common/toy.png) no-repeat;
    }

    .m-sidebar2 .appdown {
        position: relative;
        z-index: 2;
        background: #fff;
        border: 1px solid #ebebeb;
        padding: 10px;
    }

        .m-sidebar2 .appdown .img {
            margin: 5px 0;
        }

        .m-sidebar2 .appdown .close {
            margin-left: 10px;
        }

.m-subnav {
    height: 26px;
    background: #ebebeb;
    color: #666;
    z-index: 600;
    box-shadow: 0 0 3px #aaa;
}

    .m-subnav .itemul {
        margin-left: -5px;
    }

    .m-subnav .item {
        z-index: 10;
        float: left;
    }

    .m-subnav .itemname {
        top: 0;
        left: 0;
        margin: 0;
        height: 26px;
        padding: 0 5px;
        cursor: default;
    }

        .m-subnav .itemname .link {
            display: block;
            height: 26px;
            padding: 0 7px;
            line-height: 26px;
        }

    .m-subnav .active .itemname {
        z-index: 10;
        overflow: hidden;
    }

        .m-subnav .active .itemname .link, .m-subnav .menu {
            background: #fff;
            box-shadow: 0 0 5px #ccc;
        }

    .m-subnav .menu {
        display: none;
        z-index: 9;
        top: 26px;
        left: 5px;
        width: 426px;
        height: 188px;
        padding-top: 12px;
    }

        .m-subnav .menu a {
            color: #09924b;
        }

        .m-subnav .menu .bg {
            top: 20px;
            left: 212px;
            width: 1px;
            height: 130px;
            background: #eee;
        }

        .m-subnav .menu .con {
            height: 154px;
        }

            .m-subnav .menu .con a {
                float: left;
                line-height: 30px;
                width: 200px;
                color: #666;
                padding-left: 12px;
            }

                .m-subnav .menu .con a:hover {
                    color: #09924b;
                }

                .m-subnav .menu .con a.update {
                    color: #09924b;
                }

        .m-subnav .menu .more {
            border-top: 1px solid #eee;
            height: 32px;
            line-height: 32px;
            margin: 0 12px;
            text-align: right;
        }

.m-subnav3, .m-subnav2, .m-subnav5 {
    height: 49px;
}

.m-subnav3, .m-subnav2, .m-subnav5, .m-subnav4 {
    z-index: 600;
    border-bottom: 1px solid #ddd;
}

    .m-subnav3 .link, .m-subnav2 .link, .m-subnav5 .link, .m-subnav4 .link {
        display: block;
        height: 45px;
        line-height: 53px;
        font-size: 14px;
        margin-right: 45px;
    }

        .m-subnav3 .link:hover, .m-subnav5 .link:hover, .m-subnav4 .link:hover {
            color: #7d9519;
        }

    .m-subnav3 .current, .m-subnav5 .current, .m-subnav4 .current {
        color: #7d9519;
        border-bottom: 4px solid #7d9519;
    }

.m-fixnav, .m-fixnav4 {
    height: 49px;
    width: 100%;
    top: 0;
    background: #ebebeb;
    z-index: 600;
}

.m-fixnavshadow {
    box-shadow: 0 0 3px #999;
    border-bottom: 1px solid #aaa\9;
}

.m-subnav2 .link:hover {
    color: #7e512a;
}

.m-subnav2 .current {
    color: #7e512a;
    border-bottom: 4px solid #7e512a;
}

.m-subnav4 {
    height: 69px;
}

.m-fixnav4 {
    padding: 10px 0;
}

    .m-fixnav4 .cate {
        width: 46px;
        height: 49px;
        background-position: 0 1px;
        line-height: 49px;
        color: #257397;
        font-size: 14px;
        text-align: center;
        margin-right: 10px;
    }

    .m-fixnav4 .itemul {
        width: 190px;
    }

    .m-fixnav4 .itemul2 {
        width: 300px;
    }

    .m-fixnav4 .itemul3 {
        width: 240px;
    }

    .m-fixnav4 .li2 {
        width: 60px;
        line-height: 26px;
    }

    .m-fixnav4 .current {
        color: #257397;
        border-bottom: 2px solid #257397;
    }

@media screen and (min-width:1200px) {
    .m-fixnav4 .itemul {
        width: 240px;
    }

    .m-fixnav4 .itemul2 {
        width: 400px;
    }

    .m-fixnav4 .itemul3 {
        width: 320px;
    }

    .m-fixnav4 .li2 {
        width: 70px;
    }
}

.m-slidebox {
    z-index: 500;
    height: 425px;
    background: #282828;
    box-shadow: 0 0 5px #aaa;
}

.mainslideData {
    display: none;
}

.m-slidebox .imgItem {
    width: 100%;
    height: 425px;
    display: none;
    z-index: 1;
}

.m-slidebox .imgbox {
    height: 100%;
    background: 0 0;
    margin: 0 auto;
}

    .m-slidebox .imgbox .pic {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .m-slidebox .imgbox .txt {
        top: 162px;
        left: 0;
    }

.m-slidebox .slwrap {
    z-index: 5;
    top: 365px;
    left: 0;
}

    .m-slidebox .slwrap .item {
        top: 0;
        width: 70px;
        height: 45px;
        border: 1px solid #999;
        cursor: pointer;
    }

        .m-slidebox .slwrap .item .slt {
            opacity: .6;
            filter: alpha(opacity=60);
            width: 70px;
            height: 45px;
            -webkit-transition-duration: .4s;
            -moz-transition-duration: .4s;
            transition-duration: .4s;
        }

        .m-slidebox .slwrap .item .posborder {
            top: -2px;
            left: -2px;
            width: 70px;
            height: 45px;
            display: none;
            border: 2px solid #09924b;
        }

    .m-slidebox .slwrap .itempos .posborder {
        display: block;
    }

    .m-slidebox .slwrap .itempos .slt {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.m-slidebox .tabwrap {
    z-index: 6;
    top: 0;
    right: 0;
    height: 425px;
    width: 290px;
}

    .m-slidebox .tabwrap .bg {
        background: #333;
        height: 100%;
        width: 100%;
        opacity: .85;
        filter: alpha(opacity=85);
    }

    .m-slidebox .tabwrap .bgtop {
        height: 36px;
        background: #404040;
        border-bottom: 1px solid #484848;
    }

    .m-slidebox .tabwrap .con {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .m-slidebox .tabwrap .tabtop {
        height: 36px;
        background: #404040;
        border-bottom: 1px solid #484848;
    }

    .m-slidebox .tabwrap .tabs {
        width: 100%;
        height: 38px;
        top: 0;
        left: 0;
    }

    .m-slidebox .tabwrap .tabsul {
        padding: 0 16px;
        list-style: none;
        margin: 0;
    }

    .m-slidebox .tabwrap .tab {
        width: 60px;
        color: #888;
        cursor: pointer;
        padding: 0 2px;
        line-height: 35px;
        font-size: 13px;
    }

    .m-slidebox .tabwrap .tabpos {
        color: #fff;
    }

    .m-slidebox .tabwrap .tabline {
        top: 35px;
        left: 16px;
        height: 3px;
        width: 60px;
        background: #09924b;
    }

    .m-slidebox .tabwrap .tabcon {
        height: 388px;
    }

    .m-slidebox .tabwrap .subtabcon {
        display: none;
    }

    .m-slidebox .tabwrap .tabbox {
        display: none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

.m-slidebox .subtabs {
    color: #969696;
    line-height: 24px;
    padding: 8px 0 0 15px;
    font-size: 11px;
}

    .m-slidebox .subtabs a {
        color: #969696;
        padding: 0 16px;
    }

        .m-slidebox .subtabs a.subtabpos {
            color: #fff;
        }

.m-slidebox .empty {
    line-height: 100px;
    text-align: center;
}

.m-slidebox .listwrap {
    padding-top: 5px;
}

.m-slidebox .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .m-slidebox .list .item {
        display: block;
        padding: 7px 10px;
        height: 20px;
        line-height: 20px;
        color: #ccc;
    }

        .m-slidebox .list .item:hover {
            background: #404040;
        }

        .m-slidebox .list .item .icon {
            float: left;
            height: 18px;
            width: 18px;
            text-align: center;
            border: 1px solid #6f6f6f;
            line-height: 18px;
        }

        .m-slidebox .list .item .icon2 {
            border-color: #ef9632;
            background: #ef9632;
            color: #fff;
        }

        .m-slidebox .list .item .noicon {
            float: left;
            height: 3px;
            width: 3px;
            background: #575757;
            margin: 8px 0 10px 8px;
        }

        .m-slidebox .list .item .txt {
            padding: 0 7px;
            width: 180px;
        }

        .m-slidebox .list .item .ltxt {
            padding-left: 7px;
            width: 240px;
        }

        .m-slidebox .list .item .subtxt {
            color: #999;
        }

        .m-slidebox .list .item .num {
            float: right;
            color: #888;
        }

.m-slidebox .votebtn {
    display: block;
    margin: 5px auto;
    width: 252px;
    height: 26px;
    background: #3b3b3b;
    line-height: 26px;
    text-align: center;
    border: 1px solid #494949;
    color: #ccc;
}

    .m-slidebox .votebtn:hover {
        background: #535353;
    }

.u-loginWin {
    position: fixed;
    text-align: left;
    top: 50%;
    left: 50%;
    margin: -132px 0 0 -202px;
    width: 405px;
    height: 265px;
    padding: 20px;
    background: #fff;
    border: 1px solid #b9becb;
}

    .u-loginWin .tit {
        height: 18px;
        line-height: 18px;
        font-size: 16px;
    }

    .u-loginWin .logarea {
        padding: 25px 55px 0;
    }

    .u-loginWin .ipt {
        margin-top: 12px;
    }

    .u-loginWin .inp {
        border: 1px solid #dfdfdf;
        background: #f1f1f1;
        padding: 8px 5px;
    }

        .u-loginWin .inp input {
            background: #f1f1f1;
            outline: none;
            border: none;
            width: 100%;
        }

        .u-loginWin .inp label {
            top: 10px;
            left: 8px;
            color: #ccc;
        }

    .u-loginWin .active, .u-loginWin .active input {
        background: #fff;
    }

    .u-loginWin .error {
        border-color: #fbb6b6;
        background: #fad6d6;
    }

        .u-loginWin .error input {
            background: #fad6d6;
        }

    .u-loginWin .suggest {
        list-style: none;
        padding: 0;
        background: #fafafa;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 11;
        border: 1px solid #dfdfdf;
    }

        .u-loginWin .suggest li {
            height: 32px;
            line-height: 32px;
            color: #666;
            text-indent: 1em;
        }

            .u-loginWin .suggest li:hover, .u-loginWin .suggest li.select {
                background-color: #ebecee;
                color: #09924b;
            }

        .u-loginWin .suggest .note {
            color: #999;
        }

            .u-loginWin .suggest .note:hover {
                background: #fafafa;
                color: #999;
            }

    .u-loginWin .submitBtn {
        display: block;
        cursor: pointer;
        border: none;
        width: 100%;
        height: 35px;
        background: url(http://s2.open.126.net/res/image/login.png) 0 0 no-repeat;
        text-indent: -9999px;
        outline: none;
    }

        .u-loginWin .submitBtn:hover {
            background-position: 0 -45px;
        }

    .u-loginWin .close {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
    }

.u-page {
    display: none;
    float: right;
    font-size: 0;
    text-align: center;
    margin: 12px 0 0;
    padding: 10px 0;
}

    .pageBtn, .u-page a {
        color: #5a5a5a;
    }

    .pageBtn, .u-page a, .u-page span {
        border: 1px solid #bfc6cc;
        float: left;
        width: 22px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin-left: 5px;
        text-decoration: none;
        background-color: #fff;
    }

    .u-page .current {
        line-height: 22px;
        border: none;
        width: 24px;
        height: 22px;
        background-color: #29754d;
        color: #fff;
    }

    .u-page span {
        cursor: pointer;
        color: #fff;
    }

    .u-page a:hover {
        color: #fff;
        background-color: #29754d;
        text-decoration: none;
    }

    .u-page .next, .u-page .prev {
        width: 50px;
    }

    .u-page .current.next, .u-page .current.prev {
        background: 0 0;
        color: #999;
        border: 1px solid #BFC6CC;
    }

    .u-page .next.current, .u-page .prev.current {
        height: 20px;
    }

.u-commonbtn {
    text-align: center;
    width: 95px;
    height: 35px;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    background-position: 0 -118px;
}

    .u-commonbtn:hover {
        background-position: 0 -153px;
    }

.u-browserDialog {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -177px;
    width: 365px;
    height: 125px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 15px #333;
}

    .u-browserDialog .wrap {
        height: 100%;
    }

    .u-browserDialog .close {
        font-size: 16px;
        right: -10px;
        top: -10px;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
    }

    .u-browserDialog .img {
        margin-top: 10px;
        width: 88px;
        height: 84px;
        background: url(http://s2.open.126.net/ocb/res/img/common/notsupport.png);
    }

    .u-browserDialog .right {
        padding: 25px 0 0 15px;
    }

        .u-browserDialog .right p {
            color: #444;
            line-height: 25px;
        }

            .u-browserDialog .right p.ts {
                font-weight: 700;
            }

        .u-browserDialog .right .btn {
            margin-top: 12px;
        }

.u-loading {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 499;
    background: #282828;
}

    .u-loading .loadingIcon {
        height: 15px;
        width: 128px;
        top: 50%;
        left: 50%;
        margin-left: -64px;
        margin-top: -7px;
        position: absolute;
        background: url(http://s2.open.126.net/ocb/res/img/common/loading.gif);
    }

.u-breadnav {
    background: #f5f5f5;
    line-height: 59px;
    text-align: left;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: 1px solid #ddd\9;
}

    .u-breadnav .sp {
        color: #d3d3d3;
    }

    .u-breadnav .pos {
        font-size: 17px;
        vertical-align: bottom;
    }

.u-mtitle {
    padding: 15px 0;
    height: 30px;
}

    .u-mtitle h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .u-mtitle p {
        padding: 10px 0 0 12px;
        font-size: 1.17em;
    }

    .u-mtitle a.label {
        border-radius: 4px;
        padding: 0 4px;
        margin-right: 1em;
        line-height: 20px;
    }

        .u-mtitle a.label:hover {
            color: #fff;
            background: #206740;
        }

    .u-mtitle a.login {
        color: #64ac80;
        padding-left: 10px;
    }

    .u-mtitle .u-switchbtns {
        margin-top: 10px;
    }

    .u-mtitle .u-refreshbtn {
        margin-top: 10px;
        background: #fff;
        color: #09924b;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        text-align: center;
        line-height: 20px;
        padding: 0 9px;
    }

        .u-mtitle .u-refreshbtn:hover {
            background: #206740;
            color: #fff;
        }

.u-switch {
    overflow: hidden;
    position: relative;
    padding: 0 5px;
    margin: 0 -5px;
}

    .u-switch > div {
        width: 99999px;
    }

.u-switchbtns {
    width: 43px;
}

    .u-switchbtns .btn {
        font-size: 16px;
        border: 1px solid #e6e6e6;
        background: #fff;
        text-align: center;
        cursor: pointer;
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #999;
    }

        .u-switchbtns .btn:hover {
            color: #09924b;
        }

    .u-switchbtns .disable {
        color: #ddd;
        cursor: default;
    }

        .u-switchbtns .disable:hover {
            color: #ddd;
        }

    .u-switchbtns .left {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .u-switchbtns .right {
        border-left: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.u-showall {
    width: 100%;
    height: 30px;
    position: relative;
}

    .u-showall .upline {
        width: 100%;
        height: 14px;
        border-bottom: 1px solid #ccc;
    }

    .u-showall .dnline {
        width: 100%;
        height: 14px;
        border-top: 1px solid #fff;
    }

    .u-showall .dnbtn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
    }

    .u-showall .center {
        width: 90px;
        height: 30px;
        background: #f0f0f0;
        margin: 0 auto;
        text-align: center;
    }

    .u-showall .btn {
        border: 1px solid #ddd;
        border-radius: 5px;
        display: inline-block;
        line-height: 26px;
        height: 25px;
        width: 75px;
        background: #fff;
    }

.u-packageCard {
    display: block;
    width: 372px;
    height: 207px;
    background: url(http://s2.open.126.net/ocb/res/img/package/sp_bg.png) 0 0;
    margin: 0 32px 25px 0;
}

    .u-packageCard img {
        width: 360px;
        height: 202px;
    }

    .u-packageCard .mask {
        top: 0;
        left: 0;
        bottom: 6px;
        right: 12px;
        background-color: #1f6740;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: box-shadow .2s ease-in 0;
        -moz-transition: box-shadow .2s ease-in 0s;
        transition: box-shadow .2s ease-in 0s;
        z-index: 25;
    }

    .u-packageCard .info {
        z-index: 50;
        left: 0;
        bottom: 5px;
        width: 360px;
        height: 125px;
        background: url(http://s2.open.126.net/ocb/res/img/package/sp_info_bg.png) repeat-x;
    }

        .u-packageCard .info .bin {
            left: 0;
            bottom: 0;
            height: 52px;
            width: 100%;
        }

        .u-packageCard .info h4 {
            text-indent: 12px;
            margin: 0;
            line-height: 52px;
            width: 260px;
            font-size: 22px;
            color: #fff;
            text-shadow: 0 1px 3px #444;
        }

        .u-packageCard .info .js {
            height: 30px;
            margin: 10px;
            width: 46px;
            overflow: hidden;
        }

            .u-packageCard .info .js .hbg {
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: #000;
                opacity: .6;
                filter: alpha(opacity=60);
            }

            .u-packageCard .info .js p.txt {
                text-align: center;
                font-size: 14px;
                line-height: 30px;
                color: #fff;
            }

    .u-packageCard:hover .mask {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.u-feedbackTip {
    position: fixed;
    top: 48%;
    left: 44%;
    right: 10px;
    border: none;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    color: #fff;
    height: 42px;
    line-height: 42px;
    display: none;
    width: 200px;
}

    .u-feedbackTip span {
        width: 30px;
        height: 30px;
        background: url("http://img3.cache.netease.com/video/2013/1/23/20130123094834414a4.jpg") no-repeat 9999px 9999px;
        margin: 6px 10px;
    }

    .u-feedbackTip h1 {
        font-size: 14px;
        line-height: 42px;
        font-weight: 400;
    }

    .u-feedbackTip.okTip {
        background-color: #287d4f;
    }

        .u-feedbackTip.okTip span {
            background-position: 0 0;
        }

    .u-feedbackTip.wrongTip {
        background-color: #fad6d6;
        border: 1px solid #fbb6b6;
    }

        .u-feedbackTip.wrongTip h1 {
            color: #c33;
        }

        .u-feedbackTip.wrongTip span {
            background-position: 0 -50px;
        }

.m-confirmBox p, .m-confirmBox .yes, .m-confirmBox .false {
    background: url(http://img1.cache.netease.com/v/open/developTest/topic/others/centericon.png) no-repeat 9999px 9999px;
}

.m-confirmBox {
    height: 94px;
    cursor: default;
}

    .m-confirmBox .box {
        padding: 14px 14px 0;
    }

    .m-confirmBox p {
        padding-left: 34px;
        height: 31px;
        line-height: 31px;
        text-align: left;
        background-position: 5px -378px;
    }

    .m-confirmBox .btn {
        padding: 0 35px;
    }

    .m-confirmBox .yes {
        cursor: pointer;
        height: 33px;
        width: 56px;
        background-position: 0 -529px;
        background-repeat: repeat-x;
        color: #fff;
        line-height: 33px;
    }

        .m-confirmBox .yes:hover {
            background-position: 0 -572px;
        }

    .m-confirmBox .false {
        cursor: pointer;
        margin-left: 10px;
        height: 33px;
        width: 57px;
        background-position: 0 -618px;
        background-repeat: repeat-x;
        color: #666;
        line-height: 33px;
    }

        .m-confirmBox .false:hover {
            background-position: 0 -660px;
        }

.u-cover .mask, .u-cover .sub, .u-cover .new, .u-cover .update, .u-cover .NEW, .u-cover .UPDATE {
    bottom: 0;
    right: 0;
}

.u-cover .mask {
    top: 0;
    left: 0;
    background-color: #1f6740;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: box-shadow .2s ease-in 0;
    -moz-transition: box-shadow .2s ease-in 0s;
    transition: box-shadow .2s ease-in 0s;
    z-index: 25;
}

.u-cover .sub {
    left: 0;
    height: 20px;
    line-height: 20px;
    background: rgba(0,0,0,.5);
    background: #888 \9;
    color: #fff;
    text-indent: 5px;
    z-index: 20;
}

.u-cover .new {
    width: 30px;
}

.u-cover .new, .u-cover .update {
    display: block;
    color: #fff;
    font-size: 10px;
    height: 21px;
    overflow: hidden;
    z-index: 22;
    text-indent: 9999px;
    background-position: 0 -83px;
}

.u-cover .NEW {
    width: 30px;
}

.u-cover .NEW, .u-cover .UPDATE {
    display: block;
    color: #fff;
    font-size: 10px;
    height: 21px;
    overflow: hidden;
    z-index: 22;
    text-indent: 9999px;
    background-position: 0 -83px;
}

.u-cover .UPDATE, .u-cover .update {
    width: 45px;
    background-position: 0 -57px;
}

.u-cover:hover .mask {
    opacity: .5;
    filter: alpha(opacity=50);
}

.u-cover:hover .shadow {
    box-shadow: 0 0 8px #666;
}

.u-lectors {
    margin-left: -75px;
}

    .u-lectors .lector {
        height: 110px;
        width: 270px;
        margin-left: 75px;
    }

        .u-lectors .lector .face {
            height: 100px;
            width: 100px;
            padding: 4px;
            margin-right: 10px;
            background: #fff;
            border: 1px solid #e3e3e3;
            border-radius: 55px;
            box-shadow: 2px 2px 3px #eee;
        }

            .u-lectors .lector .face img {
                height: 100px;
                width: 100px;
                border-radius: 50px;
            }

        .u-lectors .lector .con {
            width: 150px;
            text-align: left;
        }

            .u-lectors .lector .con h4 {
                padding-top: 10px;
                font-size: 16px;
                line-height: 35px;
                margin: 0;
            }

            .u-lectors .lector .con p {
                line-height: 20px;
            }

                .u-lectors .lector .con p a {
                    color: #666;
                }

@media screen and (min-width:1200px) {
    .u-lectors {
        margin: 0 -34px;
    }

        .u-lectors .lector {
            margin-left: 34px;
        }
}

.u-tag {
    height: 60px;
    padding: 30px 0;
}

.u-tag, .u-tag2, .u-tag3, .u-tag4 {
    background: #206740;
    text-align: center;
}

    .u-tag:hover, .u-tag2:hover, .u-tag3:hover, .u-tag4:hover {
        background: #135d35;
    }

    .u-tag h2 {
        font-size: 24px;
    }

    .u-tag h2, .u-tag2 h2, .u-tag3 h2, .u-tag4 h2 {
        color: #fff;
        line-height: 24px;
    }

    .u-tag p, .u-tag2 p, .u-tag3 p, .u-tag4 p {
        padding: 4px 16px;
        line-height: 14px;
        height: 14px;
        color: #fff;
        margin-top: 15px;
    }

.u-tag2, .u-tag3 {
    height: 85px;
    padding: 45px 0 15px;
}

.u-tag2, .u-tag3, .u-tag4 {
    background: #7d9519;
}

    .u-tag2 h2, .u-tag3 h2, .u-tag4 h2 {
        font-size: 30px;
    }

    .u-tag2 span, .u-tag3 span, .u-tag4 span {
        font-size: 16px;
        color: rgba(255,255,255,.5);
        color: #ccc\9;
    }

    .u-tag2:hover {
        background: #7d9519;
    }

.u-tag3 {
    background: #257397;
}

    .u-tag3:hover {
        background: #257397;
    }

.u-tag4 {
    background: #7e512a;
    padding: 60px 0 15px;
    height: 70px;
}

    .u-tag4:hover {
        background: #7e512a;
    }

.m-footer {
    border-top: 1px solid #ddd;
    background: #e6e6e6;
    padding: 20px 0;
    text-align: center;
}

    .m-footer .links {
        line-height: 16px;
        margin-bottom: 12px;
        color: #999;
    }

        .m-footer .links span {
            padding: 0 6px;
        }

        .m-footer .links a {
            color: #666;
        }

            .m-footer .links a:hover {
                text-decoration: underline;
            }

    .m-footer .cr {
        color: #999;
        line-height: 18px;
    }

    .m-footer .theme {
        display: inline-block;
        *display: inline;
        zoom: 1;
        margin-top: 10px;
        height: 23px;
        width: 317px;
        background: url(http://s2.open.126.net/ocb/res/img/common/footer.png) no-repeat 0 0;
    }

.u-footertj {
    z-index: 1000;
    position: fixed;
    left: 15px;
    bottom: 40px;
    height: 170px;
}

    .u-footertj .pic {
        width: 118px;
        height: 113px;
        background: url(http://s2.open.126.net/ocb/res/img/common/footer_wjdc.png);
    }

    .u-footertj .close {
        background: url(http://s2.open.126.net/ocb/res/img/common/footer_common_closebtn.png) 0 0;
        width: 16px;
        height: 16px;
        top: -20px;
        left: 90px;
        cursor: pointer;
    }

        .u-footertj .close:hover {
            background-position: -20px 0;
        }

.u-share .btn {
    display: block;
    float: left;
    cursor: pointer;
    margin: 0 3px;
    width: 28px;
    height: 28px;
    background: url(http://s2.open.126.net/ocb/res/img/common/share.png) no-repeat 0 0;
}

.u-share .weibo {
    background-position: 0 -28px;
}

    .u-share .weibo:hover {
        background-position: 0 0;
    }

.u-share .yixin {
    background-position: -36px -30px;
}

    .u-share .yixin:hover {
        background-position: -37px 0;
    }

.u-share .qzone {
    background-position: -71px -29px;
}

    .u-share .qzone:hover {
        background-position: -71px 0;
    }

.u-share .renren {
    background-position: -105px -29px;
}

    .u-share .renren:hover {
        background-position: -105px 0;
    }

.u-share .douban {
    background-position: -134px -29px;
}

    .u-share .douban:hover {
        background-position: -134px 0;
    }

.u-appDownloadTip {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -155px 0 0 -238px;
    width: 476px;
    height: 310px;
    box-shadow: 0 0 10px #333;
    background: #277d50;
}

    .u-appDownloadTip .close {
        top: 12px;
        right: 12px;
        width: 18px;
        height: 18px;
        background: url(http://s2.open.126.net/ocb/res/img/common/appdownload_tip.png) 0 -143px;
    }

        .u-appDownloadTip .close:hover {
            background: url(http://s2.open.126.net/ocb/res/img/common/appdownload_tip.png) -44px -143px no-repeat;
        }

    .u-appDownloadTip .con {
        color: #fff;
        text-align: center;
        padding: 20px 0 30px;
    }

        .u-appDownloadTip .con h2 {
            font-size: 24px;
            line-height: 33px;
        }

        .u-appDownloadTip .con h3 {
            font-size: 14px;
            line-height: 20px;
        }

        .u-appDownloadTip .con .pic {
            margin: 30px auto 15px;
            width: 328px;
            height: 132px;
            background: url(http://s2.open.126.net/ocb/res/img/common/appdownload_tip.png) 0 0 no-repeat;
        }

        .u-appDownloadTip .con p.info {
            font-size: 13px;
            line-height: 20px;
            color: #bdd1c5;
        }