.globalnavsprite,.u-navcatebtn .cbtn,.u-navcatedialog .arrr,.u-navcatedialog .cateright .close,.u-navapptip .arrr,.u-navapptip .rcon .store,.u-navdropmenu .arrr,.u-navusermenu .arrr,.m-yktNav .userinfo .u-mystudy .u-learn-record .arr {
    background: url(../images/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat;
}

.uisprite,.msg-close,.msg-mark,.m-labtop .zpgi,.m-labtop a.js-selected {
    background: url(../images/ui_sprite.png) no-repeat 4449px 4449px;
}

*[hidefocus] {
    outline: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

fieldset,img,html,body,iframe {
    border: 0;
}

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

li {
    list-style: none;
}

caption,th {
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

body,textarea,select,input {
    font-family: "Arial","Hiragino Sans GB", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    font-size: 14px;
    color: #444;
    outline: none;
    border: 0;
}

textarea {
    resize: none;
}

input {
    vertical-align: middle;
    margin: 0px;
}

body {
    background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}

a,button {
    cursor: pointer;
}

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

a:hover {
    color: #10ae58;
}

html,body {
    width: 100%;
    height: 100%;
}

html {
    overflow: auto;
}

body {
    text-align: left;
    background: #eee;
}

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

.b-20 {
    height: 20px;
}

.b-30 {
    height: 30px;
}

.b-15 {
    height: 15px;
}

.b-40 {
    height: 40px;
}

.b-50 {
    height: 50px;
}

.b-70 {
    height: 70px;
}

.g-hd:after,.g-bd:after,.m-nav ul:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.g-hd,.g-bd,.g-ft,.m-nav ul {
    zoom: 1;
}

body {
    min-width: 960px;
    padding: 60px 0 248px 0;
    position: relative;
    height: auto;
    min-height: 100%;
}

.g-doc,.g-wrap,.g-flow,.g-superflow,.g-all {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.g-doc {
    z-index: 0;
    position: relative;
    min-height: 450px;
}

.g-all {
    width: 100%;
}

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

.g-rhide {
    display: block;
}

.g-container {
    margin-left: -20px;
    position: relative;
    z-index: 0;
}

.g-container .g-cell,.g-container .g-cell1,.g-container .g-cell2,.g-container .g-cell3,.g-container .g-cell4 {
    width: 225px;
    margin-left: 20px;
    float: left;
}

.g-container .g-cell2 {
    width: 470px;
}

.g-container .g-cell3 {
    width: 715px;
}

.g-container .g-cell4 {
    width: 960px;
}

.g-sd1 {
    position: relative;
    float: left;
    width: 225px;
    margin-right: -225px;
}

.g-mn1 {
    float: right;
    width: 100%;
}

.g-mn1c {
    margin-left: 245px;
}

.g-sd2 {
    position: relative;
    float: right;
    width: 225px;
    margin-left: -225px;
}

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

.g-mn2c {
    margin-right: 245px;
}

.g-cisd2 {
    position: relative;
    float: right;
    width: 265px;
    margin-left: -265px;
}

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

.g-cimn2c {
    margin-right: 285px;
}

.g-content {
    width: 715px;
}

.g-ie-body .g-superflow,.g-ie-body .g-flow {
    width: 1205px;
}

.g-ie-body .g-hide {
    display: block;
}

.g-ie-body .g-rhide {
    display: none;
}

.g-ie-body .g-inlinehide {
    display: inline;
}

.g-ie-body .g-content {
    width: 960px;
}

@media screen and (min-width: 1210px) {
    .g-superflow,.g-flow {
        width: 1205px;
    }

    .g-hide {
        display: block;
    }

    .g-rhide {
        display: none;
    }

    .g-inlinehide {
        display: inline;
    }

    .g-content {
        width: 960px;
    }

    
}

@media screen and (max-width: 640px) {
    .g-ft {
        position: relative;
    }

    .g-superflow {
        width: 480px;
    }
}

@media screen and (max-width: 480px) {
    .g-superflow {
        width: 320px;
    }
}

.g-ft {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.g-headwrap {
    height: auto;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.g-hd {
    height: 60px;
    width: 100%;
    border-width: 1px 0;
}

.g-mnc {
    width: 680px;
    float: left;
}

.g-sda {
    width: 265px;
    float: right;
}

.p-15 {
    padding: 15px;
}

.f-cb:after,.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb,.f-cbli li {
    zoom: 1;
}

.f-thide {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden;
}

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

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-pr {
    position: relative;
}

.f-pf {
    position: fixed;
}

.f-af {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.f-richEditorText {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    font: 12px/22px Helvetica Neue,Helvetica,Arial,Sans-serif;
}

.f-richEditorText em {
    font-style: italic;
}

.f-richEditorText p {
    margin: 0;
    padding: 0;
}

.f-richEditorText div {
    margin: 10px 0;
    padding: 0;
}

.f-richEditorText blockquote {
    border-left: 3px solid #D0E5F2;
    font-style: normal;
    padding: 0 0 0 10px;
    vertical-align: baseline;
    margin: 0;
    font-size: 14px;
}

.f-richEditorText img {
    max-width: 100%;
    vertical-align: top;
}

.f-richEditorText a {
    text-decoration: underline;
}

.f-richEditorText ul li {
    list-style: disc inside;
}

.f-richEditorText ol li {
    list-style: decimal inside;
}

.f-richEditorText table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E4E4E4;
}

.f-richEditorText table th,.f-richEditorText table td {
    border: 1px solid #E4E4E4;
    padding: 5px;
}

.f-anchorLink {
    font-size: 12px;
    height: 17px;
    background: url(../images/ui_sprite.png) no-repeat 0 -700px;
    background-color: #f7f7f7;
    padding: 0 0 0 21px;
    line-height: 17px;
}

.f-anchorLink span {
    padding: 0px 5px;
    border-style: solid solid solid none;
    border: solid 1px #dfdfdf;
    line-height: 15px;
    font-weight: normal;
}

.f-anchorLink:hover {
    background-position: 0 -720px;
}

.f-anchorLink:hover span {
    color: #004444;
}

.f-anchorLink.nohvr:hover {
    background-position: 0 -700px;
}

.f-sign {
    font-weight: bold;
    color: #cc3333;
    padding-right: 5px;
    vertical-align: middle;
}

.bg,.f-bg {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2px #bbb;
    box-shadow: 0px 1px 2px #bbb;
}

.f-bg {
    _border-top: 1px solid #c7c7ce;
    *border-top: 1px solid #c7c7ce;
}

.f-bg1 {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    background: url(../images/headerbg.png) repeat-x;
}

.f-show {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.f-win {
    border: 1px solid #BABECB;
    background: #ffffff;
    color: #444;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
}

.u-more {
    display: block;
    font-size: 0;
    margin-top: 4px;
}

.u-more span {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #666;
}

.u-more span.icn {
    width: 18px;
    background: url(../images/ui_sprite.png) no-repeat -1px -1674px;
    margin-left: 3px;
}

.u-more:hover span {
    color: #10ae58;
}

.u-more:hover .icn {
    background-position: -1px -1690px;
}

.u-slidepg {
    position: absolute;
    width: 100%;
    text-align: center;
}

.u-slidepg ul {
    height: 6px;
    position: relative;
}

.u-slidepg ul li {
    width: 12px;
    height: 6px;
    background: rgba(0, 0, 0, 0.3);
    margin-right: 8px;
    float: left;
    text-indent: 100px;
    overflow: hidden;
    cursor: pointer;
}

.u-slidepg ul li.js-selected {
    cursor: default;
    background: #00a650;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pa {
    position: absolute;
}

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

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

.f-fs0 {
    font-size: 12px;
}

.f-fs1 {
    font-size: 14px;
}

.f-fs2 {
    font-size: 16px;
}

.f-hl {
    color: #ff6000;
}

.s-fc1 {
    color: #444;
}

.s-fc2 {
    color: #999;
}

.s-fc3 {
    color: #39a030;
}

.s-fc4 {
    color: #191919;
}

.s-fc5 {
    color: #666;
}

.s-fc6 {
    color: #ccc;
}

.s-fc7 {
    color: #7E7E7E;
}

.s-fc8 {
    color: #b2b2b2;
}

.s-fc9 {
    color: #c33;
}

.s-fcorange {
    color: #ff6000;
}

.f-fc0 {
    color: #000;
}

.f-fc3 {
    color: #333;
}

.f-fc6 {
    color: #666;
}

.f-fc9 {
    color: #999;
}

.f-fcf {
    color: #fff;
}

.f-fcred {
    color: #D80000;
}

.f-fcgreen {
    color: #39a030;
}

.f-fcorange {
    color: #FF9000;
}

.f-fclightgreen {
    color: #62baa4;
}

.f-fcbrightgreen {
    color: #2cc17b;
}

a.f-fcgreen {
    color: #39a030;
}

a.f-fcgreen:hover {
    text-decoration: underline;
}

a.f-fcbrightgreen {
    color: #2cc17b;
}

a.f-fcbrightgreen:hover {
    text-decoration: underline;
}

a.f-fcbrightgray {
    color: #3C4A55;
}

a.f-fc0:hover,a:hover .f-fc0,a.f-fc3:hover,a:hover .f-fc3,a.f-fc6:hover,a:hover .f-fc6,a.f-fc9:hover,a:hover .f-fc9,a.f-fcf:hover,a:hover .f-fcf {
    color: #39a030;
    text-decoration: none;
}

.icon-e61a:before {
    content: '\e61a';
}

.icon-2001:before,.icon-69001:before,.icon-1001112001:before,.icon-1001133001:before,.icon-e61b:before {
    content: '\e61b';
}

.icon-1:before,.icon-2:before,.icon-5001:before,.icon-10002:before,.icon-11001:before,.icon-12001:before,.icon-17002:before,.icon-1001360001:before,.icon-1001359002:before,.icon-e619:before {
    content: '\e619';
}

.icon-e61c:before {
    content: '\e61c';
}

.icon-e61d:before {
    content: '\e61d';
}

.icon-4001:before,.icon-7001:before,.icon-e61e:before {
    content: '\e61e';
}

.icon-e61f:before {
    content: '\e61f';
}

.icon-e620:before {
    content: '\e620';
}

.icon-6001:before,.icon-13001:before,.icon-e622:before {
    content: '\e622';
}

.icon-e623:before {
    content: '\e623';
}

.icon-21002:before,.icon-56001:before,.icon-85003:before,.icon-1001100001:before,.icon-1001138001:before,.icon-1001359003:before,.icon-e628:before {
    content: '\e628';
}

.icon-10001:before,.icon-16001:before,.icon-1001175001:before,.icon-1002176002:before,.icon-1001170001:before,.icon-e629:before {
    content: '\e629';
}

.icon-8001:before,.icon-9001:before,.icon-14001:before,.icon-15001:before,.icon-e62a:before {
    content: '\e62a';
}

.icon-20003:before,.icon-55003:before,.icon-1001168002:before,.icon-e62b:before {
    content: '\e62b';
}

.icon-17003:before,.icon-21001:before,.icon-55004:before,.icon-1001137001:before,.icon-1001094001:before,.icon-e62c:before {
    content: '\e62c';
}

.icon-22001:before,.icon-27001:before,.icon-e62d:before {
    content: '\e62d';
}

.icon-20002:before,.icon-55005:before,.icon-1001168001:before,.icon-e62e:before {
    content: '\e62e';
}

.icon-17001:before,.icon-20001:before,.icon-e62f:before {
    content: '\e62f';
}

.icon-28001:before,.icon-34001:before,.icon-e61a:before {
    content: '\e61a';
}

.icon-51001:before,.icon-e634:before {
    content: '\e634';
}

.icon-50002:before,.icon-1001122002:before,.icon-e633:before {
    content: '\e633';
}

.icon-55001:before,.icon-e635:before {
    content: '\e635';
}

.icon-57001:before,.icon-83001:before,.icon-90001:before,.icon-e636:before {
    content: '\e636';
}

.icon-1001201003:before,.icon-85002:before,.icon-e901:before {
    content: '\e901';
}

.icon-85001:before,.icon-e900:before {
    content: '\e900';
}

.icon-93001:before,.icon-e90f:before {
    content: '\e90f';
}

.icon-93002:before,.icon-e910:before {
    content: '\e910';
}

.icon-1001106002:before,.icon-e911:before {
    content: '\e911';
}

.icon-1001280001:before,.icon-1001113001:before,.icon-e912:before {
    content: '\e912';
}

.icon-1001127001:before,.icon-e913:before {
    content: '\e913';
}

.icon-1001134001:before,.icon-1001177002:before,.icon-1001176001:before,.icon-e914:before {
    content: '\e914';
}

.icon-1001137002:before,.icon-1001149002:before,.icon-55002:before,.icon-e915:before {
    content: '\e915';
}

.icon-1001149004:before,.icon-e916:before {
    content: '\e916';
}

.icon-e917:before,.icon-1001180001:before {
    content: '\e917';
}

.icon-1001173001:before,.icon-e919:before {
    content: '\e919';
}

.icon-e91a:before {
    content: '\e91a';
}

.icon-coupon:before {
    content: "\e91c";
}

.icon-1001197001:before {
    content: "\e91d";
}

.icon-feedback:before {
    content: '\e91e';
}

.icon-mobile:before,.icon-e91f:before {
    content: '\e91f';
}

.icon-totop:before,.icon-e920:before {
    content: '\e920';
}

.icon-1001209003:before,.icon-e921:before {
    content: '\e921';
}

.icon-1001210006:before,.icon-e922:before {
    content: '\e922';
}

.icon-1001210002:before,.icon-e923:before {
    content: '\e923';
}

.icon-1001149004:before,.icon-e924:before {
    content: '\e924';
}

.icon-1001210003:before,.icon-e925:before {
    content: '\e925';
}

.icon-1001195002:before,.icon-e926:before {
    content: '\e926';
}

.icon-e927:before,.icon-1001227001:before {
    content: "\e927";
}

.icon-e92a:before,.icon-1001268002:before {
    content: "\e92a";
}

.icon-uniE609:before {
    content: "\e609";
}

.icon-uniE614:before {
    content: "\e614";
}

.icon-1001316008:before,.icon-e92d:before {
    content: '\e92d';
}

.icon-1001275003:before {
    content: '\e628';
}

.icon-1001358002:before,.icon-e92e:before {
    content: '\e92e';
}

.icon-1001359001:before,.icon-e92f:before {
    content: '\e92f';
}

.icon-1001358003:before,.icon-e930:before {
    content: '\e930';
}

.icon-1001352005:before,.icon-e931:before {
    content: '\e931';
}

.icon-1001385001:before,.icon-e932:before {
    content: '\e932';
}

.icon-empty-star:before {
    content: "\e928";
}

.icon-solid-star:before {
    content: "\e929";
}

/*@font-face {
    font-family:'icomoon';src:url(//s.stu.126.net/res/mocfonts/icomoon.eot?75ab5693f2509f5496861e921ceddf21);src:url(//s.stu.126.net/res/mocfonts/icomoon.eot?75ab5693f2509f5496861e921ceddf21) format("embedded-opentype"), url(//s.stu.126.net/res/mocfonts/icomoon.ttf?2822326f922319b68447877d5a790646) format("truetype"), url(//s.stu.126.net/res/mocfonts/icomoon.woff?8f3d4f6b3b73816ee350b20389462f40) format("woff"), url(//s.stu.126.net/res/mocfonts/icomoon.svg?b709e087e9fd8fc451f7a109b629e9fe) format("svg");font-weight:normal;font-style:normal;
}*/

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

.fadeInOut {
    -webkit-animation-name: fadeInOut;
    animation-name: fadeInOut;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.x-zoomImg {
    overflow: hidden;
}

.x-zoomImg img {
    vertical-align: middle;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.x-zoomImg img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.x-hide,.x-hoverItem .x-child {
    -webkit-transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: scale(0.9);
    opacity: 0;
    pointer-events: none;
    display: none\9;
    visibility: hidden;
}

.x-show,.x-hoverItem:hover .x-child {
    opacity: 1;
    -webkit-transform: scale(1);
    pointer-events: all;
    display: block\9;
    visibility: visible;
}

.globalnavsprite,.u-navcatebtn .cbtn,.u-navcatedialog .arrr,.u-navcatedialog .cateright .close,.u-navapptip .arrr,.u-navapptip .rcon .store,.u-navdropmenu .arrr,.u-navusermenu .arrr,.m-yktNav .userinfo .u-mystudy .u-learn-record .arr {
    background: url(../images/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-dialog {
    width: 320px;
}

.m-dialog .content {
    min-height: 55px;
}

.m-dialog .icon {
    float: left;
    width: 57px;
    height: 57px;
  
    padding: 0 20px;
}

.m-dialog .cnt {
    margin-left: 98px;
}

.m-dialog .ic1 {
    background-position: 0 0;
}

.m-dialog .ic2 {
    background-position: 20px -57px;
}

.m-dialog .ic3 {
    background-position: 20px 0;
}

.m-dialog .ic4 {
    display: none;
}

.m-dialog .cnt {
    line-height: 23px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.m-dialog .cntnom {
    margin-left: 0;
}

.m-dialog .btn {
    padding-top: 10px;
    font-weight: bolder;
}

.m-dialog .btn .right,.m-dialog .btn .left {
    float: right;
    margin-right: 10px;
    font-weight: bold;
}

.m-dialog .btn .main.long {
    display: block;
    width: 85px;
    width: 85px;
    text-decoration: none;
    background-position: 75px 0px;
}

.m-dialog .btn .main.long span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 65px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-dialog .btn .main.long:hover {
    background-position: 75px -50px;
}

.m-dialog .btn .main.long:hover span {
    background-position: -40px -50px;
}

.m-dialog .btn .main.long:active {
    background-position: 75px -100px;
}

.m-dialog .btn .main.long:active span {
    background-position: -40px -100px;
}

.m-dialog .btn .main.small {
    display: block;
    width: 55px;
    width: 55px;
    text-decoration: none;
    background-position: 45px 0px;
}

.m-dialog .btn .main.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 35px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-dialog .btn .main.small:hover {
    background-position: 45px -50px;
}

.m-dialog .btn .main.small:hover span {
    background-position: -40px -50px;
}

.m-dialog .btn .main.small:active {
    background-position: 45px -100px;
}

.m-dialog .btn .main.small:active span {
    background-position: -40px -100px;
}

.m-dialog .btn .slave.long {
    display: block;
    width: 85px;
    width: 85px;
    text-decoration: none;
    background-position: 75px -150px;
}

.m-dialog .btn .slave.long span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 65px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-dialog .btn .slave.long:hover {
    background-position: 75px -200px;
}

.m-dialog .btn .slave.long:hover span {
    background-position: -40px -200px;
}

.m-dialog .btn .slave.long:active {
    background-position: 75px -250px;
}

.m-dialog .btn .slave.long:active span {
    background-position: -40px -250px;
}

.m-dialog .btn .slave.small {
    display: block;
    width: 55px;
    width: 55px;
    text-decoration: none;
    background-position: 45px -150px;
}

.m-dialog .btn .slave.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 35px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-dialog .btn .slave.small:hover {
    background-position: 45px -200px;
}

.m-dialog .btn .slave.small:hover span {
    background-position: -40px -200px;
}

.m-dialog .btn .slave.small:active {
    background-position: 45px -250px;
}

.m-dialog .btn .slave.small:active span {
    background-position: -40px -250px;
}

.m-basewin {
    text-align: left;
}

.m-basewin .btn {
    padding-top: 10px;
    font-weight: bolder;
    text-align: left;
}

.m-basewin .btn .right,.m-basewin .btn .left {
    float: right;
    margin-right: 10px;
    font-weight: bold;
}

.m-basewin .btn .main {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
}

.m-basewin .btn .main span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn .main:hover {
    background-position: 52px -50px;
}

.m-basewin .btn .main:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn .main:active {
    background-position: 52px -100px;
}

.m-basewin .btn .main:active span {
    background-position: -40px -100px;
}

.m-basewin .btn .slave {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px -150px;
}

.m-basewin .btn .slave span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-basewin .btn .slave:hover {
    background-position: 52px -200px;
}

.m-basewin .btn .slave:hover span {
    background-position: -40px -200px;
}

.m-basewin .btn .slave:active {
    background-position: 52px -250px;
}

.m-basewin .btn .slave:active span {
    background-position: -40px -250px;
}

.m-basewin .btn2 {
    font-weight: bolder;
    font-family: '微软雅黑';
}

.m-basewin .btn2 .main.middle {
    display: block;
    width: 92px;
    width: 92px;
    text-decoration: none;
    background-position: 82px 0px;
}

.m-basewin .btn2 .main.middle span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 72px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn2 .main.middle:hover {
    background-position: 82px -50px;
}

.m-basewin .btn2 .main.middle:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn2 .main.middle:active {
    background-position: 82px -100px;
}

.m-basewin .btn2 .main.middle:active span {
    background-position: -40px -100px;
}

.m-basewin .btn2 .main.small {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
}

.m-basewin .btn2 .main.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn2 .main.small:hover {
    background-position: 52px -50px;
}

.m-basewin .btn2 .main.small:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn2 .main.small:active {
    background-position: 52px -100px;
}

.m-basewin .btn2 .main.small:active span {
    background-position: -40px -100px;
}

.m-basewin .tab {
    border-bottom: 1px solid #E9E9E9;
}

.m-basewin .tab span {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
}

.m-basewin .tab .u-btn {
    padding: 0px 8px 0 10px;
    margin: 0 2px;
    color: #444;
}

.m-basewin .tab .j-selected {
    background: #E9E9E9;
}

.m-basewin .tab .img-upload {
    width: 9px;
    height: 11px;
}

.m-basewin .tab .img-extern {
    width: 16px;
    height: 8px;
}

.m-basewin .btn .main span,.m-basewin .btn .slave span,.m-basewin .btn2 .main.middle span,.m-basewin .btn2 .main.small span {
    font-size: 14px;
}

.m-basewin .btn .main span,.m-basewin .btn .slave span {
    line-height: 30px;
    *line-height: 33px;
}

div.m-basewin {
    z-index: 4001;
    top: 0;
    left: 0;
    border: 1px solid #BABECB;
    background: #ffffff;
    color: #444;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
}

div.m-basewin .zbar {
    cursor: move;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    color: #444;
    font-weight: bold;
    border: none;
    background: none;
}

div.m-basewin .zttl {
    padding: 20px;
    line-height: 14px;
    max-width: 620px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.m-basewin .zcnt {
    padding: 0;
}

div.m-basewin .zcls {
    top: 0;
    text-indent: -9999px;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/ui_sprite.png) no-repeat 0 0;
}

div.m-basewin .zcls:hover {
    background-position: 0 -41px;
}

div.m-basewin .zcls:active {
    background-position: 0 -82px;
}

div.m-com-mask {
    z-index: 1000;
    background-color: #3b3b3b;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

div.m-winmark {
    -webkit-box-shadow: 0px 2px 18px #444;
    box-shadow: 0px 2px 18px #444;
    border: none;
}

.u-hidetitle .zbar .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

.u-window-pd.m-basewin div.zcnt {
    padding: 0 20px 20px 20px;
}

div.u-logwin .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

div.richedit {
    width: auto;
}


.richedit .zitm.js-selected,.richedit .zitm:hover {
    background: #c7c7c7;
}

.richedit div.ztbar {
    padding-left: 3px;
    background: #f1f1f1;
}

.u-window-upload {
    text-align: left;
    width: 442px;
}

.u-window-upload.m-basewin .tab {
    margin-bottom: 20px;
    font-size: 12px;
}

.u-window-upload.m-basewin .zttl,.u-window-link.m-basewin .zttl {
    padding-left: 20px;
    font-family: '微软雅黑';
}

.u-window-link {
    width: 380px;
}

.u-window-link .u-row {
    width: 338px;
}

.u-window-link .ipt {
    width: 280px !important;
}

.u-window-upload.m-basewin div.zcnt {
    padding: 0 20px 35px 20px;
}

.u-window-upload.m-basewin .cnt .u-desc {
    font-size: 12px;
}

.u-window-upload.m-basewin .u-edit {
    position: relative;
    z-index: 101;
    margin-right: 10px;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
}

.u-window-upload.m-basewin .ipt {
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 101;
    line-height: 32px;
    height: 32px;
    width: 328px;
    resize: none;
    background: transparent;
    border: none;
    color: #444;
    overflow: hidden;
}

.u-window-upload a.u-btn {
    padding: 0px 8px 0 10px;
    margin: 0 2px;
    color: #444;
}

.u-window-upload .j-selected {
    background: #E9E9E9;
}

.u-window-upload .img-upload {
    width: 9px;
    height: 11px;
}

.u-window-upload .img-extern {
    width: 16px;
    height: 8px;
}

.u-window-upload span {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
}

.u-window-upload .j-cnt {
    border-top: 1px solid #E9E9E9;
    padding: 20px 0 0;
}

.m-previewDialog {
    padding: 0 20px 20px 20px;
    width: 640px;
    position: relative;
}

.m-previewDialog .content {
    height: 400px;
    text-align: center;
    background: #fff;
    position: relative;
}

.m-previewDialog .fsmask {
    width: 40px;
    height: 28px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #f00;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.m-previewDialog.m-pdfPreview {
    width: 900px;
}

div.u-inset-dialog {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.u-inset-dialog div.zbar {
    cursor: default;
    height: 0px;
}

div.u-inset-dialog div.zbar .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

div.u-inset-dialog span.zcls {
    display: none;
}

div.u-inset-dialog div.zcnt {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skipBtn {
    position: absolute;
    bottom: 30px;
    right: 10px;
    font-size: 12px;
    color: #999;
}

div.u-inset-dialog div.zcnt .m-inset .skipBtn:hover {
    color: #10ae58;
}

div.u-inset-dialog div.zcnt .m-inset .skip {
    position: absolute;
    bottom: 20px;
    right: 10px;
    display: block;
    width: 110px;
    width: 110px;
    text-decoration: none;
    background-position: 100px 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skip span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 90px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:hover {
    background-position: 100px -50px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:hover span {
    background-position: -40px -50px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:active {
    background-position: 100px -100px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:active span {
    background-position: -40px -100px;
}

.m-reportDialog,.m-wantToLearnDialog {
    width: 400px;
    position: relative;
}

.m-reportDialog .reportedit .m-edititem .editwrap,.m-wantToLearnDialog .reportedit .m-edititem .editwrap {
    height: 135px;
}

.m-reportDialog .reportedit .m-edititem .editwrap .edittxt,.m-wantToLearnDialog .reportedit .m-edititem .editwrap .edittxt {
    height: 135px;
}

.m-reportDialog .feedback,.m-wantToLearnDialog .feedback {
    position: absolute;
    left: -12px;
}

.m-reportDialog.m-reportDialog,.m-wantToLearnDialog.m-reportDialog {
    height: 200px;
}

.m-reportDialog.m-reportDialog .feedback,.m-wantToLearnDialog.m-reportDialog .feedback {
    top: 152px;
}

.m-reportDialog.m-wantToLearnDialog,.m-wantToLearnDialog.m-wantToLearnDialog {
    height: 250px;
}

.m-reportDialog.m-wantToLearnDialog .type,.m-wantToLearnDialog.m-wantToLearnDialog .type {
    position: absolute;
    left: 0;
    top: 160px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select {
    width: 170px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .up,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .up {
    font-size: 12px;
    background-position: 160px -192px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .down,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .down {
    width: 189px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .down .list,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .down .list {
    width: 220px;
    font-size: 12px;
}

.m-reportDialog.m-wantToLearnDialog .type2,.m-wantToLearnDialog.m-wantToLearnDialog .type2 {
    left: 200px;
}

.m-reportDialog.m-wantToLearnDialog .feedback,.m-wantToLearnDialog.m-wantToLearnDialog .feedback {
    top: 196px;
}

.m-reportDialog.m-wantToLearnDialog .m-edititem .editopt,.m-wantToLearnDialog.m-wantToLearnDialog .m-edititem .editopt {
    padding-top: 70px;
}

.m-scdialog {
    top: 100px;
    left: 100px;
    width: 130px;
    padding: 15px;
    border: 1px solid #babecb;
    background: #fff;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
    z-index: 2001;
}

.m-scdialog .content {
    margin-bottom: 12px;
}

.m-scdialog .icon {
    background: url(../images/ui_sprite.png) 0 -779px no-repeat;
    height: 18px;
    width: 18px;
}

.m-scdialog .msg {
    width: 108px;
    line-height: 18px;
    color: #333;
    font-size: 12px;
}

.m-scdialog .btnOk {
    display: block;
    width: 52px;
    width: 52px;
    text-decoration: none;
    background-position: 42px 0px;
    float: left;
    margin-left: 4px;
}

.m-scdialog .btnOk span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 32px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-scdialog .btnOk:hover {
    background-position: 42px -50px;
}

.m-scdialog .btnOk:hover span {
    background-position: -40px -50px;
}

.m-scdialog .btnOk:active {
    background-position: 42px -100px;
}

.m-scdialog .btnOk:active span {
    background-position: -40px -100px;
}

.m-scdialog .btnCancel {
    display: block;
    width: 52px;
    width: 52px;
    text-decoration: none;
    background-position: 42px -150px;
    float: right;
    margin-right: 4px;
}

.m-scdialog .btnCancel span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 32px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-scdialog .btnCancel:hover {
    background-position: 42px -200px;
}

.m-scdialog .btnCancel:hover span {
    background-position: -40px -200px;
}

.m-scdialog .btnCancel:active {
    background-position: 42px -250px;
}

.m-scdialog .btnCancel:active span {
    background-position: -40px -250px;
}

div.m-pkg-dialog .u-pkgs {
    width: 382px;
    padding: 0 30px 30px;
}

div.m-pkg-dialog .u-pkgs .t {
    font-size: 16px;
}

div.m-pkg-dialog .u-pkgs .t2 {
    margin-bottom: 20px;
}

div.m-pkg-dialog .u-pkgs .u-tabs .itm {
    display: block;
    float: left;
    padding: 0 20px;
    height: 30px;
    max-width: 160px;
    text-align: center;
    line-height: 30px;
    background: #eee;
    cursor: pointer;
}

div.m-pkg-dialog .u-pkgs .u-tabs .itm.js-selected,div.m-pkg-dialog .u-pkgs .u-tabs .itm:hover {
    background: #21a557;
    color: #fff;
}

div.m-pkg-dialog .u-pkgs .courses {
    border: 1px solid #21a557;
}

div.m-pkg-dialog .u-pkgs .courses .row {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: -1px;
}

div.m-pkg-dialog .u-pkgs .courses .row .name {
    padding-left: 10px;
    width: 190px;
}

div.m-pkg-dialog .u-pkgs .courses .row .price {
    padding-left: 10px;
    width: 140px;
}

div.m-pkg-dialog .u-pkgs .courses .row.hd {
    background: #f8f8f8;
    border-bottom-style: solid;
}

div.m-pkg-dialog .u-pkgs .courses .bd {
    max-height: 120px;
    overflow: auto;
}

div.m-pkg-dialog .u-pkgs .bottom {
    line-height: 30px;
}

div.m-pkg-dialog .u-btn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #eaeaea;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #f0f0f0;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(#f6f6f6, #f0f0f0);
    background-image: -o-linear-gradient(#f6f6f6, #f0f0f0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
    background-image: linear-gradient(#f6f6f6, #f0f0f0);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    border-right-color: #d1d1d1;
    border-bottom-color: #d1d1d1;
}

div.m-pkg-dialog .u-btn:hover,div.m-pkg-dialog .u-btn.hvr {
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f7f7f7));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f7f7f7));
    background-image: -webkit-linear-gradient(#f9f9f9, #f7f7f7);
    background-image: -o-linear-gradient(#f9f9f9, #f7f7f7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f7f7f7));
    background-image: linear-gradient(#f9f9f9, #f7f7f7);
}

div.m-pkg-dialog .u-btn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

div.m-pkg-dialog .u-btn-orange {
    background-color: #ff6900;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9300), to(#ff6900));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9300), color-stop(100%, #ff6900));
    background-image: -webkit-linear-gradient(#ff9300, #ff6900);
    background-image: -o-linear-gradient(#ff9300, #ff6900);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9300), to(#ff6900));
    background-image: linear-gradient(#ff9300, #ff6900);
    border-bottom-color: #ff6900;
    border-right-color: #ff6900;
    -webkit-box-shadow: 2px 2px 0px rgba(255, 105, 0, 0.3);
    box-shadow: 2px 2px 0px rgba(255, 105, 0, 0.3);
    color: #fff;
}

div.m-pkg-dialog .u-btn-orange:hover,div.m-pkg-dialog .u-btn-orange.hvr {
    background-color: #ff8a00;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad00), to(#ff8a00));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad00), color-stop(100%, #ff8a00));
    background-image: -webkit-linear-gradient(#ffad00, #ff8a00);
    background-image: -o-linear-gradient(#ffad00, #ff8a00);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffad00), to(#ff8a00));
    background-image: linear-gradient(#ffad00, #ff8a00);
}

.u-navcatebtn {
    float: left;
    position: relative;
    padding: 0 50px 0 10px;
}

.u-navcatebtn .cbtn {
    display: block;
    margin-top: 15px;
    padding: 7px 6px;
    width: 16px;
    height: 14px;
    background-position: 6px 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.u-navcatebtn .cbtn.cur {
    background-color: #484c57;
}

.u-navcatedialog.x-hide,.x-hoverItem .u-navcatedialog.x-child {
    -webkit-transition-duration: 0.05s;
    -o-transition-duration: 0.05s;
    transition-duration: 0.05s;
}

.u-navcatedialog {
    left: -189px;
    top: 60px;
    width: 224px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    width: 1203px;
    height: 400px;
}

.u-navcatedialog a:hover {
    text-decoration: underline;
}

.u-navcatedialog.cur {
    display: block;
}

.u-navcatedialog .arrr {
    top: -9px;
    left: 225px;
    margin-left: 0;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
    z-index: 1;
    position: absolute;
}

.u-navcatedialog .cateleft {
    z-index: 2;
    top: 0;
    left: 0;
    width: 224px;
    height: 400px;
    background-color: #39a030;
    border-bottom: 1px solid #ddd;
}

.u-navcatedialog .cateleft .catebg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.u-navcatedialog .cateleft .items {
    top: 0;
    left: 0;
    height: 400px;
    width: 100%;
    overflow: hidden;
}

.u-navcatedialog .cateleft .item {
    height: 43px;
    padding: 0 10px 0 13px;
    position: relative;
}

.u-navcatedialog .cateleft .item .inn {
    position: relative;
    z-index: 2;
    height: 43px;
    padding: 0 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.u-navcatedialog .cateleft .item .inn p {
    overflow: hidden;
    height: 43px;
}

.u-navcatedialog .cateleft .item .inn .first {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
}

.u-navcatedialog .cateleft .item .inn .second {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-left: 11px;
    line-height: 48px;
}

.u-navcatedialog .cateleft .item .curbg {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 225px;
    height: 43px;
    border-top: 1px solid #39a030;
    border-bottom: 1px solid #39a030;
    background-color: #fff;
}

.u-navcatedialog .cateleft .item.cur .inn {
    border-bottom: none;
}

.u-navcatedialog .cateleft .item.cur .inn .first {
    color: #333;
}

.u-navcatedialog .cateleft .item.cur .inn .second {
    color: #666;
}

.u-navcatedialog .cateleft .item.cur .curbg {
    display: block;
}

.u-navcatedialog .cateleft .item.last {
    height: 50px;
}

.u-navcatedialog .cateleft .item.last .curbg {
    height: 49px;
}

.u-navcatedialog .cateleft .item.last .inn {
    border-bottom: none;
}

.u-navcatedialog .cateleft .item.first {
    padding-top: 6px;
}

.u-navcatedialog .cateleft .item.first .curbg {
    height: 49px;
    margin-top: -1px;
}

.u-navcatedialog .cateright {
    top: 0;
    left: 223px;
    width: 980px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
}

.u-navcatedialog .cateright.cur {
    display: block;
}

.u-navcatedialog .cateright .close {
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    background-position: -155px 0;
    z-index: 10;
}

.u-navcatedialog .cateright .rwrap {
    display: none;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 400px;
    overflow: hidden;
}

.u-navcatedialog .cateright .rwrap .rwrap-left {
    float: left;
    width: 630px;
    margin: 0 85px 14px 0;
    padding-left: 42px;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .cat2 {
    float: left;
    line-height: 25px;
    padding-top: 12px;
    padding-right: 20px;
    overflow: hidden;
    text-align: left;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .cat2:hover {
    text-decoration: underline;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links {
    padding-top: 12px;
    overflow: hidden;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a {
    color: #666;
    display: inline-block;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a:hover {
    text-decoration: underline;
    color: #666;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links .seperate {
    padding: 0 10px 0 0;
    color: #ccc;
    float: left;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec {
    color: #33a126;
    white-space: nowrap;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec:hover {
    color: #33a126;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links .cate3links {
    margin-left: 10px;
    font-size: 12px;
    line-height: 25px;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .top-rec {
    margin: 20px 20px 8px 0;
    padding: 4px 16px 3px 11px;
    background: #fff;
    border: 1px solid #ff8a00;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #ff8a00;
}

.u-navcatedialog .cateright .rwrap .rwrap-left .top-rec:hover {
    background-color: #ff8a00;
    color: #fff;
    text-decoration: none;
}

.u-navcatedialog .cateright .rwrap .rwrap-right {
    float: left;
    width: 223px;
}

.u-navcatedialog .cateright .rwrap .rwrap-right .tit {
    font-size: 16px;
    color: #333;
    margin-top: 19px;
}

.u-navcatedialog .cateright .rwrap .rwrap-right .links {
    padding-top: 10px;
    line-height: 26px;
}

.u-navcatedialog .cateright .rwrap.cur {
    display: block;
}

.u-navcatedialog .cateright .rwrap .tit {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

.u-navcatedialog .cateright .rwrap .mooctxt {
    padding-bottom: 38px;
}

.u-navcatedialog .cateright .rwrap .links {
    line-height: 25px;
    font-size: 12px;
    color: #666;
}

.u-navcatedialog .cateright .rwrap .links .slash {
    padding: 0 10px;
    color: #ccc;
}

.u-navcatedialog .cateright .picwrap {
    margin-top: 10px;
    display: inline-block;
}

.u-navcatedialog .cateright .pic {
    width: 200px;
    height: 140px;
}

.u-navapptip {
    top: 100%;
    left: -125px;
    padding: 20px;
    background-color: #fff;
    height: 140px;
    width: 310px;
    border: 1px solid #ddd;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
        z-index: 10000;
}

.u-navapptip .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
}

.u-navapptip .ewm {
    width: 140px;
    height: 140px;
    margin-right: 20px;
}

.u-navapptip .rcon {
    width: 150px;
}

.u-navapptip .rcon .txt {
    line-height: 28px;
    font-size: 17px;
    color: #666;
}

.u-navapptip .rcon .store {
    display: block;
    width: 150px;
    height: 44px;
    margin-top: 10px;
}

.u-navapptip .rcon .store.apple {
    background-position: 0 -28px;
}

.u-navapptip .rcon .store.android {
    background-position: 0 -76px;
}

.u-navsearchsug {
    background-color: white;
    position: absolute;
    border: 1px solid #ddd;
    right: -1px;
    left: initial;
    top: 36px;
    width: 330px;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.u-navsearchsug.vis {
    opacity: 1;
    visibility: visible;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.u-navsearchsug .j-cnt {
    width: 100%;
    color: #444;
    visibility: hidden;
}

.u-navsearchsug .zitm-top {
    width: 100%;
    text-indent: 6px;
    line-height: 32px;
    cursor: pointer;
}

.u-navsearchsug .zitm,.u-navsearchsug .zitm p {
    width: 100%;
    text-indent: 6px;
    line-height: 32px;
    cursor: pointer;
}

.u-navsearchsug .zitm a {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
}

.u-navsearchsug .zitm:hover,.u-navsearchsug .zitm:hover p {
    background-color: #f4f4f4;
}

.u-navsearchsug .js-selected,.u-navsearchsug .js-selected p {
    background-color: #f4f4f4;
}

.u-navsearchsug .zitm {
    line-height: 40px;
    position: relative;
}

.u-navsearchsug .zitm .vip-discount {
    padding: 0;
    width: 76px;
    height: 18px;
    font-size: 0;
    right: 8px;
  /*  background: url(//edu-image.nosdn.127.net/713e5563-2069-4619-bb47-134e0c125bf3.png?imageView&quality=100) no-repeat;
    -webkit-background-size: 100% 100%;*/
    background-size: 100%;
}

.u-navsearchsug .zitm .vip-free {
    padding: 0;
    width: 76px;
    height: 18px;
    font-size: 0;
    right: 8px;
   /* background: url(//edu-image.nosdn.127.net/596bd325-ca3b-4672-add0-55bb5c9ccab5.png?imageView&quality=100) no-repeat;
    -webkit-background-size: 100% 100%;*/
    background-size: 100%;
}

.u-navsearchsug .zitm a {
    padding-right: 70px;
    color: #444;
    font-size: 14px;
    padding-left: 5px;
    width: 240px;
}

.u-navsearchsug .zitm a span {
    color: #21a557;
}

.u-navsearchsug .zitm b {
    text-indent: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    padding: 0 5px;
    display: block;
    font-weight: normal;
    color: #fff;
    background: #f8f8f8;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.u-navsearchsug .zitm b.type-course {
    display: none;
}

.u-navsearchsug .zitm b.type-micro {
    background-color: #119bea;
}

.u-navsearchsug .zitm b.type-series {
    background-color: #49af4f;
}

.u-navsearchsug .img {
    position: absolute;
    top: 5px;
    left: 5px;
}

.u-navsearchsug .text {
    margin-left: 65px;
    height: 60px;
    overflow: hidden;
}

.u-navsearchsug .name {
    font-size: 12px;
    text-indent: 0;
    color: #666;
    line-height: 21px;
}

.u-navsearchsug .des {
    font-size: 12px;
    text-indent: 0;
    color: #999;
    line-height: 23px;
}

.u-navsearchsug .sep {
    border-top: 1px solid #e9e9e9;
}

.u-navsearchsug .sep a {
    font-family: '微软雅黑';
}

.u-navsearchsug .top a {
    font-family: '微软雅黑';
}

.u-navsearchsug .empty-suggest {
    width: 330px;
    background-color: #fff;
    padding-bottom: 10px;
}

.u-navsearchsug .empty-suggest_bar {
    line-height: 39px;
    height: 39px;
    display: inline-block;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
}

.u-navsearchsug .empty-suggest_bar.js-selected,.u-navsearchsug .empty-suggest_bar:hover {
    background-color: #fff;
    color: #999;
}

.u-navsearchsug .empty-suggest_zitm {
    height: 30px;
    display: inline-block;
    padding-left: 30px;
    color: #444;
    font-size: 14px;
    line-height: 30px;
    width: 300px;
    text-indent: 0;
}

.u-navsearchsug .empty-suggest_zitm.js-selected,.u-navsearchsug .empty-suggest_zitm:hover {
    background-color: #f4f4f4;
    color: #49af4f;
}

.u-navdropmenu {
    top: 100%;
    left: -25px;
    width: 160px;
    padding: 0px;
    background: #fff;
    border: 1px solid #ddd;
}

.u-navdropmenu .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
}

.u-navdropmenu .dropitem {
    text-align: left;
    line-height: 45px;
    font-size: 16px;
    color: #666;
    display: block;
}

.u-navdropmenu .dropitem span {
    margin: 0 15px;
    display: block;
    border-bottom: 1px solid #ddd;
}

.u-navdropmenu .dropitem:hover {
    background-color: #f8f8f8;
    color: #31a030;
}

.u-navdropmenu .dropitem.last span {
    border-bottom: none;
}

.u-navusermenu {
    position: absolute;
    right: -3px;
    top: 44px;
}

.u-navusermenu .arrr {
    top: -8px;
    right: 10px;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
}

.u-navusermenu ul.menu {
    padding: 8px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ddd;
}

.u-navusermenu ul.menu .text {
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    white-space: nowrap;
}

.u-navusermenu ul.menu li a {
    padding: 2px 10px 2px 10px;
    display: block;
    font-size: 12px;
    width: 140px;
    color: #666;
}

.u-navusermenu ul.menu li a:hover {
    background-color: #F3F4F6;
}

.u-navusermenu ul.menu li a.exit {
    border-top: 1px solid #e9e9e9;
}

.ux-cp-entrance-tips {
    border: 1px solid #ddd;
    background: #ffffcc;
    -webkit-box-shadow: 0px 1px 2px #999;
    box-shadow: 0px 1px 2px #999;
    width: 211px;
    height: 100px;
    padding: 20px 10px;
    line-height: 18px;
    text-align: left;
    right: -9px;
    top: 77px;
    color: #333;
    font-size: 12px;
}

.ux-cp-entrance-tips:after,.ux-cp-entrance-tips:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.ux-cp-entrance-tips:after {
    border-width: 8px;
    border-bottom-color: #ffffcc;
    top: -16px;
    left: 200px;
}

.ux-cp-entrance-tips:before {
    border-width: 8px;
    border-bottom-color: #999;
    top: -17px;
    left: 200px;
}

.ux-cp-entrance-tips_text {
    text-align: justify;
    margin-bottom: 10px;
}

.ux-cp-entrance-tips_textTop {
    margin-bottom: 3px;
}

.ux-cp-entrance-tips_ok {
    width: 82px;
    height: 34px;
    line-height: 34px;
    background: #49AF4F;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.m-tel-login {
    width: 340px;
}

.m-tel-login .inputbox {
    z-index: 19;
    position: relative;
    height: 44px;
    margin-bottom: 16px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 44px;
}

.m-tel-login .inputbox .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}

.m-tel-login .inputbox .u-logo div {
    width: 22px;
    height: 24px;
   /* background: url(//nos.netease.com/edu-image/7A13709D12D506BA8CC110D88FFA1E68.png) -9999px -9999px no-repeat;*/
}

.m-tel-login .inputbox .u-logo .u-logo-tel {
    background-position: 0 -78px;
}

.m-tel-login .inputbox .u-logo .u-logo-pwd {
    background-position: 0 -43px;
}

.m-tel-login .inputbox .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-tel-login .inputbox .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-tel-login .inputbox .u-input input {
    font-size: 16px;
    color: #333;
}

.m-tel-login .inputbox .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox.err {
    border: 1px solid #fe5653;
}

.m-tel-login .m-error-box {
    margin-bottom: 10px;
}


.m-tel-login .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-tel-login .u-loginbtn {
    width: 100%;
    height: 44px;
    text-align: center;
    color: #fff;
    background: #ddd;
    font-size: 18px;
    line-height: 44px;
    background: #74B96E;
    margin-top: 16px;
    margin-bottom: 12px;
}

.m-tel-login .u-loginbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-tel-login .u-loginbtn.ready:hover {
    background-color: #4BA743;
}

.m-tel-login .m-unlogin {
    padding: 2px 0 9px 0;
    font-size: 0;
    height: 16px;
    color: #999;
    line-height: 16px;
}

.m-tel-login .m-unlogin .b-unlogin {
    display: block;
    width: 104px;
    float: left;
    border-right: solid 1px #ccc;
    margin-right: 8px;
}

.m-tel-login .m-unlogin .b-unlogin .u-checkbox {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border: solid 1px #aaa;
    color: #999;
    font-size: 12px;
}

.m-tel-login .m-unlogin .b-unlogin .u-checkbox input.un-login {
    padding-left: 0;
    color: #333;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}

.m-tel-login .m-unlogin .b-unlogin .u-checkbox.u-checkbox-select {
    background-position: -330px -92px;
}

.m-tel-login .m-unlogin .b-unlogin label {
    display: block;
    float: left;
    height: 16px;
    padding-left: 8px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
}

.m-tel-login .m-unlogin .forgetpwd {
    float: left;
    height: 12px;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

.m-tel-login .m-unlogin .u-regbtn {
    cursor: pointer;
    font-size: 12px;
    float: right;
    color: #39a030;
    line-height: 16px;
}

.m-loginbox {
    width: 605px;
    min-height: 340px;
    text-align: left;
}

.m-loginbox .title {
    font-size: 24px;
    color: #999;
    font-size: 22px;
    width: 340px;
    border-bottom: 2px solid #ebebeb;
    margin-left: 40px;
    margin-bottom: 30px;
}

.m-loginbox .title .u-tab {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 170px;
    padding: 0 14px 14px;
    cursor: pointer;
    text-align: center;
}

.m-loginbox .title .z-sel {
    color: #333;
}

.m-loginbox .title .z-sel:after {
    position: absolute;
    display: block;
    content: " ";
    height: 2px;
    text-align: -9999px;
    width: 170px;
    background: #2aa126;
    z-index: 2;
    bottom: -2px;
    left: 0;
}

.m-loginbox .telContainer {
    padding: 0 40px;
}

.m-loginbox .login-img {
    padding: 0 35px;
    margin-bottom: -29px;
}

.m-loginbox .bd {
    height: 197px;
    margin: 0 0 0 10px;
    border-left: 1px solid #e7e7e7;
}

.m-loginbox .bd .bdtxt {
    top: 85px;
    left: -7px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    z-index: 10;
    color: #aaa;
}

.m-loginbox .side {
    width: 90px;
    padding: 0px 0 8px 44px;
    margin-top: -10px;
}

.m-loginbox .side .logintip {
    padding: 0;
}

.m-loginbox .side .socialBox a {
    display: block;
    margin: 15px 0;
    width: 90px;
    height: 25px;
 
}


.m-loginbox .side .socialBox .itm1 {
    background-position: -10px -13px;
}

.m-loginbox .side .socialBox .itm1:hover {
    background-position: -10px -53px;
}

.m-loginbox .side .socialBox .itm2 {
    background-position: -112px -13px;
}

.m-loginbox .side .socialBox .itm2:hover {
    background-position: -112px -53px;
}

.m-loginbox .side .socialBox .itm3 {
    background-position: -215px -13px;
}

.m-loginbox .side .socialBox .itm3:hover {
    background-position: -215px -53px;
}

.m-loginbox .side .socialBox .itm4 {
    background-position: -11px -277px;
}

.m-loginbox .side .socialBox .itm4:hover {
    background-position: -116px -277px;
}

.m-loginbox .side .socialBox .itm5 {
    background-position: -10px -316px;
}

.m-loginbox .side .socialBox .itm5:hover {
    background-position: -115px -316px;
}

.m-loginbox .logintip {
    padding-left: 35px;
    color: #999;
    font-size: 12px;
}

.m-loginbox .wrap {
    z-index: 100;
    width: 420px;
    min-height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-loginbox .wrap .form_content {
    margin: 0 auto;
    width: 300px;
}

.m-loginbox .itm .placeholder {
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

.m-loginbox .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 15px;
    line-height: 15px;
}

.m-loginbox .itm-1 .lb {
    float: left;
}

.m-loginbox .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

.m-loginbox .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

.m-loginbox .reg {
    width: 100%;
    height: 18px;
    line-height: 18px;
}

.m-loginbox .reg a {
    text-align: left;
    color: #999;
    display: block;
    font-size: 12px;
}

.m-loginbox .reg a em {
    color: #21a557;
}

.m-loginbox .u-tt3 {
    font-weight: bold;
    padding-left: 22px;
    height: 30px;
    line-height: 30px;
    border-left: 8px solid #545454;
}

.m-retrievePwd-box {
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-retrievePwd-box .boxwrap .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container,.m-retrievePwd-box .boxwrap .m-pwdinput-container {
    width: 358px;
    margin: 30px auto;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo div,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo div {
    width: 22px;
    height: 24px;
   /* background: url(//nos.netease.com/edu-image/2F3FB7E553400651D645FBAA0B301C55.png) -9999px -9999px no-repeat;*/
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-tel,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-tel {
    background-position: 0 -24px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-code,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-code {
    background-position: 0px -76px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-pwd,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-pwd {
    background-position: 0 -50px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input .prefix,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input input {
    font-size: 16px;
    color: #333;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-webkit-input-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-moz-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-moz-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-ms-input-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox.err,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox.err {
    border: 1px solid #fe5653;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox {
    width: 200px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input {
    width: 175px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input input {
    width: 130px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn {
    background: #ffffff;
    border: 1px solid #2aa126;
    width: 148px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #2aa126;
    cursor: pointer;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn.z-dis,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn.z-dis {
    background: #f8f8f8;
    color: #999;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    cursor: default;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .m-error-box,.m-retrievePwd-box .boxwrap .m-pwdinput-container .m-error-box {
    margin-bottom: 12px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrortail,.m-retrievePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrortail {

    width: 18px;
    background-position: -217px -34px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrorhead,.m-retrievePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn {
    background: #71bb6b;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready:hover,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready:hover {
    background-color: #4BA743;
}

.m-retrievePwd-box .boxwrap .m-bottom-back {
    background: #f8f8f8;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.m-changePwd-box {
    width: 618px;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-changePwd-box .boxwrap .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 2px solid #d8d8d8;
}

.m-changePwd-box .boxwrap .m-telcheck-container,.m-changePwd-box .boxwrap .m-pwdinput-container {
    width: 358px;
    margin: 30px auto;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .tellogo,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .tellogo,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .tellogo,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .tellogo {
    top: 5px;
    width: 24px;
    height: 35px;
  /*  background: url(//nos.netease.com/edu-image/2FA9F80612F4A8C77853F8333628E07F.png) 0px -425px no-repeat;*/
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .telnumber,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .telnumber,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .telnumber,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .telnumber {
    font-size: 16px;
    color: #333333;
    text-align: left;
    height: 22px;
    width: 180px;
    top: 0;
    left: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .tips,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .tips,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .tips,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .tips {
    font-size: 14px;
    color: #999999;
    text-align: left;
    width: 285px;
    height: 20px;
    bottom: 0;
    left: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo div,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo div,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo div,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo div {
    width: 22px;
    height: 24px;
  /*  background: url(//nos.netease.com/edu-image/2FA9F80612F4A8C77853F8333628E07F.png) -9999px -9999px no-repeat;*/
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-tel {
    background-position: 0 -24px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-code {
    background-position: 0px -76px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-pwd {
    background-position: 0 -50px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input .prefix,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input .prefix,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input .prefix,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input input,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input input {
    font-size: 16px;
    color: #333;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .tel-box,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box {
    border: none;
    line-height: normal;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox.err,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox.err {
    border: 1px solid #fe5653;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox {
    width: 200px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input {
    width: 175px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input input {
    width: 130px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn {
    background: #ffffff;
    border: 1px solid #2aa126;
    width: 148px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #2aa126;
    cursor: pointer;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn.z-dis,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn.z-dis {
    background: #f8f8f8;
    color: #999;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    cursor: default;
}

.m-changePwd-box .boxwrap .m-telcheck-container .m-error-box,.m-changePwd-box .boxwrap .m-pwdinput-container .m-error-box {
    margin-bottom: 12px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrortail,.m-changePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrortail {

    height: 15px;
    width: 18px;
    background-position: -217px -34px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrorhead,.m-changePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn {
    background: #71bb6b;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready:hover,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready:hover {
    background-color: #4BA743;
}

.m-changePwd-box .boxwrap .m-bottom-back {
    background: #f8f8f8;
    width: 618px;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.m-tel-image-validate-code {
    width: 240px;
    height: 114px;
    background: #FFFECC;
    padding: 20px;
    z-index: 99;
    top: 60px;
    right: -72px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.m-tel-image-validate-code_triangleUp {
    width: 16px;
    height: 16px;
    background: #FFFECC;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: -9px;
    left: 128px;
}

.m-tel-image-validate-code_tip {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.m-tel-image-validate-code_inputwrap {
    margin-bottom: 10px;
}

.m-tel-image-validate-code_inputbox > input {
    width: 106px;
    height: 34px;
    background: #fff;
    border: 1px solid #D8D8D8;
    margin-right: 10px;
    padding: 0 6px;
    font-size: 14px;
}

.m-tel-image-validate-code_imgbox img {
    width: 80px;
    height: 34px;
    margin-right: 6px;
}

.m-tel-image-validate-code_refreshbox {
    font-size: 12px;
    color: #2AA126;
    line-height: 34px;
    cursor: pointer;
}

.m-tel-image-validate-code_btnBox {
    width: 68px;
    height: 34px;
    background: #2FA030;
    line-height: 34px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
}

.m-tel-image-validate-code_errBox {
    line-height: 34px;
    color: #FF1D00;
    font-size: 12px;
}

.m-tel-image-validate-code_errBox .erricon {
    /*background: url(http://edu-image.nosdn.127.net/13AA6585F2CA4C8E5F2463EE8292A12D.png?imageView&quality=100) no-repeat;*/
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-right: 6px;
}

.m-tel-image-validate-code_close {
    top: 8px;
    right: 8px;
    font-size: 12px;
    cursor: pointer;
}

.m-tel-reg {
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-tel-reg input::-webkit-input-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-moz-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input::-moz-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-ms-input-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-webkit-autofill {
    background: #fff !important;
}

.m-tel-reg .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
}

.m-tel-reg .m-tel-reg-container {
    width: 358px;
    margin: 30px auto;
}

.m-tel-reg .m-error-box {
    color: #fa5b5b;
}

.m-tel-reg .inputbox {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-tel-reg .inputbox:last-child {
    margin-bottom: 0;
}

.m-tel-reg .inputbox.err {
    border: 1px solid #fa6060;
}

.m-tel-reg .inputbox .u-logo {
    width: 10%;
    float: left;
    text-align: center;
}

.m-tel-reg .inputbox .u-logo .u-logo-tel {
    margin-top: 13px;
/*    background: url(//nos.netease.com/edu-image/2FA9F80612F4A8C77853F8333628E07F.png) no-repeat 2px -26px;*/
    display: inline-block;
    height: 20px;
    width: 20px;
}

.m-tel-reg .inputbox .u-logo .u-logo-code {
    margin-top: 13px;
   /* background: url(//nos.netease.com/edu-image/2FA9F80612F4A8C77853F8333628E07F.png) no-repeat 0 -78px;*/
    display: inline-block;
    height: 20px;
    width: 20px;
}

.m-tel-reg .inputbox .u-logo .u-logo-pwd {
    margin-top: 13px;
   /* background: url(//nos.netease.com/edu-image/2FA9F80612F4A8C77853F8333628E07F.png) no-repeat 0 -52px;*/
    display: inline-block;
    height: 20px;
    width: 20px;
}

.m-tel-reg .inputbox .u-input {
    float: left;
    width: 80%;
    padding: 0;
    height: 24px;
    padding: 10px 0;
}

.m-tel-reg .inputbox .u-input > input {
    height: 24px;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    display: block;
    font-weight: normal;
    padding: 0;
    line-height: normal;
    font-family: "微软雅黑";
}

.m-tel-reg .code-input-box .inputbox {
    width: 61.5%;
    float: left;
}

.m-tel-reg .code-input-box .u-logo {
    width: 17%;
}

.m-tel-reg .u-codebtn {
    width: 35.38%;
    float: right;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    color: #999;
}

.m-tel-reg .u-codebtn.ready {
    border: 1px solid #39a030;
    color: #39a030;
    cursor: pointer;
}

.m-tel-reg .u-counting {
    background: rgba(230, 234, 242, 0.2);
    border: 1px solid #d8d8d8;
    color: #999;
    cursor: default;
}

.m-tel-reg .u-loginbtn {
    width: 100%;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    background: #71bb6b;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
}

.m-tel-reg .u-loginbtn.ready {
    background: #39a030;
}

.m-tel-reg .m-bottom-back {
    background: #f8f8f8;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.u-txt {
    border: 1px solid #dfdfdf;
    background: #f1f1f1;
    width: 293px;
}

.u-txt .txt {
    height: 20px;
    width: 281px;
    padding: 10px 5px 13px;
    line-height: 20px;
    border: 2px solid #f1f1f1;
    border-width: 2px 0 0 2px;
    background: #fafafa;
    font-size: 16px;
}

.f-err {
    border-color: #ff6666;
}

.m-loginbox .itm-1 .u-forget {
    color: #10ae58;
}

.m-loginbox .itm-1 .u-reg {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 12px;
    color: #10ae58;
}

.m-loginbox .tiptlt {
    color: #999;
    font-size: 12px;
}

.m-loginbox .u-btn0 {
    margin: 12px 0 30px;
    display: block;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
}

.m-loginbox .u-btn0 span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-loginbox .u-btn0:hover {
    background-position: 70px -350px;
}

.m-loginbox .u-btn0:hover span {
    background-position: -40px -350px;
}

.m-loginbox .u-btn0:active {
    background-position: 70px -400px;
}

.m-loginbox .u-btn0:active span {
    background-position: -40px -400px;
}

.m-loginbox .tips {
    color: #999;
    font-weight: normal;
    font-size: 12px;
}

.m-loginbox .tips a {
    color: #10ae58;
    font-size: 12px;
}

.m-loginbox .tips a:hover {
    text-decoration: underline;
}

.m-login {
    padding: 0 35px;
}

.m-login .loginTip {
    width: 273px;
    height: 80px;
    top: 55px;
    left: 35px;
    padding: 10px;
    border: none;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

.m-login .loginTip .anobtn {
    font-size: 12px;
    color: #10ae58;
    margin-top: 25px;
}

.m-login .loginTip .anobtn:hover {
    text-decoration: underline;
}

.m-login .loginTip .tip {
    font-size: 12px;
    color: #999;
}

.m-login .loginTip .u-btn {
    margin-top: 15px;
    display: block;
    width: 72px;
    width: 72px;
    text-decoration: none;
    background-position: 62px 0px;
}

.m-login .loginTip .u-btn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 52px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-login .loginTip .u-btn:hover {
    background-position: 62px -50px;
}

.m-login .loginTip .u-btn:hover span {
    background-position: -40px -50px;
}

.m-login .loginTip .u-btn:active {
    background-position: 62px -100px;
}

.m-login .loginTip .u-btn:active span {
    background-position: -40px -100px;
}

.m-login .itm .placeholder {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

.m-login .itm1 {
    margin-top: 11px;
}

.m-login .itm2 {
    margin-top: 15px;
}

.m-login .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 16px;
    line-height: 14px;
}

.m-login .itm-1 .lb {
    float: left;
}

.m-login .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

.m-login .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

.m-login .u-submit {
    width: 300px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    cursor: pointer;
 
    background-position: 2px 0;
}

.m-login .u-submit:hover {
    background-position: 2px -71px;
}

.m-login .u-submit:active {
    background-position: 3px -144px;
}

.u-info {
    position: absolute;
    left: 5px;
    top: 155px;
    padding: 8px;
    width: 195px;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

.u-info p {
    line-height: 20px;
    font-size: 12px;
}

.u-info .arr {
    position: absolute;
    left: 28px;
    top: -9px;
    width: 20px;
    height: 10px;
    background: url(../images/ui_sprite.png) no-repeat 9999px 9999px;
    background-position: 0 -540px;
}

.u-loginSet-box {
    min-width: 440px;
    min-height: 340px;
}

.ux-login-set-login-set-panel {
    padding: 0 40px 40px;
    margin-top: -20px;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs .ux-tabs-underline_hd > li.z-sel {
    border-bottom: 2px solid #49af4f;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs .ux-tabs-underline {
    margin-bottom: 0;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs_ui-box {
    max-height: 400px;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs_ui-box .ux-login-urs-phone-wrap {
    min-height: 260px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box {
    max-height: 450px;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_submitbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_submitbtn:hover {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_goregister {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_goregister:hover {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_checkbox {
    color: #49af4f;
}

.ux-login-set-login-set-panel .ux-login-urs-phone-wrap .goReg,.ux-login-set-login-set-panel .ux-login-set-regist-wrap .goLogin {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register_codebtn {
    color: #49af4f;
    border-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register-loginbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register-back {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_codebtn {
    color: #49af4f;
    border-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_nextbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_nextbtn.ready:hover {
    background-color: #0089E2;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_back {
    color: #49af4f;
}

.ux-login-set-login-set-panel .ux-passport-phone-login {
    margin-top: 30px;
}

.ux-login-set-login-set-panel .ux-passport-phone-login_icon_pwd {
    position: relative;
    top: -11px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-pp-register_inputbox input {
    padding: 0 12px 0 38px;
    float: left;
    line-height: 42px;
    height: 42px;
}

.ux-login-set-login-set-panel .ux-pp-register_inputbox_tel input {
    padding-left: 58px !important;
    left: 2px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-pp-register_inputbox_code input {
    width: 180px;
}

.ux-login-set-login-set-panel .ux-ppr-password_codebox .ux-input {
    padding-left: 35px;
}

.ux-login-set-login-set-panel .ux-login-urs-phone-wrap .ux-input2_reset {
    right: -25px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-input2_reset {
    right: -6px;
}

.ux-login-set-login-set-panel .ux-ppr-password_pwdbox .ux-input2_reset {
    right: -25px;
}

.ux-login-set-login-set-panel .ux-ppr-password_pwdbox .ux-input2_addon {
    margin-top: -23px;
}

.hidddenClass {
    visibility: hidden;
}

.m-nav-promote {
    width: 100%;
    background-color: #fff;
    font-size: 14px;
}

.m-nav-promote table {
    display: table;
    margin: 0 auto;
    width: 1203px;
    background-image: url(//nos.netease.com/edu-image/bcb6d9b9-1753-4f6c-9c1f-187d5db325b4.png?imageView&quality=100);
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.m-nav-promote table td {
    text-align: left;
}

.m-nav-promote table td .title {
    width: 397px;
}

.m-nav-promote table img {
    vertical-align: middle;
}

.m-nav-promote table .hover-blue {
    display: inline-block;
    border-right: 1px solid #e0003a;
    text-align: center;
    line-height: 31px;
    color: #fff;
    background-color: #ff0042;
    cursor: pointer;
    border-left: 0;
    width: 110px;
}

.m-nav-promote table .hover-blue:hover {
    background-color: #381e84;
    border-color: #381e84;
}

.m-nav-promote table .disabled {
    height: 31px;
    background-color: #8b849f;
    border-color: #8b849f;
    line-height: normal;
    font-size: 12px;
}

.m-nav-promote table .disabled span {
    color: #fff600;
    font-size: 12px;
}

.m-nav-promote table .disabled:hover {
    background-color: #8b849f;
    border-color: #8b849f;
}

.m-nav-promote .line-left {
    position: absolute;
    height: 26px;
    width: 24px;
    background-image: url(//nos.netease.com/edu-image/5d3ee19a-1bee-4432-8078-7bde01e8c6afl.png?imageView&quality=100);
    top: -7px;
    left: -23px;
}

.m-nav-promote .line-right {
    position: absolute;
    height: 29px;
    width: 22px;
    background-image: url(//nos.netease.com/edu-image/90171b58-2672-463f-ab56-64c054b47a4b.png?imageView&quality=100);
    background-repeat: no-repeat;
    top: 0px;
    right: -21px;
}

.m-nav-mindbindtips {
    border: 1px solid #ddd;
    background: #ffffcc;
    -webkit-box-shadow: 0px 1px 2px #999;
    box-shadow: 0px 1px 2px #999;
    width: 225px;
    text-align: left;
    right: -2px;
    top: 77px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
}

.m-nav-mindbindtips:after,.m-nav-mindbindtips:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.m-nav-mindbindtips:after {
    border-width: 8px;
    border-bottom-color: #ffffcc;
    top: -16px;
    left: 221px;
}

.m-nav-mindbindtips:before {
    border-width: 8px;
    border-bottom-color: #999;
    top: -17px;
    left: 221px;
}

.m-nav-mindbindtips .cntwrap a {
    color: #10ae58;
}

.m-nav-mindbindtips .cntwrap a:hover {
    text-decoration: underline;
}

.m-nav-mindbindtips .close {
    position: relative;
    display: inline-block;
    top: 2px;
    left: 10px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(../images/ui_sprite.png) 0px -510px no-repeat;
}

.m-maintainInfo {
    background-color: #ffffcc;
    width: 100%;
    height: 32px;
}

.m-maintainInfo .maintainui {
    margin-bottom: 0;
}

.advertisement_box {
    width: 140px;
    height: 260px;
    bottom: 190px;
    left: 0;
    z-index: 200;
}

.u-appbannerwrap {
    width: 100%;
}

.m-yktNav {
}

.m-yktNav .m-logo {
    float: left;
    height: 35px;
    margin-top: 11px;
    overflow: hidden;
    margin-right: 24px;
}

.m-yktNav .m-logo a {
    display: block;
    padding-top: 3px;
    padding-left: 0;
}

.m-yktNav .g-flow {
    width: 1205px;
}

.m-yktNav .m-nav {
    position: relative;
    zoom: 1;
    display: inline;
    float: left;
    height: 60px;
}

.m-yktNav .m-nav .nitem {
    position: relative;
    cursor: pointer;
    float: left;
    color: #eee;
    font-size: 16px;
    line-height: 60px;
    padding: 0 12px;
}

.m-yktNav .m-nav .nitem.down-wrap {
    padding: 0;
}

.m-yktNav .m-nav .nitem.down-wrap .downApp {
    padding: 0 12px;
    display: inline-block;
    height: 100%;
}

.m-yktNav .m-nav .nitem.selected {
    color: #fff;
    background-color: #EC864E;
}

.m-yktNav .m-nav .nitem.cur {
    color: #fff;
    background-color: #484C57;
}

.m-yktNav .m-nav .nitem:hover {
    background-color: #EC864E;
}

.m-yktNav .m-nav .xxzxtip {
    top: 100%;
    left: 344px;
    width: 300px;
    padding: 10px;
    background-color: #ffd200;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 19px;
}

.m-yktNav .m-nav .xxzxtip .arrr {
    border-color: transparent transparent #ffd200 transparent;
    border-width: 3px 6px;
    border-style: solid;
    top: -6px;
    left: 24px;
}

.m-yktNav .m-nav .xxzxtip .xxzxtip-close {
    cursor: pointer;
    right: 8px;
    top: 8px;
}

.m-yktNav .m-nav .xxzxtip .xxzxtip-close:hover {
    color: #fff;
}

.m-yktNav .m-nav .toggledrop {
    display: none;
}

.m-yktNav .m-nav .nitem:hover .toggledrop,.m-yktNav .m-nav .nitem.active .toggledrop {
    display: block;
}

.m-yktNav .userinfo {
    padding: 15px 0;
    height: 30px;
    line-height: 30px;
}

.m-yktNav .userinfo .exchange {
    float: right;
    color: #ff9600;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record {
    position: absolute;
    top: 45px;
    left: 20px;
    background-color: #fff;
    width: 260px;
    border: 1px solid #ddd;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record .arr {
    top: -9px;
    left: 22px;
    margin-left: 0;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
    z-index: 1;
    position: absolute;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record .record-tit {
    font-size: 14px;
    color: #333;
    padding-left: 10px;
    padding-top: 10px;
    line-height: 19px;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li {
    height: 33px;
    padding: 9px 10px;
    margin-bottom: 6px;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li:hover {
    background-color: #f6f6f6;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li:hover .course-name {
    color: #30a033;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li img {
    width: 33px;
    height: 33px;
    margin-right: 9px;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li .course-name,.m-yktNav .userinfo .u-mystudy .u-learn-record li .lesson-name {
    font-size: 12px;
    line-height: 16px;
    width: 192px;
    color: #333;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record li .lesson-name {
    color: #888;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record .more {
    line-height: 40px;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #666;
    background: #f6f6f6;
}

.m-yktNav .userinfo .u-mystudy .u-learn-record .more:hover {
    color: #39a030;
}

.m-yktNav .userinfo .unlogin {
    text-align: right;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
}

.m-yktNav .userinfo .unlogin .face {
    width: 30px;
    height: 30px;
}

.m-yktNav .userinfo .unlogin .face img {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.m-yktNav .userinfo .unlogin .eventwrap {
    float: right;
    margin-left: 10px;
}

.m-yktNav .userinfo .unlogin .noteventwrap {
    float: right;
}

.m-yktNav .userinfo .unlogin .noteventwrap a {
    float: right;
    margin-left: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.m-yktNav .userinfo .unlogin .noteventwrap a:hover {
    color: #10ae58;
}

.m-yktNav .userinfo .unlogin .noteventwrap a.j-nav-loginBtn {
    margin: 0 0 0 25px;
}

.m-yktNav .userinfo .unlogin .noteventwrap .mystudy {
    margin-left: 40px;
}

.m-yktNav .userinfo .unlogin .noteventwrap .line {
    float: right;
}

.m-yktNav .userinfo .unlogin .noteventwrap .line:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #aaa;
    margin: 0 23px 0 21px;
    vertical-align: middle;
}

.m-yktNav .userinfo .unlogin a.changeLogin {
    padding: 5px 10px;
    color: #fff;
    background-color: #ff9600;
}

.m-yktNav .userinfo .unlogin a.changeLogin:hover {
    background-color: #ffa800;
}

.m-yktNav .userinfo .login {
}

.m-yktNav .userinfo .login .name {
    float: right;
    color: #999;
    text-align: right;
    margin: 0 0 0 4px;
}

.m-yktNav .userinfo .login .name .face {
    width: 30px;
    height: 30px;
}

.m-yktNav .userinfo .login .name .face img {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.m-yktNav .userinfo .login .line {
    float: right;
}

.m-yktNav .userinfo .login .line:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #aaa;
    margin: 0 23px 0 -4px;
    vertical-align: middle;
}

.m-yktNav .userinfo .login .vip {
    width: 18px;
    height: 14.5px;
    background: url(//edu-image.nosdn.127.net/068275dd-b9c3-449f-824c-56c0257e5fd3.png?imageView&quality=100) no-repeat;
    -webkit-background-size: 18px 14.5px;
    background-size: 18px 14.5px;
    top: 7.5px;
    margin-right: 4px;
}

.m-yktNav .userinfo .login .username {
    max-width: 97px;
    float: right;
    color: #fff;
}

.m-yktNav .userinfo .login .username:hover {
    color: #10ae58;
}

.m-yktNav .userinfo .login .mystudy {
    float: right;
    color: #fff;
    margin: 0 12px 0 20px;
    font-size: 14px;
}

.m-yktNav .userinfo .login .mystudy:hover {
    color: #10ae58;
}

.m-yktNav .userinfo .login .mes,.m-yktNav .userinfo .login .cart,.m-yktNav .userinfo .login .vipEntrance {
    float: right;
    margin-right: 12px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
}

.m-yktNav .userinfo .login .mes:hover,.m-yktNav .userinfo .login .cart:hover,.m-yktNav .userinfo .login .vipEntrance:hover {
    color: #10ae58;
}

.m-yktNav .userinfo .login .mes .num,.m-yktNav .userinfo .login .cart .num,.m-yktNav .userinfo .login .vipEntrance .num {
    font-size: 12px;
    color: #ff4400;
}

.m-yktNav .userinfo .login .im-tips {
    height: 35px;
    position: absolute;
    width: 175px;
    top: 60px;
    background: #fffdc9;
    right: 0;
    -webkit-box-shadow: 0px 1px 1px #666;
    box-shadow: 0px 1px 1px #666;
}

.m-yktNav .userinfo .login .im-tips:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -18px;
    left: 150px;
    border: 10px solid transparent;
    border-bottom-color: #fffdc9;
}

.m-yktNav .userinfo .login .im-tips .content {
    width: 150px;
    float: left;
    text-align: center;
    line-height: 35px;
    color: #666;
    overflow: hidden;
    cursor: pointer;
}

.m-yktNav .userinfo .login .im-tips .close {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
    background: url(//nos.netease.com/test-edu-image/87E0380D962D5B2BD332691243A6FF02-1453801344006);
    background-position: 2px -60px;
}

.m-yktNav .userinfo .login .im-tips .close:hover {
    background-position: -15px -60px;
}

.m-yktNav .u-navsearchUI {
    position: relative;
    margin: 12px 0 0 0;
    background-color: #fff;
    float: right;
    height: 34px;
    border: 1px solid #49af4f;
    padding-right: 34px;
    width: 296px;
    -o-transition: width 0.2s ease-out 0s;
    -webkit-transition: width 0.2s ease-out 0s;
    transition: width 0.2s ease-out 0s;
}

.m-yktNav .u-navsearchUI.off {
    width: 224px;
    background-color: #eee;
    -o-transition: width 0.2s ease-out 0s;
    -webkit-transition: width 0.2s ease-out 0s;
    transition: width 0.2s ease-out 0s;
}

.m-yktNav .u-navsearchUI.off .delete-local {
    display: none;
}

.m-yktNav .u-navsearchUI.off .search-type .select-list {
    background-color: #eee;
}

.m-yktNav .u-navsearchUI.off .box input {
    background-color: #eee;
}

.m-yktNav .u-navsearchUI .search-type {
    line-height: 34px;
    cursor: pointer;
    position: relative;
}

.m-yktNav .u-navsearchUI .search-type .bottom-arr {
    content: " ";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-width: 4px 3px;
    border-top-color: #666;
    display: inline-block;
    right: 0;
    top: 16px;
}

.m-yktNav .u-navsearchUI .search-type .selected-type .selected-type-txt {
    color: #666;
    margin: 0 0 0 9px;
}

.m-yktNav .u-navsearchUI .search-type .selected-type:hover .selected-type-txt {
    color: #49af4f;
}

.m-yktNav .u-navsearchUI .search-type .selected-type:hover .bottom-arr {
    border-top-color: #49af4f;
}

.m-yktNav .u-navsearchUI .search-type .select-list {
    line-height: 40px;
    padding: 0 9px;
    width: 49px;
    background-color: #fff;
    border: 1px solid #49af4f;
    border-top: none;
    left: -1px;
}

.m-yktNav .u-navsearchUI .search-type .select-list:hover {
    color: #49af4f;
}

.m-yktNav .u-navsearchUI .box {
    overflow: hidden;
    background: #fff;
    position: relative;
}

.m-yktNav .u-navsearchUI .box input {
    background-color: #fff;
    height: 34px;
    line-height: 34px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    text-indent: 5px;
    border: none;
}

.m-yktNav .u-navsearchUI .box label {
    height: 36px;
    position: absolute;
    top: 0px;
    left: 5px;
    color: #aaa;
    font-size: 14px;
    cursor: text;
    line-height: 34px;
}

.m-yktNav .u-navsearchUI .delete-local {
    right: 10px;
    top: 45px;
    color: #999;
    z-index: 1000;
}

.m-yktNav .u-navsearchUI .delete-local:hover {
    color: #49af4f;
}

.m-yktNav .u-navsearchUI .delete-local .clear-trash {
    margin-right: 4px;
    position: relative;
    top: 1px;
    font-size: 14px;
}

.m-yktNav .u-navsearchUI .submit {
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    right: 0;
    top: 0;
    background-image: url(//nos.netease.com/test-edu-image/34BB5668E77F7D10A8581CBFAB5EA5CF.png?imageView&thumbnail=36z36);
}

.m-yktNav .u-navsearchUI .submit:hover {
    background-image: url(//nos.netease.com/test-edu-image/9FFE3911A7E9E7C8DA028C542D7287DA.png?imageView&thumbnail=36z36);
}

.m-yktNav .m-navrgt {
    *width: 400px;
}

.m-yktNav .m-navrgt2 {
    min-width: 100px;
}

.m-yktNav .m-navrgt2 .u-navsearchUI {
    position: absolute;
    width: 125px;
    margin: 0;
    top: 15px;
    left: -133px;
}

.m-yktNav .m-navrgt2 .u-navsearchUI .box {
    overflow: hidden;
}

.m-yktNav .m-navrgt2 .u-navsearchUI .off {
    background: transparent;
    border-color: transparent;
    overflow: hidden;
}

.m-yktNav .m-navrgt2 .u-navsearchUI .off label {
    display: none;
}

.m-yktNav .m-navrgt2 .u-navsearchUI2 {
    width: auto;
    right: 0;
}

.ux-cp-entrance {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #F6F6F6;
    font-size: 14px;
    color: #666;
}

.ux-cp-entrance_enterprise,.ux-cp-entrance_admin,.ux-cp-entrance_open {
    cursor: pointer;
}

.ux-cp-entrance_enterprise:hover,.ux-cp-entrance_admin:hover,.ux-cp-entrance_open:hover {
    color: #49AF4F;
}

.ux-cp-entrance_admin {
    margin-left: 36px;
}

.ux-cp-entrance_text {
    text-align: justify;
    margin-bottom: 10px;
}

.ux-cp-entrance_tips {
    border: 1px solid #ddd;
    background: #ffffcc;
    -webkit-box-shadow: 0px 1px 2px #999;
    box-shadow: 0px 1px 2px #999;
    width: 180px;
    height: 110px;
    padding: 20px 10px;
    line-height: 18px;
    text-align: left;
    right: -2px;
    top: 32px;
    color: #333;
    font-size: 12px;
}

.ux-cp-entrance_tips:after,.ux-cp-entrance_tips:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.ux-cp-entrance_tips:after {
    border-width: 8px;
    border-bottom-color: #ffffcc;
    top: -16px;
    left: 156px;
}

.ux-cp-entrance_tips:before {
    border-width: 8px;
    border-bottom-color: #999;
    top: -17px;
    left: 156px;
}

.ux-cp-entrance_tips_ok {
    width: 82px;
    height: 34px;
    line-height: 34px;
    background: #49AF4F;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.m-yktFoot {
    background: #e6e6e6;
}

.m-yktFoot .ftwrapper {
    margin: 0 auto;
    line-height: 23px;
    position: relative;
    color: #fff;
}

.m-yktFoot .ftwrapper .ftlf {
    width: 702px;
    padding: 30px 0;
}

}

.m-yktFoot .ftwrapper .ftlf .txt {
    width: 740px;
    line-height: 22px;
    margin-bottom: 11px;
}

.m-yktFoot .ftwrapper .ftlf .about {
    line-height: 19px;
}

.m-yktFoot .ftwrapper .ftlf .about a {
    margin-right: 17px;
    padding: 0;
}

.m-yktFoot .ftwrapper .ftlf a {
    color: #fff;
}

.m-yktFoot .ftwrapper .ftlf a:hover {
    text-decoration: underline;
}

.m-yktFoot .ftwrapper .ftrt {
    padding: 30px 0px;
    font-size: 12px;
    text-align: right;
    line-height: 22px;
}

.m-yktFoot .ftwrapper .ftrt a,.m-yktFoot .ftwrapper .ftrt p,.m-yktFoot .ftwrapper .ftrt span {
    color: #fff;
}

.m-yktFoot .ftwrapper .ftrt a:hover {
    text-decoration: underline;
}

.m-yktFoot .ftwrapper .txt.f-fs1 img {
    margin-right: 10px;
    vertical-align: middle;
}
.m-yktFoot .ftwrapper .txt.f-fs1 img + span {
    font-size: 34px;
    color: #a1a1a1;
    /*font-weight: bold;*/
    vertical-align: middle;
}

.m-yktFoot .ftwrapper .copy {
    color: #999;
    font-size: 14px;
    margin: 15px 0 0;
}

.m-yktFoot .ftwrapper .share .tit {
    float: right;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.m-yktFoot .ftwrapper .share .weibo,.m-yktFoot .ftwrapper .share .renren,.m-yktFoot .ftwrapper .share .weixin,.m-yktFoot .ftwrapper .share .yixin {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/shareLinkUI.png) no-repeat;
    background-position: -34px -52px;
    margin: 2px 0 0 4px;
}

.m-yktFoot .ftwrapper .share .renren {
    background-position: -34px -72px;
}

.m-yktFoot .ftwrapper .share .yixin {
    background-position: -7px -72px;
}

.m-yktFoot .ftwrapper .share .weixin {
    background-position: -7px -52px;
}

.m-yktFoot .ftwrapper .share .weixin .tipQrcode,.m-yktFoot .ftwrapper .share .yixin .tipQrcode {
    display: none;
    z-index: 999;
    width: 120px;
    height: 150px;
    bottom: 30px;
    left: -63px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.m-yktFoot .ftwrapper .share .weixin .tipQrcode .qrTitle,.m-yktFoot .ftwrapper .share .yixin .tipQrcode .qrTitle {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #999;
}

.m-yktFoot .ftwrapper .share .weixin:hover .tipQrcode,.m-yktFoot .ftwrapper .share .yixin:hover .tipQrcode {
    display: block;
}

.m-yktFoot .ftwrapper .mobile {
    margin-bottom: 25px;
}

.m-yktFoot .ftwrapper .mobile .tit {
    margin: 4px 0 0;
}

.m-yktFoot .ftwrapper .mobile .mlogo1,.m-yktFoot .ftwrapper .mobile .mlogo2 {
    display: block;
    float: right;
    width: 111px;
    height: 32px;
    background: url(../images/download_icon.png) no-repeat 0 0;
    margin-left: 10px;
}

.m-yktFoot .ftwrapper .mobile .mlogo2 {
    background-position: 0 -42px;
    padding-left: 0;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-dialog {
    width: 320px;
}

.m-dialog .content {
    min-height: 55px;
}

.m-dialog .icon {
    float: left;
    width: 57px;
    height: 57px;
/**/
    padding: 0 20px;
}

.m-dialog .cnt {
    margin-left: 98px;
}

.m-dialog .ic1 {
    background-position: 0 0;
}

.m-dialog .ic2 {
    background-position: 20px -57px;
}

.m-dialog .ic3 {
    background-position: 20px 0;
}

.m-dialog .ic4 {
    display: none;
}

.m-dialog .cnt {
    line-height: 23px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.m-dialog .cntnom {
    margin-left: 0;
}

.m-dialog .btn {
    padding-top: 10px;
    font-weight: bolder;
}

.m-dialog .btn .right,.m-dialog .btn .left {
    float: right;
    margin-right: 10px;
    font-weight: bold;
}

.m-dialog .btn .main.long {
    display: block;
    width: 85px;
    width: 85px;
    text-decoration: none;
    background-position: 75px 0px;
}

.m-dialog .btn .main.long span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 65px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-dialog .btn .main.long:hover {
    background-position: 75px -50px;
}

.m-dialog .btn .main.long:hover span {
    background-position: -40px -50px;
}

.m-dialog .btn .main.long:active {
    background-position: 75px -100px;
}

.m-dialog .btn .main.long:active span {
    background-position: -40px -100px;
}

.m-dialog .btn .main.small {
    display: block;
    width: 55px;
    width: 55px;
    text-decoration: none;
    background-position: 45px 0px;
}

.m-dialog .btn .main.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 35px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-dialog .btn .main.small:hover {
    background-position: 45px -50px;
}

.m-dialog .btn .main.small:hover span {
    background-position: -40px -50px;
}

.m-dialog .btn .main.small:active {
    background-position: 45px -100px;
}

.m-dialog .btn .main.small:active span {
    background-position: -40px -100px;
}

.m-dialog .btn .slave.long {
    display: block;
    width: 85px;
    width: 85px;
    text-decoration: none;
    background-position: 75px -150px;
}

.m-dialog .btn .slave.long span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 65px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-dialog .btn .slave.long:hover {
    background-position: 75px -200px;
}

.m-dialog .btn .slave.long:hover span {
    background-position: -40px -200px;
}

.m-dialog .btn .slave.long:active {
    background-position: 75px -250px;
}

.m-dialog .btn .slave.long:active span {
    background-position: -40px -250px;
}

.m-dialog .btn .slave.small {
    display: block;
    width: 55px;
    width: 55px;
    text-decoration: none;
    background-position: 45px -150px;
}

.m-dialog .btn .slave.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 35px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-dialog .btn .slave.small:hover {
    background-position: 45px -200px;
}

.m-dialog .btn .slave.small:hover span {
    background-position: -40px -200px;
}

.m-dialog .btn .slave.small:active {
    background-position: 45px -250px;
}

.m-dialog .btn .slave.small:active span {
    background-position: -40px -250px;
}

.m-basewin {
    text-align: left;
}

.m-basewin .btn {
    padding-top: 10px;
    font-weight: bolder;
    text-align: left;
}

.m-basewin .btn .right,.m-basewin .btn .left {
    float: right;
    margin-right: 10px;
    font-weight: bold;
}

.m-basewin .btn .main {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
}

.m-basewin .btn .main span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn .main:hover {
    background-position: 52px -50px;
}

.m-basewin .btn .main:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn .main:active {
    background-position: 52px -100px;
}

.m-basewin .btn .main:active span {
    background-position: -40px -100px;
}

.m-basewin .btn .slave {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px -150px;
}

.m-basewin .btn .slave span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-basewin .btn .slave:hover {
    background-position: 52px -200px;
}

.m-basewin .btn .slave:hover span {
    background-position: -40px -200px;
}

.m-basewin .btn .slave:active {
    background-position: 52px -250px;
}

.m-basewin .btn .slave:active span {
    background-position: -40px -250px;
}

.m-basewin .btn2 {
    font-weight: bolder;
    font-family: '微软雅黑';
}

.m-basewin .btn2 .main.middle {
    display: block;
    width: 92px;
    width: 92px;
    text-decoration: none;
    background-position: 82px 0px;
}

.m-basewin .btn2 .main.middle span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 72px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn2 .main.middle:hover {
    background-position: 82px -50px;
}

.m-basewin .btn2 .main.middle:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn2 .main.middle:active {
    background-position: 82px -100px;
}

.m-basewin .btn2 .main.middle:active span {
    background-position: -40px -100px;
}

.m-basewin .btn2 .main.small {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
}

.m-basewin .btn2 .main.small span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-basewin .btn2 .main.small:hover {
    background-position: 52px -50px;
}

.m-basewin .btn2 .main.small:hover span {
    background-position: -40px -50px;
}

.m-basewin .btn2 .main.small:active {
    background-position: 52px -100px;
}

.m-basewin .btn2 .main.small:active span {
    background-position: -40px -100px;
}

.m-basewin .tab {
    border-bottom: 1px solid #E9E9E9;
}

.m-basewin .tab span {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
}

.m-basewin .tab .u-btn {
    padding: 0px 8px 0 10px;
    margin: 0 2px;
    color: #444;
}

.m-basewin .tab .j-selected {
    background: #E9E9E9;
}

.m-basewin .tab .img-upload {
    width: 9px;
    height: 11px;
}

.m-basewin .tab .img-extern {
    width: 16px;
    height: 8px;
}

.m-basewin .btn .main span,.m-basewin .btn .slave span,.m-basewin .btn2 .main.middle span,.m-basewin .btn2 .main.small span {
    font-size: 14px;
}

.m-basewin .btn .main span,.m-basewin .btn .slave span {
    line-height: 30px;
    *line-height: 33px;
}

div.m-basewin {
    z-index: 4001;
    top: 0;
    left: 0;
    border: 1px solid #BABECB;
    background: #ffffff;
    color: #444;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
}

div.m-basewin .zbar {
    cursor: move;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    color: #444;
    font-weight: bold;
    border: none;
    background: none;
}

div.m-basewin .zttl {
    padding: 20px;
    line-height: 14px;
    max-width: 620px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.m-basewin .zcnt {
    padding: 0;
}

div.m-basewin .zcls {
    top: 5px;
    right: 5px;
    text-indent: -9999px;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/ui_sprite.png) no-repeat 0 0;
}

div.m-basewin .zcls:hover {
    background-position: 0 -41px;
}

div.m-basewin .zcls:active {
    background-position: 0 -82px;
}

div.m-com-mask {
    z-index: 1000;
    background-color: #3b3b3b;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

div.m-winmark {
    -webkit-box-shadow: 0px 2px 18px #444;
    box-shadow: 0px 2px 18px #444;
    border: none;
}

.u-hidetitle .zbar .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

.u-window-pd.m-basewin div.zcnt {
    padding: 0 20px 20px 20px;
}

div.u-logwin .zbar {
    height: 20px;
}

div.u-logwin .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

div.richedit {
    width: auto;
}



.richedit .zitm.js-selected,.richedit .zitm:hover {
    background: #c7c7c7;
}

.richedit div.ztbar {
    padding-left: 3px;
    background: #f1f1f1;
}

.u-window-upload {
    text-align: left;
    width: 442px;
}

.u-window-upload.m-basewin .tab {
    margin-bottom: 20px;
    font-size: 12px;
}

.u-window-upload.m-basewin .zttl,.u-window-link.m-basewin .zttl {
    padding-left: 20px;
    font-family: '微软雅黑';
}

.u-window-link {
    width: 380px;
}

.u-window-link .u-row {
    width: 338px;
}

.u-window-link .ipt {
    width: 280px !important;
}

.u-window-upload.m-basewin div.zcnt {
    padding: 0 20px 35px 20px;
}

.u-window-upload.m-basewin .cnt .u-desc {
    font-size: 12px;
}

.u-window-upload.m-basewin .u-edit {
    position: relative;
    z-index: 101;
    margin-right: 10px;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
}

.u-window-upload.m-basewin .ipt {
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 101;
    line-height: 32px;
    height: 32px;
    width: 328px;
    resize: none;
    background: transparent;
    border: none;
    color: #444;
    overflow: hidden;
}

.u-window-upload a.u-btn {
    padding: 0px 8px 0 10px;
    margin: 0 2px;
    color: #444;
}

.u-window-upload .j-selected {
    background: #E9E9E9;
}

.u-window-upload .img-upload {
    width: 9px;
    height: 11px;
}

.u-window-upload .img-extern {
    width: 16px;
    height: 8px;
}

.u-window-upload span {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
}

.u-window-upload .j-cnt {
    border-top: 1px solid #E9E9E9;
    padding: 20px 0 0;
}

.m-previewDialog {
    padding: 0 20px 20px 20px;
    width: 640px;
    position: relative;
}

.m-previewDialog .content {
    height: 400px;
    text-align: center;
    background: #fff;
    position: relative;
}

.m-previewDialog .fsmask {
    width: 40px;
    height: 28px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #f00;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.m-previewDialog.m-pdfPreview {
    width: 900px;
}

div.u-inset-dialog {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.u-inset-dialog div.zbar {
    cursor: default;
    height: 0px;
}

div.u-inset-dialog div.zbar .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

div.u-inset-dialog span.zcls {
    display: none;
}

div.u-inset-dialog div.zcnt {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skipBtn {
    position: absolute;
    bottom: 30px;
    right: 10px;
    font-size: 12px;
    color: #999;
}

div.u-inset-dialog div.zcnt .m-inset .skipBtn:hover {
    color: #10ae58;
}

div.u-inset-dialog div.zcnt .m-inset .skip {
    position: absolute;
    bottom: 20px;
    right: 10px;
    display: block;
    width: 110px;
    width: 110px;
    text-decoration: none;
    background-position: 100px 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skip span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 90px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:hover {
    background-position: 100px -50px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:hover span {
    background-position: -40px -50px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:active {
    background-position: 100px -100px;
}

div.u-inset-dialog div.zcnt .m-inset .skip:active span {
    background-position: -40px -100px;
}

.m-reportDialog,.m-wantToLearnDialog {
    width: 400px;
    position: relative;
}

.m-reportDialog .reportedit .m-edititem .editwrap,.m-wantToLearnDialog .reportedit .m-edititem .editwrap {
    height: 135px;
}

.m-reportDialog .reportedit .m-edititem .editwrap .edittxt,.m-wantToLearnDialog .reportedit .m-edititem .editwrap .edittxt {
    height: 135px;
}

.m-reportDialog .feedback,.m-wantToLearnDialog .feedback {
    position: absolute;
    left: -12px;
}

.m-reportDialog.m-reportDialog,.m-wantToLearnDialog.m-reportDialog {
    height: 200px;
}

.m-reportDialog.m-reportDialog .feedback,.m-wantToLearnDialog.m-reportDialog .feedback {
    top: 152px;
}

.m-reportDialog.m-wantToLearnDialog,.m-wantToLearnDialog.m-wantToLearnDialog {
    height: 250px;
}

.m-reportDialog.m-wantToLearnDialog .type,.m-wantToLearnDialog.m-wantToLearnDialog .type {
    position: absolute;
    left: 0;
    top: 160px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select {
    width: 170px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .up,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .up {
    font-size: 12px;
    background-position: 160px -192px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .down,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .down {
    width: 189px;
}

.m-reportDialog.m-wantToLearnDialog .type .u-select .down .list,.m-wantToLearnDialog.m-wantToLearnDialog .type .u-select .down .list {
    width: 220px;
    font-size: 12px;
}

.m-reportDialog.m-wantToLearnDialog .type2,.m-wantToLearnDialog.m-wantToLearnDialog .type2 {
    left: 200px;
}

.m-reportDialog.m-wantToLearnDialog .feedback,.m-wantToLearnDialog.m-wantToLearnDialog .feedback {
    top: 196px;
}

.m-reportDialog.m-wantToLearnDialog .m-edititem .editopt,.m-wantToLearnDialog.m-wantToLearnDialog .m-edititem .editopt {
    padding-top: 70px;
}

.m-scdialog {
    top: 100px;
    left: 100px;
    width: 130px;
    padding: 15px;
    border: 1px solid #babecb;
    background: #fff;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
    z-index: 2001;
}

.m-scdialog .content {
    margin-bottom: 12px;
}

.m-scdialog .icon {
    background: url(../images/ui_sprite.png) 0 -779px no-repeat;
    height: 18px;
    width: 18px;
}

.m-scdialog .msg {
    width: 108px;
    line-height: 18px;
    color: #333;
    font-size: 12px;
}

.m-scdialog .btnOk {
    display: block;
    width: 52px;
    width: 52px;
    text-decoration: none;
    background-position: 42px 0px;
    float: left;
    margin-left: 4px;
}

.m-scdialog .btnOk span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 32px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-scdialog .btnOk:hover {
    background-position: 42px -50px;
}

.m-scdialog .btnOk:hover span {
    background-position: -40px -50px;
}

.m-scdialog .btnOk:active {
    background-position: 42px -100px;
}

.m-scdialog .btnOk:active span {
    background-position: -40px -100px;
}

.m-scdialog .btnCancel {
    display: block;
    width: 52px;
    width: 52px;
    text-decoration: none;
    background-position: 42px -150px;
    float: right;
    margin-right: 4px;
}

.m-scdialog .btnCancel span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 32px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-scdialog .btnCancel:hover {
    background-position: 42px -200px;
}

.m-scdialog .btnCancel:hover span {
    background-position: -40px -200px;
}

.m-scdialog .btnCancel:active {
    background-position: 42px -250px;
}

.m-scdialog .btnCancel:active span {
    background-position: -40px -250px;
}

div.m-pkg-dialog .u-pkgs {
    width: 382px;
    padding: 0 30px 30px;
}

div.m-pkg-dialog .u-pkgs .t {
    font-size: 16px;
}

div.m-pkg-dialog .u-pkgs .t2 {
    margin-bottom: 20px;
}

div.m-pkg-dialog .u-pkgs .u-tabs .itm {
    display: block;
    float: left;
    padding: 0 20px;
    height: 30px;
    max-width: 160px;
    text-align: center;
    line-height: 30px;
    background: #eee;
    cursor: pointer;
}

div.m-pkg-dialog .u-pkgs .u-tabs .itm.js-selected,div.m-pkg-dialog .u-pkgs .u-tabs .itm:hover {
    background: #21a557;
    color: #fff;
}

div.m-pkg-dialog .u-pkgs .courses {
    border: 1px solid #21a557;
}

div.m-pkg-dialog .u-pkgs .courses .row {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: -1px;
}

div.m-pkg-dialog .u-pkgs .courses .row .name {
    padding-left: 10px;
    width: 190px;
}

div.m-pkg-dialog .u-pkgs .courses .row .price {
    padding-left: 10px;
    width: 140px;
}

div.m-pkg-dialog .u-pkgs .courses .row.hd {
    background: #f8f8f8;
    border-bottom-style: solid;
}

div.m-pkg-dialog .u-pkgs .courses .bd {
    max-height: 120px;
    overflow: auto;
}

div.m-pkg-dialog .u-pkgs .bottom {
    line-height: 30px;
}

div.m-pkg-dialog .u-btn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #eaeaea;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #f0f0f0;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(#f6f6f6, #f0f0f0);
    background-image: -o-linear-gradient(#f6f6f6, #f0f0f0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
    background-image: linear-gradient(#f6f6f6, #f0f0f0);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    border-right-color: #d1d1d1;
    border-bottom-color: #d1d1d1;
}

div.m-pkg-dialog .u-btn:hover,div.m-pkg-dialog .u-btn.hvr {
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f7f7f7));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f7f7f7));
    background-image: -webkit-linear-gradient(#f9f9f9, #f7f7f7);
    background-image: -o-linear-gradient(#f9f9f9, #f7f7f7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f7f7f7));
    background-image: linear-gradient(#f9f9f9, #f7f7f7);
}

div.m-pkg-dialog .u-btn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

div.m-pkg-dialog .u-btn-orange {
    background-color: #ff6900;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9300), to(#ff6900));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9300), color-stop(100%, #ff6900));
    background-image: -webkit-linear-gradient(#ff9300, #ff6900);
    background-image: -o-linear-gradient(#ff9300, #ff6900);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9300), to(#ff6900));
    background-image: linear-gradient(#ff9300, #ff6900);
    border-bottom-color: #ff6900;
    border-right-color: #ff6900;
    -webkit-box-shadow: 2px 2px 0px rgba(255, 105, 0, 0.3);
    box-shadow: 2px 2px 0px rgba(255, 105, 0, 0.3);
    color: #fff;
}

div.m-pkg-dialog .u-btn-orange:hover,div.m-pkg-dialog .u-btn-orange.hvr {
    background-color: #ff8a00;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad00), to(#ff8a00));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad00), color-stop(100%, #ff8a00));
    background-image: -webkit-linear-gradient(#ffad00, #ff8a00);
    background-image: -o-linear-gradient(#ffad00, #ff8a00);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffad00), to(#ff8a00));
    background-image: linear-gradient(#ffad00, #ff8a00);
}

.u-loginSet-box {
    min-width: 440px;
    min-height: 340px;
}

.ux-login-set-login-set-panel {
    padding: 0 40px 40px;
    margin-top: -20px;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs .ux-tabs-underline_hd > li.z-sel {
    border-bottom: 2px solid #49af4f;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs .ux-tabs-underline {
    margin-bottom: 0;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs_ui-box {
    max-height: 400px;
}

.ux-login-set-login-set-panel .ux-urs-login-urs-tabs_ui-box .ux-login-urs-phone-wrap {
    min-height: 260px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box {
    max-height: 450px;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_submitbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_submitbtn:hover {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_goregister {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_goregister:hover {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-login .ux-passport-phone-login .ux-passport-phone-login_checkbox {
    color: #49af4f;
}

.ux-login-set-login-set-panel .ux-login-urs-phone-wrap .goReg,.ux-login-set-login-set-panel .ux-login-set-regist-wrap .goLogin {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register_codebtn {
    color: #49af4f;
    border-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register-loginbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-register .ux-pp-register-back {
    color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_codebtn {
    color: #49af4f;
    border-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_nextbtn {
    background-color: #49af4f;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_nextbtn.ready:hover {
    background-color: #0089E2;
}

.ux-login-set-login-set-panel .login-set-panel-retrievePwd .ux-ppr-password .ux-ppr-password_back {
    color: #49af4f;
}

.ux-login-set-login-set-panel .ux-passport-phone-login {
    margin-top: 30px;
}

.ux-login-set-login-set-panel .ux-passport-phone-login_icon_pwd {
    position: relative;
    top: -11px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-pp-register_inputbox input {
    padding: 0 12px 0 38px;
    float: left;
    line-height: 42px;
    height: 42px;
}

.ux-login-set-login-set-panel .ux-pp-register_inputbox_tel input {
    padding-left: 58px !important;
    left: 2px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-pp-register_inputbox_code input {
    width: 180px;
}

.ux-login-set-login-set-panel .ux-ppr-password_codebox .ux-input {
    padding-left: 35px;
}

.ux-login-set-login-set-panel .ux-login-urs-phone-wrap .ux-input2_reset {
    right: -25px;
}

.ux-login-set-login-set-panel .ux-login-set-regist-wrap_box .ux-input2_reset {
    right: -6px;
}

.ux-login-set-login-set-panel .ux-ppr-password_pwdbox .ux-input2_reset {
    right: -25px;
}

.ux-login-set-login-set-panel .ux-ppr-password_pwdbox .ux-input2_addon {
    margin-top: -23px;
}

.u-tt2 {
    padding: 20px 0 10px 0;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #000;
    cursor: default;
}

.u-arr {
    display: block;
    float: left;
    width: 15px;
    height: 20px;
    background: url(../images/ui_sprite.png) no-repeat 9999px 9999px;
    background-position: -55px -170px;
}

.u-ctit {
    height: 20px;
    padding: 15px 0 15px 15px;
    font-size: 18px;
    line-height: 19px;
    /*max-width: 660px;*/
}

.u-tit {
    border-bottom: 1px solid #dfdfdf;
    height: 50px;
}

.ui-loading {
    position: fixed;
    top: 38%;
    left: 44%;
    width: 75px;
    height: 22px;
   
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px #777;
    box-shadow: 0 3px 10px #777;
}

.u-backbtn,.u-backbtn2 {
    font-family: "微软雅黑";
    font-size: 12px;
    margin-right: 30px;
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    padding-left: 15px;
    
    color: #444;
}

.u-backbtn:hover,.u-backbtn2:hover {
    background-position: 0 -96px;
    color: #10ae58;
}

.u-backbtn2 {
    
    padding-left: 25px;
    border-left: 1px solid #ddd;
}

.u-backbtn2:hover {
    background-position: 9px -96px;
    color: #10ae58;
}

.u-ltshadowdown {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    border-bottom: 1px solid #EBEBEB;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(transparent));
    -webkit-mask-box-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -moz-radial-gradient(bottom, ellipse farthest-side, rgba(0, 0, 0, 0.3), transparent);
}

.u-ltshadowup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    border-up: 1px solid #EBEBEB;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(transparent));
    -webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -moz-radial-gradient(top, ellipse farthest-side, rgba(0, 0, 0, 0.3), transparent);
}

.u-editInfo-btn {
    
    display: block;
    width: 80px;
    height: 20px;
    font-size: 12px;
    color: #81bc9b;
    padding: 0 0 0 20px;
}

.u-editInfo-btn:hover {
    color: #10ae58;
    text-decoration: underline;
}

.u-bigsideBtn {
    width: 266px;
    height: 45px;
    display: block;
    outline: none;
    font-size: 20px;
    line-height: 44px;
    font-family: "微软雅黑";
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    text-align: center;
    
}

.u-bigsideBtn:hover {
    background-position: 0 -53px;
    color: #fff;
    text-decoration: none;
}

.u-bigsideBtn:active {
    background-position: 0 -112px;
    color: #fff;
    text-decoration: none;
}

.u-select {
    height: 32px;
    padding: 0 10px;
    width: 257px;
    background-color: white;
    border: 1px solid #dfdfdf;
    position: relative;
}

.u-select .up {
    cursor: pointer;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    
}

.u-select .up .txt1 {
    width: 177px;
    height: 30px;
}

.u-select .down {
    position: absolute;
    top: 32px;
    left: 0;
    width: 275px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    border: 1px solid #d1d2d4;
}

.u-select .down .clazz {
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

.u-select .down .nocl {
    font-size: 12px;
    color: #999;
    padding: 8px 12px;
}

.u-select .list {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    width: 257px;
    cursor: pointer;
    overflow: hidden;
}

.u-select .list:hover {
    background-color: #ececee;
}

.u-select .list input {
    margin: 10px 10px 10px 5px;
}

.u-select .list .txt {
    width: 125px;
}

.u-select .list .tit {
    min-width: 44px;
}

.u-select .list .u-lsnicon {
    margin: 10px 10px 6px 10px;
}

.u-select .list .txt1 {
    width: 177px;
    height: 33px;
}

.u-cst,.u-cst-10,.u-cst-20 {
    position: absolute;
    top: -1px;
    left: -2px;
    z-index: 10;
    width: 51px;
    height: 51px;
}


.u-empty {
 
    margin: 10px;
    min-height: 40px;
    text-indent: 60px;
    line-height: 2;
    font-size: 14px;
    font-family: '微软雅黑';
    color: #999;
}

.u-empty a {
    color: #10ae58;
}

.u-emptybig {
  
    padding: 260px 0 40px 0;
}

.u-emptybig .emptytext {
    width: 80%;
    text-align: center;
    line-height: 2;
    font-size: 16px;
    font-family: '微软雅黑';
    color: #666;
    margin: 10px auto;
}

.u-emptybig .emptytext a {
    color: #10ae58;
}

.u-emptybig .tiptext {
    padding: 0 20px;
    line-height: 1.6;
    font-family: '微软雅黑';
    font-size: 14px;
    margin: 15px auto;
}

.u-emptybig .tiptext a {
    color: #10ae58;
}

div.m-registerAct-dialog {
    width: 759px;
    height: 610px;
}

div.m-registerAct-dialog .zbar {
    display: none;
}

div.m-registerAct-dialog .zcnt .top {
    width: 100%;
    height: 480px;
    top: -25px;
    
}

div.m-registerAct-dialog .zcnt .top p {
    margin: 380px 0 0 55px;
    width: 570px;
    line-height: 26px;
    color: #fff;
}

div.m-registerAct-dialog .zcnt .top p a {
    color: #f5ef9f;
}

div.m-registerAct-dialog .zcnt .top p a:hover {
    text-decoration: underline;
}

div.m-registerAct-dialog .zcnt .bottom {
    height: 155px;
    top: 455px;
}

div.m-registerAct-dialog .zcnt .bottom .login {
    width: 323px;
    height: 82px;
    margin: 32px 0 0 228px;
  
}

div.m-registerAct-dialog .zcnt .bottom .login:hover {
    background-position: -7px -98px;
}

div.m-registerAct-dialog .zcls {
    width: 14px;
    height: 14px;
    top: 16px;
    right: 18px;
    
}

div.m-registerAct-dialog .zcls:hover {
    
}

div.m-registerAct-dialog20141011 {
    width: 760px;
    height: 607px;
    background-color: #fff;
}

div.m-registerAct-dialog20141011 .zbar {
    display: none;
}

div.m-registerAct-dialog20141011 .zcnt .top {
    width: 100%;
    height: 487px;
    
}

div.m-registerAct-dialog20141011 .zcnt .top p {
    margin: 373px 0 0 324px;
    line-height: 26px;
    color: #666;
    font-family: 'Microsoft YAHEI';
}

div.m-registerAct-dialog20141011 .zcnt .bottom {
    height: 155px;
    top: 487px;
}

div.m-registerAct-dialog20141011 .zcnt .bottom .login {
    width: 310px;
    height: 56px;
    margin: 30px 0 0 224px;
    
}

div.m-registerAct-dialog20141011 .zcnt .bottom .login:hover {
    background-position: 0 -87px;
}

div.m-registerAct-dialog20141011 .zcls {
    width: 14px;
    height: 14px;
    top: 16px;
    right: 18px;
    }


div.m-registerAct-dialog20141113 {
    width: 759px;
    height: 607px;
    background-color: #fff;
}

div.m-registerAct-dialog20141113 .zbar {
    display: none;
}


div.m-registerAct-dialog20141113 .zcnt .top p {
    margin: 385px 0 0 76px;
    min-height: 48px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.4);
    line-height: 24px;
    color: #fff;
    width: 585px;
}

div.m-registerAct-dialog20141113 .zcnt .top p a {
    color: #f5ef9f;
}

div.m-registerAct-dialog20141113 .zcnt .bottom {
    height: 155px;
    top: 487px;
}



div.m-registerAct-dialog20141113 .zcnt .bottom .login:hover {
    background-position: 0 -63px;
}




.u-msgItem {
    border-top: 1px dotted #dbdbdb;
}

.msg-cnt {
    line-height: 20px;
    vertical-align: middle;
    word-wrap: break-word;
    white-space: pre-line;
    padding: 15px 20px 30px;
    position: relative;
    color: #444;
}

.msg-cnt a {
    color: #10ae58;
    font-weight: normal;
}

.msg-cnt a:hover {
    text-decoration: underline;
}

.msg-cnt .msg-txt {
    width: 340px;
}

.msg-cnt .msg-txt a {
    margin-right: 4px;
}

.msg-cnt .msg-title {
    font-family: tahoma,"宋体",arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    display: inline;
    word-wrap: break-word;
    white-space: pre-line;
}

.msg-unread {
    font-weight: bold;
}

.msg-unread a {
    color: #10ae58;
    font-weight: bold;
}

.msg-unread a:hover {
    text-decoration: underline;
}

.msg-unread .msg-title {
    font-weight: bold;
}

.msg-unread .msg-txt {
    color: #444;
}

.msg-unread .msg-time {
    font-weight: normal;
}

.msg-hover {
    background: #f6f6f6;
}

.msg-close {
    width: 12px;
    height: 12px;
    background-position: 0 -511px;
    cursor: pointer;
    margin-top: 5px;
    left: 369px;
}

.msg-mark {
    height: 14px;
    width: 17px;
    cursor: pointer;
    margin-top: 3px;
    left: 369px;
}

.msg-mark-hover {
    background-position: -52px -509px;
}

.msg-mark-click {
    background-position: -53px -537px;
}

.msg-time {
    position: absolute;
    bottom: 17px;
    width: 70px;
    text-align: right;
    left: 315px;
    color: #999;
    line-height: 14px;
}

.msgpool .first {
    border-style: none;
}

.msgpool .last {
    border-bottom: 1px dotted #dbdbdb;
}

.m-tel-login {
    width: 340px;
}

.m-tel-login .inputbox {
    z-index: 19;
    position: relative;
    height: 44px;
    margin-bottom: 16px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 44px;
}

.m-tel-login .inputbox .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}


.m-tel-login .inputbox .u-logo .u-logo-tel {
    background-position: 0 -78px;
}

.m-tel-login .inputbox .u-logo .u-logo-pwd {
    background-position: 0 -43px;
}

.m-tel-login .inputbox .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-tel-login .inputbox .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-tel-login .inputbox .u-input input {
    font-size: 16px;
    color: #333;
}

.m-tel-login .inputbox .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-tel-login .inputbox.err {
    border: 1px solid #fe5653;
}

.m-tel-login .m-error-box {
    margin-bottom: 10px;
}


.m-tel-login .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-tel-login .u-loginbtn {
    width: 100%;
    height: 44px;
    text-align: center;
    color: #fff;
    background: #ddd;
    font-size: 18px;
    line-height: 44px;
    background: #74B96E;
    margin-top: 16px;
    margin-bottom: 12px;
}

.m-tel-login .u-loginbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-tel-login .u-loginbtn.ready:hover {
    background-color: #4BA743;
}

.m-tel-login .m-unlogin {
    padding: 2px 0 9px 0;
    font-size: 0;
    height: 16px;
    color: #999;
    line-height: 16px;
}

.m-tel-login .m-unlogin .b-unlogin {
    display: block;
    width: 104px;
    float: left;
    border-right: solid 1px #ccc;
    margin-right: 8px;
}

.m-tel-login .m-unlogin .b-unlogin .u-checkbox input.un-login {
    padding-left: 0;
    color: #333;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}

.m-tel-login .m-unlogin .b-unlogin .u-checkbox.u-checkbox-select {
    background-position: -330px -92px;
}

.m-tel-login .m-unlogin .b-unlogin label {
    display: block;
    float: left;
    height: 16px;
    padding-left: 8px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
}

.m-tel-login .m-unlogin .forgetpwd {
    float: left;
    height: 12px;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

.m-tel-login .m-unlogin .u-regbtn {
    cursor: pointer;
    font-size: 12px;
    float: right;
    color: #39a030;
    line-height: 16px;
}

.m-loginbox {
    width: 605px;
    min-height: 340px;
    text-align: left;
}

.m-loginbox .title {
    font-size: 24px;
    color: #999;
    font-size: 22px;
    width: 340px;
    border-bottom: 2px solid #ebebeb;
    margin-left: 40px;
    margin-bottom: 30px;
}

.m-loginbox .title .u-tab {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 170px;
    padding: 0 14px 14px;
    cursor: pointer;
    text-align: center;
}

.m-loginbox .title .z-sel {
    color: #333;
}

.m-loginbox .title .z-sel:after {
    position: absolute;
    display: block;
    content: " ";
    height: 2px;
    text-align: -9999px;
    width: 170px;
    background: #2aa126;
    z-index: 2;
    bottom: -2px;
    left: 0;
}

.m-loginbox .telContainer {
    padding: 0 40px;
}

.m-loginbox .login-img {
    padding: 0 35px;
    margin-bottom: -29px;
}

.m-loginbox .bd {
    height: 197px;
    margin: 0 0 0 10px;
    border-left: 1px solid #e7e7e7;
}

.m-loginbox .bd .bdtxt {
    top: 85px;
    left: -7px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    z-index: 10;
    color: #aaa;
}

.m-loginbox .side {
    width: 90px;
    padding: 0px 0 8px 44px;
    margin-top: -10px;
}

.m-loginbox .side .logintip {
    padding: 0;
}


.m-loginbox .side .socialBox .itm1 {
    background-position: -10px -13px;
}

.m-loginbox .side .socialBox .itm1:hover {
    background-position: -10px -53px;
}

.m-loginbox .side .socialBox .itm2 {
    background-position: -112px -13px;
}

.m-loginbox .side .socialBox .itm2:hover {
    background-position: -112px -53px;
}

.m-loginbox .side .socialBox .itm3 {
    background-position: -215px -13px;
}

.m-loginbox .side .socialBox .itm3:hover {
    background-position: -215px -53px;
}

.m-loginbox .side .socialBox .itm4 {
    background-position: -11px -277px;
}

.m-loginbox .side .socialBox .itm4:hover {
    background-position: -116px -277px;
}

.m-loginbox .side .socialBox .itm5 {
    background-position: -10px -316px;
}

.m-loginbox .side .socialBox .itm5:hover {
    background-position: -115px -316px;
}

.m-loginbox .logintip {
    padding-left: 35px;
    color: #999;
    font-size: 12px;
}

.m-loginbox .wrap {
    z-index: 100;
    width: 420px;
    min-height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-loginbox .wrap .form_content {
    margin: 0 auto;
    width: 300px;
}

.m-loginbox .itm .placeholder {
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

.m-loginbox .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 15px;
    line-height: 15px;
}

.m-loginbox .itm-1 .lb {
    float: left;
}

.m-loginbox .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

.m-loginbox .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

.m-loginbox .reg {
    width: 100%;
    height: 18px;
    line-height: 18px;
}

.m-loginbox .reg a {
    text-align: left;
    color: #999;
    display: block;
    font-size: 12px;
}

.m-loginbox .reg a em {
    color: #21a557;
}

.m-loginbox .u-tt3 {
    font-weight: bold;
    padding-left: 22px;
    height: 30px;
    line-height: 30px;
    border-left: 8px solid #545454;
}

.m-retrievePwd-box {
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-retrievePwd-box .boxwrap .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container,.m-retrievePwd-box .boxwrap .m-pwdinput-container {
    width: 358px;
    margin: 30px auto;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-tel,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-tel {
    background-position: 0 -24px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-code,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-code {
    background-position: 0px -76px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-pwd,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-pwd {
    background-position: 0 -50px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input .prefix,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input input {
    font-size: 16px;
    color: #333;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-webkit-input-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-moz-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-moz-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-ms-input-placeholder,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .inputbox.err,.m-retrievePwd-box .boxwrap .m-pwdinput-container .inputbox.err {
    border: 1px solid #fe5653;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox {
    width: 200px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input {
    width: 175px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input input,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input input {
    width: 130px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn {
    background: #ffffff;
    border: 1px solid #2aa126;
    width: 148px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #2aa126;
    cursor: pointer;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn.z-dis,.m-retrievePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn.z-dis {
    background: #f8f8f8;
    color: #999;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    cursor: default;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .m-error-box,.m-retrievePwd-box .boxwrap .m-pwdinput-container .m-error-box {
    margin-bottom: 12px;
}


.m-retrievePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrorhead,.m-retrievePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn {
    background: #71bb6b;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-retrievePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready:hover,.m-retrievePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready:hover {
    background-color: #4BA743;
}

.m-retrievePwd-box .boxwrap .m-bottom-back {
    background: #f8f8f8;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.m-changePwd-box {
    width: 618px;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-changePwd-box .boxwrap .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 2px solid #d8d8d8;
}

.m-changePwd-box .boxwrap .m-telcheck-container,.m-changePwd-box .boxwrap .m-pwdinput-container {
    width: 358px;
    margin: 30px auto;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #c5cddb;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .telnumber,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .telnumber,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .telnumber,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .telnumber {
    font-size: 16px;
    color: #333333;
    text-align: left;
    height: 22px;
    width: 180px;
    top: 0;
    left: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .tips,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .tips,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .tips,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .tips {
    font-size: 14px;
    color: #999999;
    text-align: left;
    width: 285px;
    height: 20px;
    bottom: 0;
    left: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo {
    float: left;
    width: 21px;
    text-align: center;
    padding: 10px 5px 0 10px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-tel,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-tel {
    background-position: 0 -24px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-code,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-code {
    background-position: 0px -76px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-logo .u-logo-pwd,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-logo .u-logo-pwd {
    background-position: 0 -50px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input {
    width: 278px;
    color: #333;
    border: 0;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input .prefix,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input .prefix,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input .prefix,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input .prefix {
    top: 2px;
    padding-right: 4px;
    color: #ccc;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input input,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input input {
    font-size: 16px;
    color: #333;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-webkit-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input ::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input :-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input ::-moz-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input ::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-telcheck-container .tel-box .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox .u-input :-ms-input-placeholder,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box .u-input :-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .tel-box,.m-changePwd-box .boxwrap .m-pwdinput-container .tel-box {
    border: none;
    line-height: normal;
}

.m-changePwd-box .boxwrap .m-telcheck-container .inputbox.err,.m-changePwd-box .boxwrap .m-pwdinput-container .inputbox.err {
    border: 1px solid #fe5653;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox {
    width: 200px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input {
    width: 175px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .inputbox .u-input input,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .inputbox .u-input input {
    width: 130px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn {
    background: #ffffff;
    border: 1px solid #2aa126;
    width: 148px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #2aa126;
    cursor: pointer;
}

.m-changePwd-box .boxwrap .m-telcheck-container .code-input-box .u-codebtn.z-dis,.m-changePwd-box .boxwrap .m-pwdinput-container .code-input-box .u-codebtn.z-dis {
    background: #f8f8f8;
    color: #999;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    cursor: default;
}

.m-changePwd-box .boxwrap .m-telcheck-container .m-error-box,.m-changePwd-box .boxwrap .m-pwdinput-container .m-error-box {
    margin-bottom: 12px;
}


.m-changePwd-box .boxwrap .m-telcheck-container .m-error-box .ferrorhead,.m-changePwd-box .boxwrap .m-pwdinput-container .m-error-box .ferrorhead {
    width: 298px;
    margin-top: -3px;
    color: #fa5b5b;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn {
    background: #71bb6b;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready {
    cursor: pointer;
    background-color: #39a030;
}

.m-changePwd-box .boxwrap .m-telcheck-container .u-nextbtn.ready:hover,.m-changePwd-box .boxwrap .m-pwdinput-container .u-nextbtn.ready:hover {
    background-color: #4BA743;
}

.m-changePwd-box .boxwrap .m-bottom-back {
    background: #f8f8f8;
    width: 618px;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.m-tel-image-validate-code {
    width: 240px;
    height: 114px;
    background: #FFFECC;
    padding: 20px;
    z-index: 99;
    top: 60px;
    right: -72px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.m-tel-image-validate-code_triangleUp {
    width: 16px;
    height: 16px;
    background: #FFFECC;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: -9px;
    left: 128px;
}

.m-tel-image-validate-code_tip {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.m-tel-image-validate-code_inputwrap {
    margin-bottom: 10px;
}

.m-tel-image-validate-code_inputbox > input {
    width: 106px;
    height: 34px;
    background: #fff;
    border: 1px solid #D8D8D8;
    margin-right: 10px;
    padding: 0 6px;
    font-size: 14px;
}

.m-tel-image-validate-code_imgbox img {
    width: 80px;
    height: 34px;
    margin-right: 6px;
}

.m-tel-image-validate-code_refreshbox {
    font-size: 12px;
    color: #2AA126;
    line-height: 34px;
    cursor: pointer;
}

.m-tel-image-validate-code_btnBox {
    width: 68px;
    height: 34px;
    background: #2FA030;
    line-height: 34px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
}

.m-tel-image-validate-code_errBox {
    line-height: 34px;
    color: #FF1D00;
    font-size: 12px;
}


.m-tel-image-validate-code_close {
    top: 8px;
    right: 8px;
    font-size: 12px;
    cursor: pointer;
}

.m-tel-reg {
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-tel-reg input::-webkit-input-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-moz-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input::-moz-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-ms-input-placeholder {
    color: #999;
    line-height: 24px;
}

.m-tel-reg input:-webkit-autofill {
    background: #fff !important;
}

.m-tel-reg .m-title {
    width: 538px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
}

.m-tel-reg .m-tel-reg-container {
    width: 358px;
    margin: 30px auto;
}

.m-tel-reg .m-error-box {
    color: #fa5b5b;
}

.m-tel-reg .inputbox {
    z-index: 19;
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    background: #fff;
    font-size: 12px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-tel-reg .inputbox:last-child {
    margin-bottom: 0;
}

.m-tel-reg .inputbox.err {
    border: 1px solid #fa6060;
}

.m-tel-reg .inputbox .u-logo {
    width: 10%;
    float: left;
    text-align: center;
}

.m-tel-reg .inputbox .u-input {
    float: left;
    width: 80%;
    padding: 0;
    height: 24px;
    padding: 10px 0;
}

.m-tel-reg .inputbox .u-input > input {
    height: 24px;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    display: block;
    font-weight: normal;
    padding: 0;
    line-height: normal;
    font-family: "微软雅黑";
}

.m-tel-reg .code-input-box .inputbox {
    width: 61.5%;
    float: left;
}

.m-tel-reg .code-input-box .u-logo {
    width: 17%;
}

.m-tel-reg .u-codebtn {
    width: 35.38%;
    float: right;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    color: #999;
}

.m-tel-reg .u-codebtn.ready {
    border: 1px solid #39a030;
    color: #39a030;
    cursor: pointer;
}

.m-tel-reg .u-counting {
    background: rgba(230, 234, 242, 0.2);
    border: 1px solid #d8d8d8;
    color: #999;
    cursor: default;
}

.m-tel-reg .u-loginbtn {
    width: 100%;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    background: #71bb6b;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
}

.m-tel-reg .u-loginbtn.ready {
    background: #39a030;
}

.m-tel-reg .m-bottom-back {
    background: #f8f8f8;
    height: 40px;
    text-indent: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    cursor: pointer;
}

.u-txt {
    border: 1px solid #dfdfdf;
    background: #f1f1f1;
    width: 293px;
}

.u-txt .txt {
    height: 20px;
    width: 281px;
    padding: 10px 5px 13px;
    line-height: 20px;
    border: 2px solid #f1f1f1;
    border-width: 2px 0 0 2px;
    background: #fafafa;
    font-size: 16px;
}

.f-err {
    border-color: #ff6666;
}

.m-loginbox .itm-1 .u-forget {
    color: #10ae58;
}

.m-loginbox .itm-1 .u-reg {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 12px;
    color: #10ae58;
}

.m-loginbox .tiptlt {
    color: #999;
    font-size: 12px;
}

.m-loginbox .u-btn0 {
    margin: 12px 0 30px;
    display: block;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
}

.m-loginbox .u-btn0 span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-loginbox .u-btn0:hover {
    background-position: 70px -350px;
}

.m-loginbox .u-btn0:hover span {
    background-position: -40px -350px;
}

.m-loginbox .u-btn0:active {
    background-position: 70px -400px;
}

.m-loginbox .u-btn0:active span {
    background-position: -40px -400px;
}

.m-loginbox .tips {
    color: #999;
    font-weight: normal;
    font-size: 12px;
}

.m-loginbox .tips a {
    color: #10ae58;
    font-size: 12px;
}

.m-loginbox .tips a:hover {
    text-decoration: underline;
}

.m-login {
    padding: 0 35px;
}

.m-login .loginTip {
    width: 273px;
    height: 80px;
    top: 55px;
    left: 35px;
    padding: 10px;
    border: none;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

.m-login .loginTip .anobtn {
    font-size: 12px;
    color: #10ae58;
    margin-top: 25px;
}

.m-login .loginTip .anobtn:hover {
    text-decoration: underline;
}

.m-login .loginTip .tip {
    font-size: 12px;
    color: #999;
}

.m-login .loginTip .u-btn {
    margin-top: 15px;
    display: block;
    width: 72px;
    width: 72px;
    text-decoration: none;
    background-position: 62px 0px;
}

.m-login .loginTip .u-btn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 52px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-login .loginTip .u-btn:hover {
    background-position: 62px -50px;
}

.m-login .loginTip .u-btn:hover span {
    background-position: -40px -50px;
}

.m-login .loginTip .u-btn:active {
    background-position: 62px -100px;
}

.m-login .loginTip .u-btn:active span {
    background-position: -40px -100px;
}

.m-login .itm .placeholder {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

.m-login .itm1 {
    margin-top: 11px;
}

.m-login .itm2 {
    margin-top: 15px;
}

.m-login .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 16px;
    line-height: 14px;
}

.m-login .itm-1 .lb {
    float: left;
}

.m-login .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

.m-login .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

.m-login .u-submit:hover {
    background-position: 2px -71px;
}

.m-login .u-submit:active {
    background-position: 3px -144px;
}

.u-info {
    position: absolute;
    left: 5px;
    top: 155px;
    padding: 8px;
    width: 195px;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

.u-info p {
    line-height: 20px;
    font-size: 12px;
}

.u-info .arr {
    position: absolute;
    left: 28px;
    top: -9px;
    width: 20px;
    height: 10px;
    background: url(../images/ui_sprite.png) no-repeat 9999px 9999px;
    background-position: 0 -540px;
}

.u-upd-img-btn {
    position: relative;
}


.u-upd-img-btn .upbtn.hvr {
    background-position: 0 -264px;
}

.u-upd-img-btn .flashbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 34px;
}

.u-upd-img-icon {
    position: relative;
}

.u-upd-img-icon .upbtn.hvr {
    background-position: -3px -472px;
    color: #10ae58;
}

.u-upd-img-icon .flashbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 18px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-test {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: #fff;
}

.u-paging {
    float: right;
    margin: 15px 10px;
}

.u-paging .pre,.u-paging .next,.u-paging .blank {
    float: right;
    background-position: -187px -247px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.u-paging .pre:hover {
    background-position: -166px -247px;
}

.u-paging .next {
    float: right;
    background-position: -166px -276px;
}

.u-paging .next:hover {
    background-position: -186px -276px;
}

.u-paging .blank {
    cursor: default;
    background: transparent;
}

.u-nav-item {
    vertical-align: middle;
    float: right;
    padding: 5px 0;
}

.u-nav-item li {
    margin: 0px 6px;
    width: 11px;
    height: 11px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    float: left;
    text-align: center;
}

.u-nav-item li.w-item-done {
    cursor: pointer;
    background-position: -188px -184px;
}

.u-nav-item li.w-item-done span {
    display: none;
}

.u-nav-item li.w-item-done-hover {
    cursor: pointer;
    background-position: -188px -204px;
}

.u-nav-item li.w-item-done-hover span {
    display: block;
}

.u-nav-item li.w-item-cur {
    background-position: -188px -204px;
}

.u-nav-item li.w-item-cur span {
    display: block;
}

.u-nav-item li.w-item-undo {
    cursor: pointer;
    background-position: -188px -225px;
}

.u-nav-item li.w-item-undo span {
    display: none;
}

.u-nav-item li.w-item-undo-hover {
    cursor: pointer;
    background-position: -188px -204px;
}

.u-nav-item li.w-item-undo-hover span {
    display: block;
}

.w-title-bar .w-bar-name {
    float: left;
    font-weight: bold;
    margin-left: 10px;
    color: #000;
}

.w-test-box {
    position: absolute;
    top: 70px;
    bottom: 76px;
    left: 0;
    width: 100%;
}

.test-wrapper {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.item-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.w-test-item {
    margin: 0 20px;
    height: 100%;
    overflow: auto;
    position: relative;
}

.w-test-item pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 21px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.w-test-item img {
    vertical-align: text-top;
}

.w-test-item .w-item-title {
    text-align: left;
    position: relative;
    line-height: 23px;
    padding: 0 10px;
}

.w-test-item .w-item-title .w-title-descr {
    color: #000;
}

.w-test-item .w-item-title .w-title-name {
    color: #000;
    font-weight: bold;
}

.w-test-item .w-item-title .w-title-info {
    display: block;
    position: absolute;
    width: 130px;
    height: 70px;
    top: 0;
    left: 50px;
}

.w-test-item .w-item-title .w-err-info {
    width: 126px;
    height: 70px;
    z-index: 1;
    background-position: 0 -286px;
}

.m-choice-total {
    margin: 10px 10px 25px 20px;
    border: 1px solid #e4e4e4;
    border-bottom-width: 0px;
    *border-style: none;
}

.m-choice-total .w-item-choice {
    width: 100%;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e4;
    *border: 1px solid #e4e4e4;
}

.w-choices {
    *border: 1px solid white;
    padding: 12px 0;
}

.w-choices .w-choice-content {
    width: 98%;
    line-height: 23px;
    padding: 0 1%;
}

.w-choices .w-choice-content p {
    height: 100px;
}

.w-choices .w-choice-content p img {
    width: 150px;
    height: 100px;
}

.w-choices .w-choice-cnt {
    width: 90%;
    float: left;
    text-align: left;
    vertical-align: top;
}

.w-choices .w-choice-opt {
    float: right;
}

.w-choices .w-choice-content-click {
    color: #88d0af;
}

.w-choices .w-choice-info {
    display: block;
    position: absolute;
    right: 50px;
    bottom: 0px;
}

.w-choices .w-choice-err {
    width: 54px;
    height: 50px;
    background-position: -205px -157px;
}

.w-choices .w-choice-correct {
    width: 54px;
    height: 50px;
    background-position: -208px 0;
}

.w-choices .w-choice-unselected {
    width: 112px;
    height: 60px;
    background-position: 0 -8px;
}

.w-item-click,.w-choice-hover {
    zoom: 1;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e4;
    outline: 2px solid #81cdad;
    outline-offset: -1px;
    *border: 1px solid #81cdad;
    width: 100%;
}

.w-item-click .w-choices,.w-choice-hover .w-choices {
    *border: 1px solid #81cdad;
}

.w-check-info {
    line-height: 23px;
    height: 23px;
    font-size: 12px;
    cursor: pointer;
    color: #999;
}

.w-check-op {
    float: right;
}

.w-answer-info {
    font-size: 12px;
    font-weight: bold;
    cursor: default;
    color: #444;
}

.w-tip {
    float: left;
    font-size: 12px;
    color: #999;
    width: 50px;
    margin-top: 10px;
}

.w-tip span,.w-tip b {
    cursor: pointer;
    float: left;
    height: 14px;
    line-height: 14px;
}

.w-tip b {
    width: 15px;
}

.w-tip .arrdown {
    background-position: -185px -158px;
    margin-right: 2px;
}

.w-tip-cnt {
    width: 20px;
}

.w-tooltip {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -57px;
    line-height: 36px;
}

.w-portal-info {
    line-height: 23px;
    height: 23px;
    font-size: 12px;
}

.w-warning {
    position: absolute;
    top: -3px;
    white-space: nowrap;
}

.w-subwarn {
    float: right;
    padding-top: 25px;
}

.w-subwarn span {
    font-weight: bolder;
}

.w-subwarn .w-submitBtn {
    display: block;
    width: 110px;
    width: 110px;
    text-decoration: none;
    background-position: 100px 0px;
}

.w-subwarn .w-submitBtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 90px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.w-subwarn .w-submitBtn:hover {
    background-position: 100px -50px;
}

.w-subwarn .w-submitBtn:hover span {
    background-position: -40px -50px;
}

.w-subwarn .w-submitBtn:active {
    background-position: 100px -100px;
}

.w-subwarn .w-submitBtn:active span {
    background-position: -40px -100px;
}

.w-nextBtn {
    display: block;
    width: 110px;
    width: 110px;
    text-decoration: none;
    background-position: 100px 0px;
    display: inline-block;
    zoom: 1;
    margin-left: 10px;
}

.w-nextBtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 90px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.w-nextBtn:hover {
    background-position: 100px -50px;
}

.w-nextBtn:hover span {
    background-position: -40px -50px;
}

.w-nextBtn:active {
    background-position: 100px -100px;
}

.w-nextBtn:active span {
    background-position: -40px -100px;
}

.noBorder {
    border-style: none;
}

.m-inset .w-subwarn,.m-inset .w-check-op {
    margin-right: 50%;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-lab {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
}

.m-labwrp {
    height: 100%;
    background: #fff;
}

.m-labcnt {
    position: absolute;
    top: 70px;
    left: 20px;
    right: 20px;
    bottom: 85px;
}

.m-labbot {
    height: 85px;
    position: absolute;
    bottom: 0;
    left: 60px;
    right: 0;
}

.m-labitem {
    width: 100%;
    height: 100%;
}


.m-labtop .tit {
    float: left;
    line-height: 1em;
}

.m-labtop .pager {
    float: right;
    margin-left: -18px;
}

.m-labtop .front {
    float: right;
    margin-right: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #51525c;
    line-height: 18px;
}

.m-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.m-btn .pre {
    float: right;
    display: block;
    width: 74px;
    width: 74px;
    text-decoration: none;
    background-position: 64px -150px;
}

.m-btn .pre span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 54px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.m-btn .pre:hover {
    background-position: 64px -200px;
}

.m-btn .pre:hover span {
    background-position: -40px -200px;
}

.m-btn .pre:active {
    background-position: 64px -250px;
}

.m-btn .pre:active span {
    background-position: -40px -250px;
}

.m-btn .next {
    float: right;
    margin-left: 10px;
    display: block;
    width: 124px;
    width: 124px;
    text-decoration: none;
    background-position: 114px 0px;
}

.m-btn .next span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 104px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.m-btn .next:hover {
    background-position: 114px -50px;
}

.m-btn .next:hover span {
    background-position: -40px -50px;
}

.m-btn .next:active {
    background-position: 114px -100px;
}

.m-btn .next:active span {
    background-position: -40px -100px;
}

.m-labtop .zbtn {
    display: none;
}

.m-labtop .zpgi {
    color: #51525c;
    border: none;
    padding: 2px 0 2px 16px;
    background-position: 3px -155px;
}

.m-labtop a.js-selected {
    background-position: -58px -173px;
    background-color: white;
}

.m-labtop .fobi {
    color: #ddd;
}

.m-labtop .cur {
    color: #19b861;
}

.m-labtop .nobg {
    background: none;
}

.m-itlab {
    height: 100%;
}

.m-itlab .up {
    border-bottom: 1px solid #efefef;
    padding: 10px;
    overflow-y: auto;
}

.m-itlab .show {
    cursor: pointer;
    color: #444;
    margin: 20px 0;
    font-size: 12px;
    width: 55px;
    border: 1px solid #E2E2E2;
    background-color: #EFEFEF;
    padding: 8px;
    text-align: center;
    display: block;
}

.m-itlab .show:hover {
    border: 1px solid #CFCFCF;
    background-color: #DBDBDB;
}

.m-itlab .res {
    word-break: break-all;
}

.m-labprop {
    height: 220px;
    width: 390px;
}

.m-labprop .video {
    overflow: hidden;
    background-color: black;
}

.m-labprop .txt {
    text-align: left;
    text-indent: 2em;
    line-height: 21px;
    height: 220px;
    width: 390px;
    font-size: 12px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.u-tip {
    position: absolute;
    display: block;
    padding-left: 25px;
    cursor: pointer;
    bottom: -50px;
    font-size: 12px;
    line-height: 18px;
    background-position: -180px -155px;
}

.m-inset .m-btn {
    margin-right: 50%;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-toPayDialog {
    width: 406px;
    height: 200px;
    margin: 0 20px 0 20px;
}

.m-toPayDialog .info {
    color: #333;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 50px;
    font-family: '微软雅黑';
}

.m-toPayDialog .info.center {
    text-align: center;
}

.m-toPayDialog .info span {
    color: #d62727;
}

.m-toPayDialog .btns {
    height: 33px;
    text-align: center;
    margin-top: 5px;
}

.m-toPayDialog .btns .okbtn {
    display: block;
    width: 130px;
    width: 130px;
    text-decoration: none;
    background-position: 120px -300px;
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    font-size: 15px;
}

.m-toPayDialog .btns .okbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 110px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .okbtn:hover {
    background-position: 120px -350px;
}

.m-toPayDialog .btns .okbtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .okbtn:active {
    background-position: 120px -400px;
}

.m-toPayDialog .btns .okbtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .okbtn.sbtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
}

.m-toPayDialog .btns .okbtn.sbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .okbtn.sbtn:hover {
    background-position: 70px -350px;
}

.m-toPayDialog .btns .okbtn.sbtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .okbtn.sbtn:active {
    background-position: 70px -400px;
}

.m-toPayDialog .btns .okbtn.sbtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .closebtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    font-size: 16px;
}

.m-toPayDialog .btns .closebtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .closebtn:hover {
    background-position: 70px -350px;
}

.m-toPayDialog .btns .closebtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .closebtn:active {
    background-position: 70px -400px;
}

.m-toPayDialog .btns .closebtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .cancelbtn {
    display: block;
    width: 130px;
    width: 130px;
    text-decoration: none;
    background-position: 120px -450px;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    font-size: 15px;
}

.m-toPayDialog .btns .cancelbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 110px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #444;
    background-position: -40px -450px;
}

.m-toPayDialog .btns .cancelbtn:hover {
    background-position: 120px -500px;
}

.m-toPayDialog .btns .cancelbtn:hover span {
    background-position: -40px -500px;
}

.m-toPayDialog .btns .cancelbtn:active {
    background-position: 120px -550px;
}

.m-toPayDialog .btns .cancelbtn:active span {
    background-position: -40px -550px;
}

.m-toPayDialog .btns .cancelbtn.sbtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -450px;
}

.m-toPayDialog .btns .cancelbtn.sbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #444;
    background-position: -40px -450px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:hover {
    background-position: 70px -500px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:hover span {
    background-position: -40px -500px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:active {
    background-position: 70px -550px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:active span {
    background-position: -40px -550px;
}

.m-toPayDialog .treaty {
    margin: 8px 0 0;
}

.m-toPayDialog .treaty label {
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 21px;
    color: #666;
}

.m-toPayDialog .treaty a {
    color: #10ae58;
    font-size: 12px;
}

.m-toPayDialog .treaty a:hover {
    text-decoration: underline;
}

.m-toPayDialog .treatyFb {
    height: 17px;
    background-position: 1px -9px;
    padding: 0 0 0 22px;
    color: #d31818;
    font-size: 12px;
}

.m-toPayDialog .privilege {
    margin: 12px 0 8px;
    color: #333;
    font-size: 12px;
}

.m-toPayDialog .privilege label {
    margin: 0 0 0 5px;
}

.m-toPayDialog .privilege label span {
    color: #ff9400;
    font-size: 12px;
    padding: 0 0 0 20px;
}

.m-toPayDialog .privilege .keyArea {
    margin: 6px 10px 0 0;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 10px;
}

.m-toPayDialog .privilege .keyArea .keyInput {
    width: 147px;
}

.m-toPayDialog .privilege .keyArea .keyInput .inputtxt {
    overflow-y: hidden;
}

.m-toPayDialog .privilege .keyArea .keyFb {
    width: 455px;
}

.m-toPayDialog .privilege .keyArea .keyFb .warningbox .warntxt {
    color: #C33;
}

.m-toPayDialog .privilege .keyArea .keyFb.rightFb .warningbox .righttxt {
    color: #21a557;
}

.m-toPayDialog .privilege .keyArea .keyFb.rightFb .warningbox .righttxt em {
    font-size: 14px;
    color: #ff7e00;
}

.m-toPayDialog .help-tip {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
}

.m-toPayDialog .help-tip .zixun {
    color: #2cb060;
    font-size: 12px;
    text-align: center;
    padding-right: 5px;
}

.m-toPayDialog .help-tip .chat {
    color: #333;
    line-height: 21px;
}

.m-toPayDialog .help-tip .wrpbox {
    background-color: #f0f0f0;
    padding: 0 5px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
}

.m-toPayDialog .help-tip .wrpbox:hover {
    background-color: #e6e6e6;
}

.m-treaty-dialog.m-basewin div.cmtpl {
    height: 380px;
    overflow-y: scroll;
}

.u-window-hasborder {
    border: 1px solid #babecb !important;
}

.u-userCard {
    display: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 6px #aaa;
    box-shadow: 1px 1px 6px #aaa;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    border: 1px solid #aaa;
}

.u-userCard .loading {
    width: 243px;
    text-align: center;
    line-height: 40px;
    display: none;
}

.u-userCard .face {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 2px #aaa;
    box-shadow: 0px 0px 2px #aaa;
    width: 80px;
    height: 80px;
    background: #fff;
    padding: 2px;
}

.u-userCard .info {
    width: 168px;
    height: 36px;
    padding: 42px 0 0 8px;
}

.u-userCard .info .name {
    font-size: 14px;
    max-width: 147px;
    color: #333;
    font-family: '微软雅黑';
    font-weight: bold;
    line-height: 20px;
}

.u-userCard .info .name:hover {
    color: #50c485;
    text-decoration: underline;
}

.u-userCard .info .name-small {
    font-size: 12px;
}

.u-userCard .info .gztxt {
    color: #999;
    font-size: 12px;
}

.u-userCard .nameloginfo {
    margin-bottom: 3px;
    margin-top: 3px;
}

.u-userCard .des {
    padding: 10px 0 5px 0;
    font-size: 12px;
    color: #999;
    line-height: 1.4;
}

.u-userCard .gz {
    text-align: center;
    padding: 10px 0;
}

.u-userCard .u-orgVipIcon1,.u-userCard .u-lectorVipIcon1 {
    margin-top: 3px;
}

.u-orgVipIcon1 {
    background-position: 0 0;
    width: 16px;
    height: 14px;
}

.u-orgVipIcon2 {
    background-position: -90px 0;
    width: 14px;
    height: 14px;
}

.u-lectorVipIcon1 {
    background-position: -28px 0;
    width: 16px;
    height: 14px;
}

.u-lectorVipIcon2 {
    background-position: -58px 0;
    width: 14px;
    height: 14px;
}

.u-richeditor {
    width: auto;
    border: 1px solid #dfdfdf;
    text-align: center;
    position: relative;
}

.u-richeditor .zarea {
    background: #fff;
    width: 100%;
}

.u-richeditor .ztbar {
    background-color: #f1f1f1;
    padding: 0 7px;
    border-bottom: 1px solid #dfdfdf;
}

.u-richeditor .ztbar:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.u-richeditor .zitm {
    float: left;
    width: 24px;
    height: 24px;
    margin: 7px 1px;
    cursor: pointer;
    position: relative;
}

.u-richeditor .zitm:hover,.u-richeditor .zitm.js-checked {
    background-color: #d0d0d0;
}

.u-richeditor .zitm.js-disabled,.u-richeditor .zitm.js-disabled:hover {
    cursor: default;
    background: #f1f1f1 !important;
}

.u-richeditor .zitm .zicn {
    width: 24px;
    height: 24px;
    margin: 0;
    overflow: hidden;
    text-indent: 100px;
}

.u-richeditor .z-i-0 .zicn {
    background-position: 0 0;
}

.u-richeditor .z-i-0.js-disabled .zicn {
    cursor: default;
    background-position: 0 -24px;
}

.u-richeditor .z-i-1 .zicn {
    background-position: -24px 0;
}

.u-richeditor .z-i-1.js-disabled .zicn {
    cursor: default;
    background-position: -24px -24px;
}

.u-richeditor .z-i-2 .zicn {
    background-position: -48px 0;
}

.u-richeditor .z-i-2.js-disabled .zicn {
    cursor: default;
    background-position: -48px -24px;
}

.u-richeditor .z-i-3 .zicn {
    background-position: -72px 0;
}

.u-richeditor .z-i-3.js-disabled .zicn {
    cursor: default;
    background-position: -72px -24px;
}

.u-richeditor .z-i-4 .zicn {
    background-position: -96px 0;
}

.u-richeditor .z-i-4.js-disabled .zicn {
    cursor: default;
    background-position: -96px -24px;
}

.u-richeditor .z-i-5 .zicn {
    background-position: -120px 0;
}

.u-richeditor .z-i-5.js-disabled .zicn {
    cursor: default;
    background-position: -120px -24px;
}

.u-richeditor .z-i-6 .zicn {
    background-position: -144px 0;
}

.u-richeditor .z-i-6.js-disabled .zicn {
    cursor: default;
    background-position: -144px -24px;
}

.u-richeditor .z-i-7 .zicn {
    background-position: -168px 0;
}

.u-richeditor .z-i-7.js-disabled .zicn {
    cursor: default;
    background-position: -168px -24px;
}

.u-richeditor .z-i-8 .zicn {
    background-position: -192px 0;
}

.u-richeditor .z-i-8.js-disabled .zicn {
    cursor: default;
    background-position: -192px -24px;
}

.u-richeditor .z-i-9 .zicn {
    background-position: -216px 0;
}

.u-richeditor .z-i-9.js-disabled .zicn {
    cursor: default;
    background-position: -216px -24px;
}

.u-richeditor .z-i-10 .zicn {
    background-position: -240px 0;
}

.u-richeditor .z-i-10.js-disabled .zicn {
    cursor: default;
    background-position: -240px -24px;
}

.u-richeditor .z-i-11 .zicn {
    background-position: -264px 0;
}

.u-richeditor .z-i-11.js-disabled .zicn {
    cursor: default;
    background-position: -264px -24px;
}

.u-richeditor .z-i-12 .zicn {
    background-position: -288px 0;
}

.u-richeditor .z-i-12.js-disabled .zicn {
    cursor: default;
    background-position: -288px -24px;
}

.u-richeditor .zisp {
    float: left;
    width: 1px;
    height: 18px;
    margin: 10px 4px;
    background: #ccc;
}

.u-richeditor .zdlitm {
    float: left;
    height: 22px;
    padding: 0 16px 0 5px;
    margin: 7px 5px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #dfdfdf;
    position: relative;
}

.u-richeditor .zdlitm .up {
    font-size: 12px;
    color: #999;
    line-height: 22px;
}

.u-richeditor .zdlitm .up .txt1 {
    width: 177px;
    height: 25px;
}

.u-richeditor .zdlitm.js-disabled {
    background-color: #fafafa;
}

.u-richeditor .zdlitm.js-disabled .up {
    cursor: default;
}

.u-richeditor .zdlitm .down,.u-richeditor .zitm .down {
    position: absolute;
    top: 22px;
    left: -1px;
    width: auto;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    border: 1px solid #d1d2d4;
    background-color: #fff;
}

.u-richeditor .zdlitm .list,.u-richeditor .zitm .list {
    display: block;
    line-height: 153%;
    font-size: 14px;
    color: #333;
    padding: 3px 10px;
    width: auto;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    font-family: '微软雅黑';
}

.u-richeditor .zdlitm .list:hover,.u-richeditor .zitm .list:hover {
    background-color: #f1f1f1;
}

.u-richeditor .z-i-code.zdlitm {
    width: 55px;
    background-position: 53px -49px;
}

.u-richeditor .z-i-code.zdlitm.js-disabled {
    background-position: 53px -74px;
}

.u-richeditor .z-i-size.zdlitm {
    width: 32px;
    background-position: 32px -49px;
}

.u-richeditor .z-i-size.zdlitm.js-disabled {
    background-position: 32px -74px;
}

.u-richeditor .colorbtn {
    width: 32px;
}

.u-richeditor .colorbtn .zicn {
    width: 32px;
}

.u-richeditor .colorbtn .colordown {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 100;
}

.u-richeditor .u-ecolorpicker {
    padding: 3px;
    border: 1px solid #d1d2d4;
    background-color: #f1f1f1;
    width: 132px;
}

.u-richeditor .u-ecolorpicker .clear {
    display: block;
    color: #666;
    font-size: 13px;
    border: 1px solid #f1f1f1;
    text-align: center;
    width: 130px;
    height: 24px;
    line-height: 24px;
}

.u-richeditor .u-ecolorpicker .clear:hover,.u-richeditor .u-ecolorpicker .clear.selected {
    border: 1px solid #aaa;
}

.u-richeditor .u-ecolorpicker .colors {
    height: 88px;
}

.u-richeditor .u-ecolorpicker .colorbtn {
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid #f1f1f1;
}

.u-richeditor .u-ecolorpicker .colorbtn:hover,.u-richeditor .u-ecolorpicker .colorbtn.selected {
    border: 1px solid #aaa;
}

.u-richeditor .u-ecolorpicker .colorbtn span {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px;
}

.u-richeditor-link {
    width: 322px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-link .row {
    width: 338px;
    margin: 10px 0;
}

.u-richeditor-link .txtwrap {
    border: 1px solid #ddd;
    width: 320px;
    height: 30px;
}

.u-richeditor-link .txtwrap .title {
    color: #ccc;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.u-richeditor-link .txtwrap .ipt {
    width: 280px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    background: #fafafa;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
}

.u-richeditor-link .btns {
    margin-top: 10px;
}

.u-richeditor-link .btns .u-btn {
    margin-right: 0;
    margin-left: 10px;
}

.u-richeditor-link .error {
    color: red;
    line-height: 1.4;
}

.u-richeditor-uploadCard {
    text-align: left;
    width: 405px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-uploadCard .tab {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.u-richeditor-uploadCard .tabitem span {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
}

.u-richeditor-uploadCard .j-selected {
    background: #ddd;
}

.u-richeditor-uploadCard .txtwrap {
    border: 1px solid #ddd;
    width: 320px;
    height: 30px;
    margin-right: 10px;
}

.u-richeditor-uploadCard .txtwrap .txt {
    width: 310px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    background: #fafafa;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
}

.u-richeditor-uploadCard .hideimage {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.u-richeditor-uploadCard .uploadcon,.webcon {
    margin-bottom: 20px;
}

.u-richeditor-uploadCard .uploadcon {
    height: 32px;
}

.u-richeditor-uploadCard .choose_file {
    height: 32px;
    width: 90px;
}

.u-richeditor-uploadCard .desc {
    color: #ccc;
}

.u-richeditor-uploadCard .error {
    color: red;
    line-height: 1.4;
}

.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter,.syntaxhighlighter td,.syntaxhighlighter tr,.syntaxhighlighter tbody,.syntaxhighlighter thead,.syntaxhighlighter caption,.syntaxhighlighter textarea {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    background: none !important;
    border: 0 !important;
    bottom: auto !important;
    float: none !important;
    left: auto !important;
    line-height: 1.1em !important;
    outline: 0 !important;
    overflow: visible !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    vertical-align: baseline !important;
    width: auto !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-weight: 400 !important;
    font-style: normal !important;
    min-height: auto !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.syntaxhighlighter {
    width: 100%;
    position: relative !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
    background-color: #f5f5f5 !important;
    margin: .3em 0;
}

.syntaxhighlighter.source {
    overflow: hidden !important;
}

.syntaxhighlighter .italic {
    font-style: italic !important;
}

.syntaxhighlighter caption {
    text-align: left !important;
    color: #000 !important;
    padding: .5em 0 .5em 1em !important;
}

.syntaxhighlighter ol {
    list-style: decimal;
    margin: 0px 0px 1px 0px;
    padding: 2px 0;
    color: #AFAFAF;
    font-size: 1.0em;
    line-height: 1.4em;
    color: #afafaf !important;
    background-color: #f7f7f9;
}

.syntaxhighlighter ol li {
    list-style: decimal;
    border-left: 1px solid #E1E1E8;
    padding-left: 10px;
    line-height: 1.1em;
    margin: 0 0 0 45px;
}

.syntaxhighlighter.show {
    display: block !important;
}

.syntaxhighlighter.collapsed .toolbar {
    font-size: 1em !important;
    position: static !important;
    width: auto !important;
    color: blue !important;
    background: #FFF !important;
    border: 1px solid #6ce26c !important;
    padding: 0.1em 0.8em 0 !important;
}

.syntaxhighlighter.collapsed .toolbar span {
    display: inline !important;
    margin-right: 1em !important;
}

.syntaxhighlighter.collapsed .toolbar span a {
    display: none !important;
    padding: 0 !important;
}

.syntaxhighlighter .toolbar {
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    width: 11px !important;
    height: 11px !important;
    font-size: 10px !important;
    z-index: 10 !important;
    color: #FFF !important;
    background: #6ce26c !important;
    border: none !important;
}

.syntaxhighlighter .toolbar a {
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding-top: 1px !important;
    color: #FFF !important;
}

.syntaxhighlighter.ie {
    font-size: 0.9em !important;
    padding: 1px 0 !important;
    width: auto;
}

.syntaxhighlighter.ie .toolbar {
    line-height: 8px !important;
}

.syntaxhighlighter.ie .toolbar a {
    padding-top: 0 !important;
}

.syntaxhighlighter.ie ol {
    white-space: normal;
}

.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content {
    background: none !important;
}

.syntaxhighlighter.printing .line .number {
    color: #bbb !important;
}

.syntaxhighlighter.printing .line .content {
    color: #000 !important;
    border: none !important;
}

.syntaxhighlighter.printing a {
    text-decoration: none !important;
}

.syntaxhighlighter .gutter .line.highlighted {
    background-color: #6ce26c !important;
    color: #FFF !important;
}

.syntaxhighlighter.collapsed {
    overflow: visible !important;
}

.syntaxhighlighter .script {
    font-weight: 700 !important;
    color: #ff7800 !important;
    background-color: none !important;
}

.syntaxhighlighter .bold,.syntaxhighlighter.printing .script {
    font-weight: 700 !important;
}

.syntaxhighlighter.collapsed table,.syntaxhighlighter .toolbar a.expandSource,.syntaxhighlighter.printing .toolbar {
    display: none !important;
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource,.syntaxhighlighter .toolbar span.title {
    display: inline !important;
}

.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a,.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a,.syntaxhighlighter .line.highlighted.number,.syntaxhighlighter .toolbar a:hover,.syntaxhighlighter .plain,.syntaxhighlighter .plain a {
    color: #000 !important;
}

.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a,.syntaxhighlighter .comments,.syntaxhighlighter .comments a {
    color: #008200 !important;
}

.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a,.syntaxhighlighter.collapsed .toolbar a,.syntaxhighlighter .string,.syntaxhighlighter .string a {
    color: blue !important;
}

.syntaxhighlighter.printing .keyword,.syntaxhighlighter .keyword {
    color: #ff7800 !important;
    font-weight: 700 !important;
}

.syntaxhighlighter.printing .preprocessor,.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a,.syntaxhighlighter .preprocessor,.syntaxhighlighter .color1,.syntaxhighlighter .color1 a {
    color: gray !important;
}

.syntaxhighlighter.printing .variable,.syntaxhighlighter .variable {
    color: #a70 !important;
}

.syntaxhighlighter.printing .value,.syntaxhighlighter .value {
    color: #090 !important;
}

.syntaxhighlighter.printing .functions,.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a,.syntaxhighlighter .functions,.syntaxhighlighter .color2,.syntaxhighlighter .color2 a {
    color: #ff1493 !important;
}

.syntaxhighlighter.printing .constants,.syntaxhighlighter .constants {
    color: #06c !important;
}

.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a,.syntaxhighlighter.collapsed .toolbar a:hover,.syntaxhighlighter .color3,.syntaxhighlighter .color3 a {
    color: red !important;
}

.u-richeditor-math {
    width: 700px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-math .m-mathedit {
    height: 470px;
}

.u-richeditor-math .m-mathedit .u-latex {
    margin-top: 120px;
}

.u-richeditor-math .m-mathedit .latextip {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.u-richeditor-math .m-mathedit .chinatip {
    font-size: 12px;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .savetip {
    font-size: 14px;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .imgsrea {
    top: 44px;
    background-color: #fafafa;
    height: 100px;
    width: 700px;
    border-top: 1px solid #d6d6d6;
}

.u-richeditor-math .m-mathedit .latexarea {
    margin-top: 10px;
    width: 100%;
}

.u-richeditor-math .m-mathedit .latexSrc {
    width: 700px;
    height: 80px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
}

.u-richeditor-math .m-mathedit .latexlen {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

.u-richeditor-math .m-mathedit .imgshow {
    margin-top: 15px;
    height: 65px;
}

.u-richeditor-math .m-mathedit .warninfo {
    color: red;
}

.u-richeditor-math .m-mathedit .imginfo {
    margin-right: 20px;
    font-size: 14px;
}

.u-richeditor-math .m-mathedit .imgshow img {
    max-width: 570px;
}

.u-richeditor-math .m-mathedit .latexMsg {
    height: 30px;
    lien-height: 30px;
    color: green;
}

.u-richeditor-math .m-mathedit .tipinfo {
    height: 30px;
    lien-height: 30px;
    color: #d31818;
    margin-left: 10px;
}

.u-richeditor-math .m-mathedit .samright {
    border: 1px solid #ddd;
    margin-right: 5px;
    padding: 0 3px;
    height: 70px;
    background-color: #fff;
}

.u-richeditor-math .m-mathedit .samright img {
    vertical-align: middle;
}

.u-richeditor-math .m-mathedit .verticalAlign {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
}

.u-richeditor-math .m-mathedit .eqitem {
    z-index: 10;
    width: 700px;
    padding-top: 10px;
}

.u-richeditor-math .m-mathedit .itemname {
    text-align: center;
    background-color: #f2f2f2;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
}

.u-richeditor-math .m-mathedit .selected {
    background-color: #d9d9d9;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .eqitem-2 {
    left: -48px;
}

.u-richeditor-math .m-mathedit .eqitem-3 {
    left: -96px;
}

.u-richeditor-math .m-mathedit .eqitem-4 {
    left: -144px;
}

.u-richeditor-math .m-mathedit .eqitem-5 {
    left: -192px;
}

.u-richeditor-math .m-mathedit .eqitem-6 {
    left: -240px;
}

.u-richeditor-math .m-mathedit .eqitem-7 {
    left: -287px;
}

.u-richeditor-math .m-mathedit .eqitem-8 {
    left: -336px;
}

.u-richeditor-math .m-mathedit .eqitem-9 {
    left: -398px;
}

.u-richeditor-math .m-mathedit .eqitem-10 {
    left: -459px;
}

.u-richeditor-math .m-mathedit .eqitem-11 {
    left: -508px;
}

.u-richeditor-math .m-mathedit .eqitem-12 {
    left: -557px;
}

.u-richeditor-math .m-mathedit .eqitem-13 {
    left: -604px;
}

.u-richeditor-math .m-mathedit .eqitem-14 {
    left: -652px;
}

.u-richeditor-math .m-mathedit .sunSample {
    width: 650px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.u-richeditor-link {
    width: 338px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-link .row {
    width: 338px;
    margin: 10px 0;
}

.u-richeditor-link .txtwrap {
    width: 338px;
    height: 37px;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
}

.u-richeditor-link .txtwrap .title {
    color: #ccc;
    height: 35px;
    margin: 0 8px 0 10px;
    line-height: 35px;
    text-align: center;
}

.u-richeditor-link .txtwrap .ipt {
    padding: 0;
    width: 280px;
    font-size: 14px;
    line-height: 35px;
    background: transparent;
    border: none;
    overflow: hidden;
    resize: none;
    color: #444;
}

.u-richeditor-link .btns {
    padding-top: 10px;
}

.u-richeditor-link .btns .btn {
    padding: 0 !important;
    margin-left: 10px;
}

.u-richeditor-link .btns .btn.ok {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
}

.u-richeditor-link .btns .btn.ok span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.u-richeditor-link .btns .btn.ok:hover {
    background-position: 52px -50px;
}

.u-richeditor-link .btns .btn.ok:hover span {
    background-position: -40px -50px;
}

.u-richeditor-link .btns .btn.ok:active {
    background-position: 52px -100px;
}

.u-richeditor-link .btns .btn.ok:active span {
    background-position: -40px -100px;
}

.u-richeditor-link .btns .btn.cancel {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px -150px;
}

.u-richeditor-link .btns .btn.cancel span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.u-richeditor-link .btns .btn.cancel:hover {
    background-position: 52px -200px;
}

.u-richeditor-link .btns .btn.cancel:hover span {
    background-position: -40px -200px;
}

.u-richeditor-link .btns .btn.cancel:active {
    background-position: 52px -250px;
}

.u-richeditor-link .btns .btn.cancel:active span {
    background-position: -40px -250px;
}

.u-richeditor-link .btns .btn span {
    font-size: 14px !important;
}

.u-richeditor-uploadCard {
    text-align: left;
    width: 405px;
    padding: 0;
}

.u-richeditor-uploadCard .tab {
    margin-bottom: 0 !important;
}

.u-richeditor-uploadCard .tab .j-selected {
    background: #ddd;
}

.u-richeditor-uploadCard .j-cnt {
    border: none;
}

.u-richeditor-uploadCard .txtwrap {
    width: 320px;
    height: 35px;
    margin-right: 10px;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
}

.u-richeditor-uploadCard .txtwrap .txt {
    width: 310px;
    padding: 0;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    background: transparent;
    border: none;
    overflow: hidden;
    resize: none;
}

.u-richeditor-uploadCard .btn {
    padding: 0 !important;
    font-size: 14px !important;
}

.u-richeditor-uploadCard .btn span {
    padding: 0;
}

.u-richeditor-uploadCard .btn.choosebtn {
    display: block;
    width: 92px;
    width: 92px;
    text-decoration: none;
    background-position: 82px 0px;
}

.u-richeditor-uploadCard .btn.choosebtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 72px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.u-richeditor-uploadCard .btn.choosebtn:hover {
    background-position: 82px -50px;
}

.u-richeditor-uploadCard .btn.choosebtn:hover span {
    background-position: -40px -50px;
}

.u-richeditor-uploadCard .btn.choosebtn:active {
    background-position: 82px -100px;
}

.u-richeditor-uploadCard .btn.choosebtn:active span {
    background-position: -40px -100px;
}

.u-richeditor-uploadCard .btn.okbtn {
    display: block;
    width: 62px;
    width: 62px;
    text-decoration: none;
    background-position: 52px 0px;
    margin: 2px 0;
}

.u-richeditor-uploadCard .btn.okbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 42px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.u-richeditor-uploadCard .btn.okbtn:hover {
    background-position: 52px -50px;
}

.u-richeditor-uploadCard .btn.okbtn:hover span {
    background-position: -40px -50px;
}

.u-richeditor-uploadCard .btn.okbtn:active {
    background-position: 52px -100px;
}

.u-richeditor-uploadCard .btn.okbtn:active span {
    background-position: -40px -100px;
}

.m-weChartBind {
    padding: 25px;
    width: 250px;
    text-align: center;
}

.m-weChartBind .headImg {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    border: 2px solid #fff;
}

.m-weChartBind.m-basewin .zbar,.m-weChartBind.m-basewin .zcls {
    display: none;
}

.m-weChartBind .title {
    text-align: left;
    margin-left: 10px;
    margin-top: 14px;
    float: left;
    line-height: 16px;
}

.m-weChartBind .uptxt {
    border: 1px solid #ccc;
    height: 19px;
    padding: 10px;
    margin-bottom: 10px;
    width: 228px;
}

.m-weChartBind .err {
    text-align: center;
    color: #ce5251;
}

.m-weChartBind .bts {
    margin-top: 5px;
}

.m-weChartBind .bindOther {
    font-size: 16px;
}

.m-weChartBind .bindbtn {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #2cc17b;
    display: none;
}

.m-weChartBind .bindbtn2 {
    margin-left: 0;
    background: #e6e6e6;
    color: #666;
    width: 100%;
    display: block;
    font-size: 16px;
}

.m-weChartBind .downIcon {
    text-align: center;
    color: #fff;
    background: #2cc17b;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    line-height: 12px;
    font-size: 12px;
    margin: 0 2px;
    font-weight: normal;
}

.m-weChartBind .backBtn {
    display: block;
    border: 1px solid #ccc;
    padding: 12px 0;
    width: 248px;
    cursor: pointer;
}

.m-weChartBind .icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff;
    background: #ec7a7f;
    margin: 0 8px;
}

.m-weChartBind .qq {
    background: #4aaede;
}

.m-weChartBind .renren {
    background: #689fd2;
}

.m-weChartBind .icourse {
    background: #f5bb41;
}

.lucky-number-dialog {
    width: 340px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4000;
    background-color: #fff;
    padding: 72px 100px 20px;
    font-size: 10px;
}


.lucky-number-dialog h3,.lucky-number-dialog p,.lucky-number-dialog input,.lucky-number-dialog a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.lucky-number-dialog h3 {
    color: #fe7caa;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
}

.lucky-number-dialog .number {
    width: 207px;
    height: 64px;
    line-height: 64px;
    color: #fe7caa;
    font-size: 24px;
    margin: 30px auto 0;
    background-color: #eee;
}

.lucky-number-dialog .tip-text {
    color: #222;
    font-size: 14px;
    margin-top: 70px;
    line-height: 14px;
}

.lucky-number-dialog .go-index {
    font-size: 14px;
    color: #222;
    margin: 36px 0 0 320px;
    line-height: 14px;
    width: 100px;
    text-decoration: underline;
}

.lucky-number-dialog .no-phone-number {
    padding-top: 20px;
}

.lucky-number-dialog .no-phone-number input {
    border: 1px solid #d2d2d2;
    width: 305px;
    height: 40px;
    font-size: 14px;
    color: #222;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    line-height: 42px;
    text-align: left;
    text-indent: 11px;
}

.lucky-number-dialog .no-phone-number .d-btn {
    width: 307px;
    height: 42px;
    line-height: 42px;
    margin-top: 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 16.8px;
    background-color: #08d346;
    color: #fff;
}

.lucky-number-dialog .has-phone-number {
    border-top: 1px solid #d2d2d2;
    width: 320px;
    margin: 40px auto 0;
}

.lucky-number-dialog .has-phone-number .share-tip {
    width: 260px;
    font-size: 14px;
    background-color: #fff;
    color: #222;
    line-height: 14px;
    margin-top: -7px;
}

.lucky-number-dialog .has-phone-number .d-btn {
    display: none;
}

.lucky-number-dialog .has-phone-number .share-ways {
    padding-top: 38px;
}

.lucky-number-dialog .has-phone-number .share-ways .u-share {
    width: 320px;
    margin: 0 auto;
}

.lucky-number-dialog .has-phone-number .share-ways .qzone {
    background-position: -80px -10px;
    margin: 0 70px;
}

.lucky-number-dialog .has-phone-number .share-ways .sina {
    background-position: -10px -10px;
}

.lucky-number-dialog .has-phone-number .share-ways .weixin {
    background-position: -150px -10px;
}

.lucky-number-dialog .has-phone-number .share-ways .douban,.lucky-number-dialog .has-phone-number .share-ways .renren,.lucky-number-dialog .has-phone-number .share-ways .kaixin {
    display: none;
}

.lucky-number-dialog .has-phone-number .go-index {
    margin-top: 53px;
}

.m-lucky-number-dialog {
    width: 84%;
    margin: 100px auto;
    background-color: #fff;
    font-size: 10px;
    overflow: hidden;
    padding: 16.7% 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 100px;
    z-index: 4000;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
}


.m-lucky-number-dialog h3,.m-lucky-number-dialog p,.m-lucky-number-dialog input,.m-lucky-number-dialog a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.m-lucky-number-dialog h3 {
    color: #fe7caa;
    font-size: 3em;
    font-weight: normal;
    width: 77.8%;
}

.m-lucky-number-dialog .number {
    width: 63%;
    height: 1.78em;
    line-height: 1.78em;
    color: #fe7caa;
    font-size: 4.5em;
    margin: 7.4% auto 0;
    background-color: #eee;
}

.m-lucky-number-dialog .tip-text {
    font-size: 1.8em;
    line-height: 1em;
    margin-top: 7.4%;
    color: #999;
}

.m-lucky-number-dialog .go-index {
    font-size: 1.8em;
    color: #999;
    margin-top: 3.7%;
    line-height: 14px;
    text-decoration: underline;
}

.m-lucky-number-dialog .d-btn {
    width: 77.8%;
    height: 2.5em;
    line-height: 2.5em;
    margin-top: 3.7%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 3.2em;
    background-color: #08d346;
    color: #fff;
}

.m-lucky-number-dialog .no-phone-number {
    padding-top: 5.56%;
}

.m-lucky-number-dialog .no-phone-number input {
    border: 1px solid #d2d2d2;
    width: 77.8%;
    height: 4em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 2em;
    color: #222;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    line-height: 4em;
    text-align: left;
    text-indent: 3.7%;
}

.m-lucky-number-dialog .no-phone-number .d-btn {
    width: 77.8%;
    height: 2.5em;
    line-height: 2.5em;
    margin-top: 3.7%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 3.2em;
    background-color: #08d346;
    color: #fff;
}

.m-lucky-number-dialog .has-phone-number {
    border-top: 1px solid #d2d2d2;
    width: 77.8%;
    margin: 9.5% auto 0;
}

.m-lucky-number-dialog .has-phone-number .share-tip {
    width: 78.4%;
    font-size: 1.6em;
    background-color: #fff;
    color: #999;
    margin-top: -0.8em;
}

.m-lucky-number-dialog .has-phone-number .share-ways {
    padding-top: 4.7%;
}

.m-lucky-number-dialog .has-phone-number .share-ways .u-share {
    margin: 0 auto;
    width: 45%;
}


.m-lucky-number-dialog .has-phone-number .share-ways .qzone {
    background-position: -54px -7px;
    float: right;
}

.m-lucky-number-dialog .has-phone-number .share-ways .sina {
    background-position: -7px -7px;
}

.m-lucky-number-dialog .has-phone-number .share-ways .weixin {
    background-position: -101px -7px;
    display: none;
}

.m-lucky-number-dialog .has-phone-number .share-ways .douban,.m-lucky-number-dialog .has-phone-number .share-ways .renren,.m-lucky-number-dialog .has-phone-number .share-ways .kaixin {
    display: none;
}

.m-lucky-number-dialog .has-phone-number .go-index {
    margin-top: 7.14%;
    line-height: auto;
}

.m-lucky-number-dialog .has-phone-number .d-btn {
    display: none;
}

.m-lucky-number-dialog .no-share {
    border-top: none;
}

.m-lucky-number-dialog .no-share .share-tip,.m-lucky-number-dialog .no-share .share-ways {
    display: none;
}

.m-lucky-number-dialog .no-share .d-btn {
    display: block;
}

.m-lucky-number-dialog .has-phone-number-weixin .d-btn {
    margin-top: 9.5%;
}

.m-lucky-number-dialog .has-phone-number-weixin .weixin-tip {
    margin-top: 3.4%;
    font-size: 2em;
    color: #999;
}

@media screen and (max-width: 375px) and (min-width: 320px) {
    body {
        min-width: auto;
        padding: 0;
        position: relative;
        height: auto;
        min-height: 100%;
        width: 100%;
    }

    .m-lucky-number-dialog {
        font-size: 5px;
    }

    .m-lucky-number-dialog .tip-text span {
        display: block;
        text-align: center;
        line-height: 3em;
        line-height: 16px;
    }

    .m-lucky-number-dialog .tip-text i {
        display: none;
    }

    .m-lucky-number-dialog .close-btn {
        -webkit-background-size: 16px 16px;
        background-size: 16px;
    }
}

@media screen and (max-width: 414px) and (min-width: 375px) {
    .m-lucky-number-dialog {
        font-size: 6px;
    }
}

@media screen and (max-width: 639px) and (min-width: 414px) {
    .m-lucky-number-dialog {
        font-size: 6.5px;
    }
}

@media screen and (min-width: 640px) {
    .m-lucky-number-dialog {
        font-size: 10px;
    }

    .m-lucky-number-dialog .has-phone-number .share-ways .qzone {
        background-position: -80px -10px;
    }

    .m-lucky-number-dialog .has-phone-number .share-ways .sina {
        background-position: -10px -10px;
    }

    .m-lucky-number-dialog .has-phone-number .share-ways .weixin {
        background-position: -150px -10px;
    }

    .m-lucky-number-dialog .has-phone-number .share-ways .solo {
        width: 60px;
        height: 60px;
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px;
    }
}

.ui-pager {
    padding: 30px 10px;
    float: right;
}

.ui-pager div * {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.ui-pager div a {
    float: left;
    margin: 0 4px;
    border: none;
    padding: 0;
}

.ui-pager .zbtn {
    width: 30px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background-color: #9fd7b2;
}

.ui-pager .zpgi {
    width: 20px;
    height: 20px;
    text-align: center;
    color: #999;
}

.ui-pager .zpgi:hover {
    background: #9fd7b2;
    color: #fff;
}

.ui-pager a.js-selected,.ui-pager a.js-selected:hover {
    font-weight: bolder;
    color: #10ae58;
    background: none;
    cursor: default;
}

.ui-pager .zdot {
    display: inline-block;
    float: left;
}

.ui-pager a.js-disabled {
    background-color: #ddd;
}

.ui-pager .zprv {
    background-image: url(../images/ui_sprite.png);
    background-repeat: no-repeat;
    background-position: -44px -431px;
}

.ui-pager .znxt {
    background-image: url(../images/ui_sprite.png);
    background-repeat: no-repeat;
    background-position: -42px -461px;
}

.game-g-center iframe {
    margin-left: 200px;
    height: 100%;
    width: 400px;
    vertical-align: middle;
}

.game-g-bg {
    font-family: "Microsoft YaHei";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.78);
    z-index: 999;
}

.game-g-center {
    margin: 60px auto 0;
    width: 870px;
    height: 700px;
}

.game-g-right {
    float: right;
    width: 210px;
    height: 100%;
}

.game-m-link {
    width: 140px;
    height: 50px;
    margin: 134px auto 0;
    font-size: 20px;
}

.game-m-link p {
    line-height: 1;
    margin: 0;
    color: #ffff33;
}

.game-m-link span {
    font-weight: bold;
}

.game-m-link p:first-child {
    margin-bottom: 10px;
}

.game-u-prog {
    display: inline-block;
    width: 75px;
    text-align: center;
}

.game-m-link a {
    text-decoration: none;
}

.game-u-go {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65px;
    text-align: center;
    border-left: 1px solid #891d0b;
}


.game-g-center iframe {
    margin-left: 200px;
    height: 100%;
    width: 400px;
    vertical-align: middle;
}

.game-g-bg {
    font-family: "Microsoft YaHei";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    filter: alpha(opacity=78);
    background-color: rgba(0, 0, 0, 0.78);
    z-index: 999;
    display: none;
}

.game-g-center {
    margin: 60px auto 0;
    width: 870px;
    height: 700px;
    position: relative;
}

.game-g-right {
    float: right;
    width: 210px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.game-m-link {
    width: 140px;
    height: 50px;
    margin: 134px auto 0;
    font-size: 20px;
}

.game-m-link p {
    line-height: 1;
    margin: 0;
    color: #ffff33;
}

.game-m-link span {
    font-weight: bold;
}

.game-m-link p:first-child {
    margin-bottom: 10px;
}

.game-u-prog {
    display: inline-block;
    width: 75px;
    text-align: center;
}

.game-m-link a {
    text-decoration: none;
}

.game-u-go {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65px;
    text-align: center;
    border-left: 1px solid #891d0b;
}

.game-j-share {
    position: absolute;
    top: 0px;
    width: 100%;
    display: none;
}

.game-weixin {
    position: absolute;
    top: 120px;
    right: 240px;
    display: none;
}

.game-m-icons {
    margin: 438px auto 0;
    width: 470px;
    height: 97px;
}

.game-u-icon {
    display: inline-block;
    height: 100%;
    width: 71px;
    background-position: 0 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-right: 57px;
}

.game-u-icon:last-child {
    margin-right: 0;
}


.game-u-shareclose {
    position: absolute;
    right: 23px;
    top: 21px;
    height: 22px;
    width: 22px;
    cursor: pointer;
}

@media screen and (max-height: 700px) {
    .game-g-center {
        height: 600px;
    }
}

.uisprite,.u-rating .star,.u-cover .continue .goImg,.u-cover .thumb .hot,.u-cover.u-index-plan .planflag,.u-popular-cover .wrap .info .cnt .icon,.u-courseHead a.cmEdit,.u-card .card.onlearn .status span.ic,.u-recommendCourse .enroll .hot {
    background: url(../images/ui_sprite.png) no-repeat 4449px 4449px;
}

.u-plicon,.m-chapterList .section .ksjicon-look,.m-chapterList .section .ksjicon-info,.m-chapterList .ksinfoicon {
    background: url(../images/listIcons.png) 9999px 9999px no-repeat;
}

.m-cbi {
    padding: 20px;
    color: #444;
    text-align: left;
    padding-bottom: 0;
    min-height: 824px
}

.m-cbi .targetuser {
    background: #e2f8e2;
    font-family: '微软雅黑';
    padding: 8px 26px;
    text-align: left;
    line-height: 1.4;
}

.m-cbi .ctit1 {
    margin: 0;
    padding: 0;
    color: #333;
    padding-bottom: 10px;
}

.m-cbi .u-ctn-intro {
    margin-bottom: 40px;
}

.m-cbi .u-ctn-intro-last {
    margin-bottom: 20px;
}

.m-cbi .noborder {
    border-left: 0;
    margin-left: -15px;
}

.m-cbi .cintrocon {
    line-height: 23px;
    font-family: '微软雅黑';
    word-wrap: break-word;
    color: #666;
}

.m-cbi .introimg {
    margin-top: 40px;
    text-align: center;
}

.m-cbi .introimg .intro-img {
    width: 880px;
    vertical-align: middle;
}

.m-ti {
    width: 265px;
    font-size: 12px;
    text-align: center;
}

.m-ti .lectors {
    padding: 14px 20px 14px 20px;
}

.m-ti .jts {
    height: 11px;
    margin: 5px 5px 10px 0;
}

.m-ti .jtsbtn {
    width: 8px;
    height: 11px;
    cursor: pointer;
}

.m-ti .jtsbtn-mr {
    margin-right: 10px;
}

.m-ti .jtsleft-no {
    background-position: 0 0;
}

.m-ti .jtsright-no {
    background-position: -30px 0;
}

.m-ti .jtsleft {
    background-position: 0 -30px;
}

.m-ti .jtsright {
    background-position: -30px -30px;
}

.m-ti .limg {
    margin: 0 75px;
    height: 75px;
}

.m-ti .lname {
    line-height: 20px;
}

.m-ti .f-hover {
    cursor: pointer;
}

.m-ti .ltxt {
    text-align: left;
    padding: 15px 20px;
    width: 225px;
    line-height: 20px;
    border-top: 1px solid #eee;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.m-ti .vipIcon {
    background: url(../images/ui_sprite.png) no-repeat -25px -1528px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 61px;
    left: 137px;
}

.u-edit,.u-cmtedit {
    position: relative;
    z-index: 101;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
    padding: 5px;
}

.u-edit .wrap,.u-cmtedit .wrap {
    position: relative;
    z-index: 101;
    width: 100%;
    height: 100%;
}

.u-edit .mtxt,.u-cmtedit .mtxt {
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 101;
    line-height: 23px;
    width: 100%;
    height: 100%;
    resize: none;
    background: transparent;
    border: none;
    color: #444;
    overflow-y: auto;
    overflow-x: hidden;
}

.u-edit .hint,.u-cmtedit .hint {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.f-bdr {
    border-top: 1px solid #dfdfdf;
}

.u-cmt img {
    float: left;
    margin: 4px 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.u-cmt .wrp {
    height: 36px;
    padding: 12px 0;
}

.u-cmt .info {
    float: left;
    margin-left: 7px;
}

.u-cmt .info .name {
    display: inline-block;
    zoom: 1;
    *display: inline;
    max-width: 100px;
    cursor: pointer;
}

.u-cmt .info .name:hover {
    text-decoration: underline;
}

.u-cmt .info .vipIcon {
    background: url(../images/ui_sprite.png) no-repeat 0px -1528px;
    width: 16px;
    height: 14px;
}

.u-cmt .info .time {
    margin-left: 5px;
    vertical-align: 2px;
}

.u-cmt .info .rate {
    margin-top: 4px;
}

.u-cmt .reply {
    top: 11px;
    right: 0px;
    font-size: 12px;
}

.u-cmt .reply:hover {
    text-decoration: underline;
}

.u-cmt .cnt {
    line-height: 21px;
    word-wrap: break-word;
}

.m-cmtop {
    margin: 20px 20px 5px 20px;
}

.m-cmtop .txt {
    display: block;
    float: left;
    line-height: 19px;
}

.m-cmtop .rate {
    float: left;
    margin-left: 5px;
}

.m-cmtop .edit {
    float: right;
    font-size: 12px;
}

.m-cmtop .unEditable {
    color: #666;
    float: right;
    font-size: 12px;
}

.m-cmtcnt {
    margin: 0 20px 15px 20px;
}

.m-cmtinp {
    padding: 0 20px 10px 20px;
}

.m-ckgd {
    text-align: center;
    background: #fafafa;
    border-top: 1px solid #eaeaea;
    color: #666;
    padding: 15px 0;
    cursor: pointer;
    font-size: 12px;
}

.m-ckgd:hover {
    background: #f2f2f2;
    color: #666;
    text-decoration: underline;
}

.u-cmtedit .mtxt {
    width: 217px;
}

.u-cmtedit .notetxt {
    font-size: 12px;
}

.u-cmtedit .hint {
    font-size: 12px;
}

.u-cmtedtip {
    position: absolute;
    height: 14px;
    bottom: -33px;
    left: 0;
}

.u-cmtsb {
    line-height: 32px;
}

.u-cmtsb a {
    display: block;
    float: right;
}

.u-cmtsb .cancel {
    margin-right: 10px;
}

.u-cmtsb .submit {
    float: right;
    display: block;
    width: 56px;
    width: 56px;
    text-decoration: none;
    background-position: 46px 0px;
}

.u-cmtsb .submit span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 36px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #fff;
    background-position: -40px 0px;
}

.u-cmtsb .submit:hover {
    background-position: 46px -50px;
}

.u-cmtsb .submit:hover span {
    background-position: -40px -50px;
}

.u-cmtsb .submit:active {
    background-position: 46px -100px;
}

.u-cmtsb .submit:active span {
    background-position: -40px -100px;
}

.u-cmtsb .tips {
    float: left;
}

.u-cmtsb .tips .m-feedbackinfo {
    padding: 5px 0 5px 0;
}

.m-cmtsli {
    width: 760px;
    height: 380px;
    text-align: left;
}

.m-cmtsli .m-data-lists {
    height: 316px;
    overflow: auto;
}

.u-asknull {
    margin: 20px;
    color: #999;
    font-size: 12px;
}

.u-cmtReply .m-baseinputui {
    width: 213px;
}

.u-cmtReply .u-replybtns {
    height: 34px;
    background-color: #dfdfdf;
}

.u-cmtReply .u-replybtns .cancel {
    color: #666;
    font-size: 12px;
    line-height: 34px;
}

.u-cmtReply .u-replybtns .ok {
    background-color: #10ae58;
    height: 24px;
    width: 43px;
    text-align: center;
    line-height: 24px;
    display: block;
    margin: 5px 6px 6px 10px;
    font-size: 12px;
}

.u-cmtReply .u-replybtns .ok:hover {
    color: #fff;
}

.u-cmtReplyEdit {
    background-color: #f2f2f2;
}

.u-cmtReplyEdit .j-replyEdit {
    padding: 10px 10px 2px 10px;
}

.u-cmtReplyEdit .j-replyEdit .u-editCnt .replyname {
    color: #10ae58;
}

.u-cmtReplyEdit .j-replyEdit .u-editCnt .replyEditCnt {
    word-wrap: break-word;
    white-space: pre-line;
}

.u-cmtReplyEdit .j-replyEdit .editbottom {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
}

.u-cmtReplyEdit .j-replyEdit .editbottom .replyTime {
    color: #666;
}

.u-cmtReplyEdit .j-replyEdit .editbottom .editBtn {
    color: #10ae58;
}

.m-basewin .m-baseinputui {
    width: 728px;
}

.m-basewin .u-replybtns {
    width: 740px;
}

.u-coursetitle {
    line-height: 19px;
    color: #666;
    font-size: 12px;
    text-align: left;
    width: 100%;
}

.u-coursetitle_title {
    color: #333 !important;
}

.u-coursetitle h2 {
    width: 100%;
    font-size: 24px;
    line-height: 1.2;
    break: break-all;
}

.u-coursetitle h2 a {
    color: #000;
}

.u-coursetitle h2 a:hover {
    color: #10ae58;
}

.u-coursetitle .margin-top-15 {
    margin-top: 15px;
}

.u-coursetitle a {
    color: #666;
}

.u-coursetitle .hot {
    background: url(../images/ui_sprite.png) no-repeat 4449px 4449px;
    float: left;
    padding: 0 6px 0 20px;
    color: #999;
    background-position: -55px -350px !important;
    font-size: 12px;
    margin-right: 20px;
}

.u-coursetitle .cat {
    color: #666;
    margin-top: 8px;
    margin-left: 35px;
    overflow: hidden;
    width: 240px;
    height: 18px;
    display: block;
    float: right;
}

.u-coursetitle .cat a {
    color: #666 !important;
}

.u-coursetitle .cat a:hover {
    color: #10ae58 !important;
}

.u-coursetitle .margin-t-5 {
    margin-top: 5px;
}

.u-coursetitle .teacher {
    height: 18px;
    overflow: hidden;
   /* padding-left: 10px;*/
}

.u-coursetitle .lzMark {
    width: 49px;
    height: 14px;
    vertical-align: middle;
    background: #919191;
    padding: 3px;
    font-size: 12px;
    color: #fff;
}

.u-coursetitle p a {
    color: #10ae58;
}

.u-coursetitle p a:hover {
    text-decoration: underline;
}

.u-coursetitle .cmt {
    float: left;
    color: #999;
}

.u-coursetitle .starall {
    float: left;
    height: 20px;
}

.u-coursetitle .u-rating span {
    font-size: 14px;
    line-height: 16px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.u-plicon,.m-chapterList .section .ksjicon-look,.m-chapterList .section .ksjicon-info,.m-chapterList .ksinfoicon {
    background: url(../images/listIcons.png) 9999px 9999px no-repeat;
}

.m-chapterList {
    border-top: 1px solid #ddd;
    text-align: left;
    position: relative;
    padding-bottom: 1em;
    min-height:779px;
}

.m-chapterList .chapter {
    margin-bottom: 10px;
}

.m-chapterList .chapterhead {
    height: 35px;
    color: #999;
    font-family: '微软雅黑';
    font-size: 14px;
    font-weight: bolder;
    padding: 0 20px;
    line-height: 35px;
    cursor: default;
    background: #fafafa;
}

.m-chapterList .chaptertitle {
    width: 62px;
    height: 35px;
    text-align: left;
}

.m-chapterList .chaptername {
    width: 470px;
    padding-left: 6px;
}

.m-chapterList .section-cur {
    background-color: #e2fadd;
}

.m-chapterList .section {
    height: 42px;
    padding: 0 20px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    margin: 0 10px;
    line-height: 42px;
    -webkit-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
}
.m-chapterList .section:nth-child(even){
    background:#f6f6f6;
}

.m-chapterList .section .ks {
    width: 62px;
    color: #999;
    text-align: left;
    font-size: 14px;
}

.m-chapterList .section .ksname {
    width: 35%;
    padding-left: 6px;
    color: #333;
    height: 36px;
}

.m-chapterList .section .ksjbtn {
    display: none;
    color: #10ae58;
    font-family: '微软雅黑';
}

.m-chapterList .section .ksjicon-look {
    width: 14px;
    height: 10px;
    margin: 13px 7px 0 0;
    background-position: -24px -112px;
}

.m-chapterList .section .ksjicon-info {
    width: 12px;
    height: 12px;
    margin: 12px 7px 0 0;
    background-position: -48px -112px;
}

.m-chapterList .section .ksinfo .kstime {
    width: 60px;
    height: 36px;
    text-align: right;
    font-size: 12px;
    color: #b7b8ba;
}

.m-chapterList .section.live .notstart {
    color: #999;
    font-size: 12px;
    margin: 0 7px;
}

.m-chapterList .section.live .livestatus {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #10ae58;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
    margin: 7px;
    background: #e1fadc;
    border: 1px solid #b5deac;
}

.m-chapterList .section.live .liveinfo {
    font-size: 12px;
    color: #999;
}

.m-chapterList .section.live .liveinfo .num {
    color: #10ae58;
}

.m-chapterList .section.live .liveinfo .warn {
    color: #cd0000;
}

.m-chapterList .section.live .ksname {
    max-width: 150px;
    width: auto;
}

.m-chapterList .ksinfoicon {
    width: 13px;
    height: 15px;
    margin: 12px 0 0 8px;
}

.m-chapterList .ksinfoicon.ksinfoicon-2 {
    background-position: -24px -184px;
}

.m-chapterList .ksinfoicon.ksinfoicon-3 {
    background-position: -24px -232px;
}

.m-chapterList .ksinfoicon.ksinfoicon-20 {
    background-position: -24px -256px;
}

.m-chapterList .ksinfoicon.ksinfoicon-30 {
    background-position: -24px -280px;
}

.m-chapterList .ksinfoicon.ksinfoicon-40 {
    background-position: -24px -208px;
}

.m-chapterList .ksinfoicon.ksinfoicon-41 {
    background-position: -24px -328px;
}

.m-chapterList .ksinfoicon.ksinfoicon-42 {
    background-position: -24px -352px;
}

.m-chapterList .ksinfoicon.ksinfoicon-50 {
    width: 17px;
    background-position: -24px -376px;
}

.m-chapterList .ksinfoicon.ksinfoicon-70 {
    width: 14px;
    height: 14px;
    background-position: -24px -397px;
    margin-top: 10px;
    margin-right: -1px;
}

.u-rating .star {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 2px;
    background-position: -48px -200px;
}

.u-rating .half {
    background-position: -24px -200px;
}

.u-rating .on {
    background-position: 0px -200px;
}

.u-rating span {
    color: #10ae58;
    vertical-align: text-top;
    margin-left: 10px;
    font-size: 12px;
}

.u-shareUI {
    height: 30px;
    position: relative;
}

.u-shareUI .right-icon {
    width: 40px;
    height: 25px;
    display: inline-block;
    padding: 0;
    margin-right: -1px;
}

.u-shareUI .share,.u-shareUI .toStore,.u-shareUI .canselStore {
    float: right;
    line-height: 28px;
    width: 40px;
    height: 25px;
    background: url(../images/courseTitle.png) no-repeat 4449px 4449px;
    background-color: #fff;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    font-size: 12px;
    color: #333;
}

.u-shareUI .info {
    float: right;
    line-height: 28px;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
}

.u-shareUI .info {
    background-position: 13px -81px;
}

.u-shareUI .info:hover {
    background-position: -73px -79px;
}

.u-shareUI .share {
    background-position: -6px -60px;
}

.u-shareUI .share:hover {
    color: #10ae58;
    background-position: -6px -5px;
}

.u-shareUI .toStore {
    background-position: -53px -4px;
}

.u-shareUI .toStore:hover {
    color: #10ae58;
    background-position: -53px -59px;
}

.u-shareUI .canselStore {
    color: #10ae58;
    background-position: -51px -59px;
}

.u-shareUI .box {
    padding: 8px 10px;
    position: absolute;
    bottom: -30px;
    right: 26px;
    width: 100px;
}

.m-QRCodeDialog {
    width: 290px;
}

.m-QRCodeDialog div.zbar {
    height: 10px;
}

.m-QRCodeDialog div.zcnt {
    height: 125px;
    padding: 0 20px 10px;
}

.m-QRCodeDialog .tip {
    margin: 20px 0 0 10px;
    text-align: center;
    line-height: 25px;
    color: #666666;
    font-size: 12px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.u-courseContact {
    font-size: 14px;
    padding: 15px 20px;
}

.u-courseContact .item {
    padding: 6px 0;
}

.u-courseContact .item i {
    display: inline-block;
    width: 22px;
    height: 20px;
}

.u-courseContact .item .icon {
    margin-right: 6px;
    vertical-align: middle;
}

.u-courseContact .item .info {
    margin-right: 2px;
}

.u-courseContact .item .remark {
    margin: 0 2px;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-course .m-data-lists {
    margin-left: -20px;
}

.u-cover {
    position: relative;
    width: 225px;
    height: 225px;
    float: left;
    margin: 0 0 30px 20px;
    background-color: #fff;
}

.u-cover .recommend {
    display: none;
}

.u-cover .wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.u-cover .continue .progs {
    background: #ccc;
    height: 4px;
    width: 100%;
}

.u-cover .continue .progs div {
    height: 100%;
    background: #10ae58;
}

.u-cover .continue h4 {
    display: block;
    color: #666;
    font-size: 12px;
    width: 100%;
    max-width: 219px;
    padding: 5px 2px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
}

.u-cover .continue .goOnArea {
    margin-top: 15px;
    text-align: center;
    vertical-align: middle;
}

.u-cover .continue .goTxt {
    display: inline;
    font: normal 14px '微软雅黑';
}

.u-cover .continue .goImg {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-position: -49px -389px;
}

.u-cover .sign {
    padding: 0 4px;
    height: 20px;
    position: absolute;
    top: -25px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    z-index: 10;
}

.u-cover .cp-course-grade-tips {
    display: none;
    position: absolute;
    right: 0;
    top: 222px;
    border: 1px solid #ddd;
    background: #ffffcc;
    width: 170px;
    line-height: 20px;
    color: #333;
    font-size: 12px;
    z-index: 201;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
}

.u-cover .cp-course-grade-tips a {
    cursor: pointer;
}

.u-cover .cp-course-grade-tips:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
    border-width: 8px;
    border-bottom-color: #999;
    top: -17px;
    left: 145px;
}

.u-cover .cp-course-grade-tips:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
    border-width: 8px;
    border-bottom-color: #ffffcc;
    top: -16px;
    left: 145px;
}

.u-cover .courseGrade {
    position: absolute;
    right: 0;
    bottom: 11px;
    width: 36px;
    height: 20px;
    background: #ff6600;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

.u-cover .course-grade-box {
    overflow: hidden;
}

.u-cover .course-grade-box-courseGrade {
    display: block;
}

.u-cover .course-grade-box:hover {
    color: #000;
}

.u-cover .course-grade-box:hover .cp-course-grade-tips {
    display: block;
}

.u-cover .foxconn {
    right: 56px;
}

.u-cover .foxconn2 {
    background: rgba(1, 74, 170, 0.5);
}

.u-cover .img {
    padding: 1px 1px 0;
    height: 124px;
    width: 223px;
    position: relative;
    *display: inline;
}

.u-cover .pic {
    position: relative;
    overflow: hidden;
    height: 124px;
    width: 100%;
    *display: inline;
}

.u-cover .pic .live {
    width: 213px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 5px;
    color: #fff;
    background-color: #10ae58;
}

.u-cover .pic .imgPic {
    width: 223px;
    height: 124px;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.u-cover .hRed {
    color: #a41f24;
}

.u-cover .hGreen {
    color: #10ae58;
}

.u-cover .tit {
    color: #333;
    padding: 0 5px;
    position: relative;
    margin-top: 5px;
    height: 1.4em;
}

.u-cover .tit h3 {
    line-height: 1.4;
    font-size: 14px;
}

.u-cover .orgName {
    display: block;
    padding: 0 5px;
    line-height: 20px;
    height: 23px;
    color: #999;
    font-family: '微软雅黑';
}

.u-cover .descd {
    -o-transition: bottom 0.2s ease-out 0s;
    -webkit-transition: bottom 0.2s ease-out 0s;
    transition: bottom 0.2s ease-out 0s;
    position: absolute;
    bottom: -136px;
    right: 0;
    left: 0;
    height: 116px;
    background: #fff;
    z-index: 11;
    padding: 10px 5px;
}

.u-cover .descd .dtit {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    font-family: '微软雅黑';
}

.u-cover .descd .ddesc {
    font-size: 12px;
    line-height: 1.4;
    color: #999;
    font-family: '微软雅黑';
    max-height: 65px;
    overflow: hidden;
    word-break: break-all;
}

.u-cover .descd .dbtn {
    position: absolute;
    display: block;
    width: 90px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: #FF6700;
    text-align: center;
    bottom: 10px;
    left: 65px;
}

.u-cover .thumb {
    position: relative;
    padding: 0 5px;
    height: 52px;
}

.u-cover .thumb span {
    color: #999;
}

.u-cover .thumb .cmt {
    float: left;
    line-height: 100%;
}

.u-cover .thumb .hot {
    float: left;
    padding: 0 6px 0 20px;
    color: #999;
    background-position: -55px -350px;
    font-size: 12px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.u-cover .thumb .desc {
    height: 18px;
    line-height: 18px;
}

.u-cover .thumb .col {
    line-height: 23px;
}

.u-cover .thumb .btn {
    width: 210px;
    position: absolute;
    bottom: 5px;
    left: 7px;
    line-height: 21px;
    font-size: 12px;
}

.u-cover .thumb .btn .normal {
    color: #999;
    height: 21px;
}

.u-cover .thumb .btn .discount {
    color: #bbbbbb;
    text-decoration: line-through;
}

.u-cover .thumb .btn2 .normal {
    color: #ff4000;
}

.u-cover .start,.u-cover .cstart {
    margin: 0 100px;
}

.u-cover .start h3,.u-cover .cstart h3 {
    display: block;
    float: left;
    height: 18px;
    width: 75px;
    font: 16px '微软雅黑';
    background-position: -54px -34px;
}

.u-cover .start div,.u-cover .cstart div {
    float: right;
    height: 18px;
    width: 18px;
    background-position: -2px -32px;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.u-cover .mask {
    z-index: 201;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.u-cover .cstart {
    margin: 0 90px;
}

.u-cover .cstart h3 {
    background-position: -44px -71px;
}

.u-cover .draft .planInfo {
    margin-top: 40px;
}

.u-cover .planInfo {
    margin: 5px 0 0;
}

.u-cover .planInfo .orgName {
    padding: 0;
}

.u-cover .draftStatus {
    z-index: 200;
    top: 0;
    right: 0;
    color: #fff;
    background: #2c3032;
    line-height: 22px;
    font-size: 12px;
    height: 22px;
    padding: 0 3px;
}

.u-cover .draftStatusTxt {
    color: #d40010;
    text-align: center;
    line-height: 14px;
    display: block;
    height: 14px;
    font-size: 12px;
    margin-bottom: 2px;
}

.u-cover .draftStatusBtn {
    display: block;
    width: 76px;
    width: 76px;
    text-decoration: none;
    background-position: 66px -150px;
    margin: 0 auto;
}

.u-cover .draftStatusBtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 56px;
    font-size: 12px;
    height: 34px;
    line-height: 33px;
    color: #444;
    background-position: -40px -150px;
}

.u-cover .draftStatusBtn:hover {
    background-position: 66px -200px;
}

.u-cover .draftStatusBtn:hover span {
    background-position: -40px -200px;
}

.u-cover .draftStatusBtn:active {
    background-position: 66px -250px;
}

.u-cover .draftStatusBtn:active span {
    background-position: -40px -250px;
}

.u-cover .publicStatus {
    top: -1px;
    left: -2px;
    z-index: 10;
    width: 51px;
    height: 51px;
    background-position: 0 -80px;
    z-index: 1;
}

.u-cover .exclusive {
    background-position: -63px -80px;
}

.u-cover:hover {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.u-cover:hover .pic .imgPic {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.u-cover:hover .btn {
    color: #fff;
    background-position: 0 -60px;
}

.u-cover:hover .s-fc8 {
    color: white;
}

.u-cover:hover .goImg {
    background-position: 3px -1182px;
}

.u-cover.u-find-cover:hover .descd {
    bottom: 0;
}

.u-cover.u-index-plan .planflag {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 50px;
    height: 50px;
    background-position: -20px -1668px;
}

.j-hover {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.j-hover .btn {
    background-position: 77px -50px;
}

.j-hover .btn div {
    background-position: -40px -50px;
    color: white;
}

.u-mocCover .over,.u-mocCover .time {
    bottom: 53px;
    right: 20px;
    height: 18px;
    line-height: 18px;
    background-position: -63px -80px;
}

.u-mocCover .over,.u-mocCover .time {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background-color: #FF9326;
    padding: 0 9px 0 2px;
}

.u-mocCover .over .clock,.u-mocCover .time .clock {
    font-size: 14px;
    line-height: 18px;
    margin-right: 5px;
}

.u-mocCover .over .txt,.u-mocCover .time .txt {
    vertical-align: 1px;
}

.u-mocCover .over {
    background-color: #499E50;
}

.u-recommend-cover {
    display: block;
    height: 277px;
    position: relative;
    float: left;
    margin: 0 0 20px 20px;
}

.u-recommend-cover .u-cover {
    margin: 0;
}

.u-recommend-cover .descd {
    display: none;
}

.u-recommend-cover .recommend {
    display: block;
    border-top: 1px solid #ededed;
    width: 205px;
    height: 32px;
    overflow: hidden;
    background: #FAFAFA;
    padding: 10px;
    bottom: 0;
    left: 0;
    color: #999;
    font-size: 12px;
}

.u-popular-cover .wrap {
    margin-left: 20px;
    margin-bottom: 45px;
    height: 250px;
}

.u-popular-cover .wrap .img {
    display: block;
    height: 250px;
    width: 450px;
    margin-right: -450px;
    z-index: 10;
}

.u-popular-cover .wrap .img img {
    width: 449px;
    height: 248px;
    border: 1px solid #ddd;
    border-right: none;
}

.u-popular-cover .wrap .info {
    width: 100%;
}

.u-popular-cover .wrap .info .cnt {
    height: 208px;
    padding: 20px;
    border: 1px solid #ddd;
    border-left: none;
    margin-left: 450px;
}

.u-popular-cover .wrap .info .cnt .name {
    font-size: 26px;
    line-height: 1.1;
    width: 90%;
    display: block;
}

.u-popular-cover .wrap .info .cnt .teacher {
    font-size: 12px;
    padding: 12px 0 12px 0;
    width: 90%;
}

.u-popular-cover .wrap .info .cnt .intro {
    font-size: 14px;
    margin-bottom: 22px;
    height: 60px;
    line-height: 1.5;
    width: 68%;
    overflow: hidden;
}

.u-popular-cover .wrap .info .cnt .tip {
    padding-bottom: 10px;
    font-size: 14px;
}

.u-popular-cover .wrap .info .cnt .user a {
    display: block;
    float: left;
    margin-right: 10px;
}

.u-popular-cover .wrap .info .cnt .user a img {
    width: 30px;
    height: 30px;
}

.u-popular-cover .wrap .info .cnt .dot {
    pading-top: 10px;
}

.u-popular-cover .wrap .info .cnt .opentime,.u-popular-cover .wrap .info .cnt .over {
    width: 150px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    text-align: center;
}

.u-popular-cover .wrap .info .cnt .opentime {
    color: #10ae58;
    border: 1px solid #10ae58;
}

.u-popular-cover .wrap .info .cnt .over {
    color: #999;
    border: 1px solid #ddd;
}

.u-popular-cover .wrap .info .cnt .link {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    width: 190px;
    bottom: 20px;
    right: 20px;
    color: #fff;
    background-color: #ff8000;
}

.u-popular-cover .wrap .info .cnt .link:hover {
    background-color: #ff991e;
}

.u-popular-cover .wrap .info .cnt .price {
    bottom: 90px;
    right: 20px;
    width: 200px;
}

.u-popular-cover .wrap .info .cnt .price p {
    text-align: center;
}

.u-popular-cover .wrap .info .cnt .price .normal {
    color: #ff3e00;
    font-size: 28px;
    padding-bottom: 8px;
}

.u-popular-cover .wrap .info .cnt .price .discount {
    color: #bbb;
    text-decoration: line-through;
    font-size: 14px;
}

.u-popular-cover .wrap .info .cnt .price .preprice {
    color: #666;
    font-size: 14px;
}

.u-popular-cover .wrap .info .cnt .icon {
    height: 70px;
    width: 90px;
    top: -6px;
    right: -7px;
    background-position: 0px -1840px;
}

.u-popular-cover .cover {
    position: absolute;
    display: block;
    width: 100%;
    background: red;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.u-Pusers .fk {
    background: none repeat scroll 0 0 #36373E;
    height: 20px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 5px;
}

.u-Pusers h3 {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 0 20px;
}

.u-Pusers h3 .num {
    font-size: 21px;
    padding: 0 3px;
}

.u-Pusers h3 .nTask {
    background-position: 0 -21px;
    display: inline-block;
    width: 165px;
    height: 22px;
    margin-top: 13px;
}

.u-Pusers h3 .nCourse {
    background-position: 0 4px;
}

.u-Pusers h3 .useTogether {
    background-position: 0 -261px;
}

.u-Pusers .pics {
    padding: 15px 0 0 15px;
}

.u-Pusers .pics .uItem {
    display: block;
    width: 50px;
    height: 72px;
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-right: 12px;
    margin-bottom: 10px;
}

.u-Pusers .pics .uItem img {
    width: 49px;
    height: 49px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.u-Pusers .pics .uItem .vipIcon {
    background: url(../images/ui_sprite.png) no-repeat -25px -1528px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 34px;
    left: 38px;
}


.u-Pusers .pics .uItem .tp {
    opacity: 1;
    filter: alpha(opacity=100);
}

.u-Pusers .pics .uItem em {
    display: block;
    width: 50px;
    margin-top: 3px;
}

.u-Pusers .pics .uItem:hover {
    color: #10AE58;
    text-decoration: underline;
}

.userDefault {
    font-family: "微软雅黑";
    height: 85px;
    padding: 40px 0 0 20px;
}

.userDefault h4 {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 57px;
    color: #ccc;
    font-family: '微软雅黑';
    font-size: 16px;
    background-position: -154px -46px;
}

.m-courseintroui {
    margin-top: -20px;
    text-align: left;
}

.m-courseintroui .intro {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    width: 805px;
}

.m-courseintroui .wcbi {
    background-color: #f8f8f8;
}

.m-courseintroui .cbi {
    width: 580px;
}

.m-courseintroui .line {
    background: #ddd;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 580px;
    top: 0;
}

.m-courseintroui .vline {
    border-left: 0px solid #ddd;
}

.u-shareUI {
    height: 30px;
    position: relative;
}

.u-shareUI .right-icon {
    width: 40px;
    height: 25px;
    display: inline-block;
    padding: 0;
    margin-right: -1px;
}

.u-shareUI .share,.u-shareUI .toStore,.u-shareUI .canselStore {
    float: right;
    line-height: 28px;
    width: 40px;
    height: 25px;
    background: url(../images/courseTitle.png) no-repeat 4449px 4449px;
    background-color: #fff;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    font-size: 12px;
    color: #333;
}

.u-shareUI .info {
    float: right;
    line-height: 28px;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
}

.u-shareUI .info {
    background-position: 13px -81px;
}

.u-shareUI .info:hover {
    background-position: -73px -79px;
}

.u-shareUI .share {
    background-position: -6px -60px;
}

.u-shareUI .share:hover {
    color: #10ae58;
    background-position: -6px -5px;
}

.u-shareUI .toStore {
    background-position: -53px -4px;
}

.u-shareUI .toStore:hover {
    color: #10ae58;
    background-position: -53px -59px;
}

.u-shareUI .canselStore {
    color: #10ae58;
    background-position: -53px -59px;
}

.u-shareUI .box {
    padding: 8px 10px;
    position: absolute;
    bottom: -30px;
    right: 26px;
    width: 100px;
}

.m-QRCodeDialog {
    width: 290px;
}

.m-QRCodeDialog div.zbar {
    height: 10px;
}

.m-QRCodeDialog div.zcnt {
    height: 125px;
    padding: 0 20px 10px;
}

.m-QRCodeDialog .tip {
    margin: 20px 0 0 10px;
    text-align: center;
    line-height: 25px;
    color: #666666;
    font-size: 12px;
}


.u-breadnav .nav {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    color: #666;
    width: 960px;
    margin: 0 auto;
}

.u-breadnav a {
    color: #333;
}

.u-breadnav a:hover {
    color: #10ae58;
    text-decoration: underline;
}

.u-breadnav .dv {
    background: url(../images/ui_sprite.png) no-repeat 4449px 4449px;
    width: 8px;
    height: 16px;
    margin: 0 5px 0 7px;
    vertical-align: middle;
    background-position: 0 -1338px;
}

.u-breadnav span {
    cursor: default;
    color: #666;
}

.u-moocbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-moocbtn:hover,.u-moocbtn.hvr {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: linear-gradient(#F6F6F6, #EDEDED);
}

.u-moocbtn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.m-toPayDialog {
    width: 406px;
    height: 200px;
    margin: 0 20px 0 20px;
}

.m-toPayDialog .info {
    color: #333;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 50px;
    font-family: '微软雅黑';
}

.m-toPayDialog .info.center {
    text-align: center;
}

.m-toPayDialog .info span {
    color: #d62727;
}

.m-toPayDialog .btns {
    height: 33px;
    text-align: center;
    margin-top: 5px;
}

.m-toPayDialog .btns .okbtn {
    display: block;
    width: 130px;
    width: 130px;
    text-decoration: none;
    background-position: 120px -300px;
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    font-size: 15px;
}

.m-toPayDialog .btns .okbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 110px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .okbtn:hover {
    background-position: 120px -350px;
}

.m-toPayDialog .btns .okbtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .okbtn:active {
    background-position: 120px -400px;
}

.m-toPayDialog .btns .okbtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .okbtn.sbtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
}

.m-toPayDialog .btns .okbtn.sbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .okbtn.sbtn:hover {
    background-position: 70px -350px;
}

.m-toPayDialog .btns .okbtn.sbtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .okbtn.sbtn:active {
    background-position: 70px -400px;
}

.m-toPayDialog .btns .okbtn.sbtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .closebtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -300px;
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    font-size: 16px;
}

.m-toPayDialog .btns .closebtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    background-position: -40px -300px;
}

.m-toPayDialog .btns .closebtn:hover {
    background-position: 70px -350px;
}

.m-toPayDialog .btns .closebtn:hover span {
    background-position: -40px -350px;
}

.m-toPayDialog .btns .closebtn:active {
    background-position: 70px -400px;
}

.m-toPayDialog .btns .closebtn:active span {
    background-position: -40px -400px;
}

.m-toPayDialog .btns .cancelbtn {
    display: block;
    width: 130px;
    width: 130px;
    text-decoration: none;
    background-position: 120px -450px;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    font-size: 15px;
}

.m-toPayDialog .btns .cancelbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 110px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #444;
    background-position: -40px -450px;
}

.m-toPayDialog .btns .cancelbtn:hover {
    background-position: 120px -500px;
}

.m-toPayDialog .btns .cancelbtn:hover span {
    background-position: -40px -500px;
}

.m-toPayDialog .btns .cancelbtn:active {
    background-position: 120px -550px;
}

.m-toPayDialog .btns .cancelbtn:active span {
    background-position: -40px -550px;
}

.m-toPayDialog .btns .cancelbtn.sbtn {
    display: block;
    width: 80px;
    width: 80px;
    text-decoration: none;
    background-position: 70px -450px;
}

.m-toPayDialog .btns .cancelbtn.sbtn span {
    display: block;
    text-align: center;
    padding-left: 10px;
    width: 60px;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    color: #444;
    background-position: -40px -450px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:hover {
    background-position: 70px -500px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:hover span {
    background-position: -40px -500px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:active {
    background-position: 70px -550px;
}

.m-toPayDialog .btns .cancelbtn.sbtn:active span {
    background-position: -40px -550px;
}

.m-toPayDialog .treaty {
    margin: 8px 0 0;
}

.m-toPayDialog .treaty label {
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 21px;
    color: #666;
}

.m-toPayDialog .treaty a {
    color: #10ae58;
    font-size: 12px;
}

.m-toPayDialog .treaty a:hover {
    text-decoration: underline;
}

.m-toPayDialog .treatyFb {
    height: 17px;
    background-position: 1px -9px;
    padding: 0 0 0 22px;
    color: #d31818;
    font-size: 12px;
}

.m-toPayDialog .privilege {
    margin: 12px 0 8px;
    color: #333;
    font-size: 12px;
}

.m-toPayDialog .privilege label {
    margin: 0 0 0 5px;
}

.m-toPayDialog .privilege label span {
    color: #ff9400;
    font-size: 12px;
    padding: 0 0 0 20px;
}

.m-toPayDialog .privilege .keyArea {
    margin: 6px 10px 0 0;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 10px;
}

.m-toPayDialog .privilege .keyArea .keyInput {
    width: 147px;
}

.m-toPayDialog .privilege .keyArea .keyInput .inputtxt {
    overflow-y: hidden;
}

.m-toPayDialog .privilege .keyArea .keyFb {
    width: 455px;
}

.m-toPayDialog .privilege .keyArea .keyFb .warningbox .warntxt {
    color: #C33;
}

.m-toPayDialog .privilege .keyArea .keyFb.rightFb .warningbox .righttxt {
    color: #21a557;
}

.m-toPayDialog .privilege .keyArea .keyFb.rightFb .warningbox .righttxt em {
    font-size: 14px;
    color: #ff7e00;
}

.m-toPayDialog .help-tip {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
}

.m-toPayDialog .help-tip .zixun {
    color: #2cb060;
    font-size: 12px;
    text-align: center;
    padding-right: 5px;
}

.m-toPayDialog .help-tip .chat {
    color: #333;
    line-height: 21px;
}

.m-toPayDialog .help-tip .wrpbox {
    background-color: #f0f0f0;
    padding: 0 5px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
}

.m-toPayDialog .help-tip .wrpbox:hover {
    background-color: #e6e6e6;
}

.m-treaty-dialog.m-basewin div.cmtpl {
    height: 380px;
    overflow-y: scroll;
}

.u-window-hasborder {
    border: 1px solid #babecb !important;
}

.u-coursecoupon_list {
    width: 300px;
    max-height: 230px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    position: absolute;
    top: 27px;
    z-index: 99;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.u-coursecoupon_list_line {
    width: 100%;
    height: 6px;
    background: #F6F6F6;
}

.u-coursecoupon_list .u-coursecoupon_sublist {
    padding: 0 10px;
}

.u-coursecoupon_list .u-coursecoupon_sublist_title {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item {
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px dashed #ddd;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item:last-child {
    border-bottom: none !important;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item_money {
    margin-bottom: 10px;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item_money_price {
    color: #333;
    font-weight: bold;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item_money_desc {
    font-size: 12px;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #FF6600;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FF6600;
    font-size: 12px;
    text-align: center;
    right: 0;
    top: -6px;
    cursor: pointer;
}

.u-coursecoupon_list .u-coursecoupon_sublist_item_btn.couponFinshed {
    background: #CCCCCC;
    color: #fff;
    border: none;
    cursor: default;
}

.um-cps-ux-cps-share {
    position: fixed;
    right: 31px;
    bottom: 303px;
    z-index: 1000;
}

.um-cps-ux-cps-share_btn {
    padding: 11px 0 !important;
    width: 60px !important;
}

.um-cps-ux-cps-share_btn_info,.um-cps-ux-cps-share_btn_value {
    font-size: 14px;
}

.u-coursetitle {
    line-height: 19px;
    color: #666;
    font-size: 12px;
    text-align: left;
    width: 100%;
}

.u-coursetitle_title {
    color: #333 !important;
}

.u-coursetitle h2 {
    width: 100%;
    font-size: 24px;
    line-height: 1.2;
    break: break-all;
}

.u-coursetitle h2 a {
    color: #000;
}

.u-coursetitle h2 a:hover {
    color: #10ae58;
}

.u-coursetitle .margin-top-15 {
    margin-top: 15px;
}

.u-coursetitle a {
    color: #666;
}

.u-coursetitle .hot {
    background: url(../images/ui_sprite.png) no-repeat 4449px 4449px;
    float: left;
    padding: 0 6px 0 20px;
    color: #999;
    background-position: -55px -350px !important;
    font-size: 12px;
    margin-right: 20px;
}

.u-coursetitle .cat {
    color: #666;
    margin-top: 8px;
    margin-left: 35px;
    overflow: hidden;
    width: 240px;
    height: 18px;
    display: block;
    float: right;
}

.u-coursetitle .cat a {
    color: #666 !important;
}

.u-coursetitle .cat a:hover {
    color: #10ae58 !important;
}

.u-coursetitle .margin-t-5 {
    margin-top: 5px;
}


.u-coursetitle .lzMark {
    width: 49px;
    height: 14px;
    vertical-align: middle;
    background: #919191;
    padding: 3px;
    font-size: 12px;
    color: #fff;
}

.u-coursetitle p a {
    color: #10ae58;
}

.u-coursetitle p a:hover {
    text-decoration: underline;
}

.u-coursetitle .cmt {
    float: left;
    color: #999;
}

.u-coursetitle .starall {
    float: left;
    height: 20px;
}

.u-coursetitle .u-rating span {
    font-size: 14px;
    line-height: 16px;
}
.u-courseHead{
    position: relative;
}
.u-courseHead .ov {
    padding: 20px 0 20px 20px;
}

.u-courseHead .ov .left {
    width: 450px;
    height: 250px;
    margin-right: -450px;
}

.u-courseHead .ov .left img {
    -webkit-box-shadow: 0px 0px 3px #aaa;
    -ms-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}



.u-courseHead .ov .cliBtn:hover {
    background-position: 115px -239px;
}

.u-courseHead .ov .right-wrap {
    margin-left: 470px;
    padding-right: 20px;
}

.u-courseHead .ov .right.minusheight {
    min-height: 177px;
}

.u-courseHead .ov .right {
    min-height: 186px;
}

.u-courseHead .ov .right .ctarea {
    width: 345px;
}

.u-courseHead .ov .right .ctarea h2 {
    width: 265px;
}

.u-courseHead .btnarea {
    margin-top: 5px;
}

.u-courseHead .btnarea2 {
    top: 175px;
}

.u-courseHead .btnarea .add-pack {
    font-size: 14px;
    color: #0a9a3d;
    margin-left: 20px;
    background: url(../images/ui_sprite.png) no-repeat -25px -227px;
    padding-left: 25px;
}

.u-courseHead .learnbtn {
    background: #ff8000;
    color: white;
    font-size: 18px;
    line-height: 40px;
    width: 160px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.u-courseHead .learnbtn  + .learnbtn{
    margin-left: 20px
}

.u-courseHead .learnbtn:hover {
    background: #ee6600;
}

.u-courseHead .limit {
    font-size: 12px;
    padding-bottom: 4px;
    color: #666;
}

.u-courseHead .skbtn .fen {
    width: 100px;
    height: 44px;
    background-color: #FFE000;
    font-size: 20px;
    color: #FF2200;
    text-align: center;
    line-height: 44px;
}

.u-courseHead .skbtn .btn {
    cursor: pointer;
    width: 160px;
    height: 44px;
    background-color: #FE2600;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 44px;
}

.u-courseHead .skbtn .btn2 {
    background-color: #ccc;
}

.u-courseHead .pover {
    margin: 20px 0 0 10px;
}

.u-courseHead .tikTime {
    font-size: 12px;
    color: #383FE0;
    padding-bottom: 4px;
}


.u-courseHead .courseMark {
    display: none;
    top: 0;
    left: 0;
    z-index: 10;
    width: 71px;
    height: 71px;
}


.u-courseHead .right-icon {
    display: inline-block;
    width: 40px;
    height: 25px;
    background-color: #fff;
    margin-right: -1px;
}

.u-courseHead a.cmEdit {
    display: inline-block;
    background-position: 0 -1214px;
    width: 34px;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    height: 25px;
}

.u-courseHead a.cmDel {
    line-height: 28px;
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #c6c6c6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-position: 15px -138px;
}

.u-courseHead a.cmDel:hover {
    background-position: -71px -138px;
}

.u-courseHead .promoteLink {
    display: inline-block;
    margin-top: 5px;
}

.u-courseHead .promoteLink .entranceText {
    vertical-align: middle;
}

.u-courseHead .promoteLink .entranceText:hover {
    text-decoration: underline;
}

.u-courseHead .promoteLink .ux-icon-caret-right {
    vertical-align: middle;
    font-size: 16px;
}

.u-courseHead .promoteInfo {
    color: #fff;
    background: #FF632A;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 0 10px;
    margin-right: 10px;
    display: inline-block;
}

.u-courseHead .discountArea {
    width: 100%;
    margin-top: 14px;
}

.u-courseHead .discountArea .margin-b-10 {
    margin-bottom: 15px;
    vertical-align: middle;
}

.u-courseHead .discountArea .margin-b-15 {
    margin-bottom: 15px;
    vertical-align: middle;
}

.u-courseHead .discountArea .um-salesgift-link {
    margin-top: 10px;
}

.u-courseHead .discountArea .price {
    color: #333;
    font-size: 28px;
    font-family: '微软雅黑';
    line-height: 30px;
}

.u-courseHead .discountArea .old-price {
    color: #999;
    font-size: 14px;
    font-family: '微软雅黑';
    line-height: 30px;
    text-decoration: line-through;
    margin-left: 10px;
    vertical-align: top;
}

.u-courseHead .discountArea .time-left {
    display: inline-block;
    margin-left: 10px;
    background-color: white;
    position: relative;
    border: 1px solid #ff8001;
    padding: 2px 5px;
    color: #ff4000;
    vertical-align: top;
    margin-top: 2px;
}

.u-courseHead .discountArea .time-left:after,.u-courseHead .discountArea .time-left:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}

.u-courseHead .discountArea .time-left:after {
    border-width: 5px;
    border-right-color: white;
    top: 7px;
    left: -8px;
}

.u-courseHead .discountArea .time-left:before {
    border-width: 6px;
    border-right-color: #ff8001;
    top: 6px;
}

.u-courseHead .discountArea .discnt {
    font-family: '微软雅黑';
    font-size: 0;
    line-height: 20px;
    color: #0a9a3d;
    margin-top: 10px;
}

.u-courseHead .discountArea .discnt .ux-icon-caret-right {
    color: #aaa;
    vertical-align: middle;
    font-size: 14px;
}

.u-courseHead .discountArea .discnt .ux-ykt-icon-youhui {
    font-size: 16px;
    color: #FF632A;
    vertical-align: middle;
    margin-right: 10px;
}

.u-courseHead .discountArea .discnt .coupon-parent {
    font-family: '微软雅黑';
    vertical-align: middle;
}

.u-courseHead .discountArea .discnt .coupon-parent::before {
    content: ' ';
    display: inline-block;
    height: 20px;
    width: 100%;
    position: absolute;
    top: 10px;
}

.u-courseHead .discountArea .discnt .coupon-parent-dn,.u-courseHead .discountArea .discnt-line-dn {
    display: none !important;
}

.u-courseHead .discountArea .icn {
    padding: 2px;
    margin-right: 5px;
    color: #fff;
    background: #ff3c00;
}

.u-courseHead .discountArea .ux-icon-caret-down {
    vertical-align: middle;
    color: #aaa;
    font-size: 12px;
}

.u-courseHead .discountArea .discnt-ticket {
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 6px;
}

.u-courseHead .discountArea .limit {
    color: #666666;
    font-size: 12px;
}

.u-courseHead .discountArea .discnt-zuhe {
    cursor: pointer;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
}

.u-courseHead .discountArea .discnt-line {
    padding-left: 10px;
    border-left: 1px solid #aaa;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
}

.u-courseHead ul.tabarea {
    background-color: #fafafa;
    padding-left: 8px;
    border-top: 1px solid #eaeaea;
    height: 36px;
}

.u-courseHead li {
    width: 73px;
    height: 36px;
    font-family: '微软雅黑';
}

.u-courseHead li a {
    display: block;
    line-height: 36px;
    text-align: center;
}

.u-courseHead li a.selected {
    color: #ffffff;
    background: url(../images/coursedetailtabbg.png) no-repeat center center;
}

.u-courseHead li a.dis {
    color: #999;
    cursor: default;
}

.u-courseHead .package {
    margin: 10px 0 0px -30px;
    cursor: pointer;
}

.u-courseHead .package .icn {
    padding: 2px 3px;
    margin-right: 7px;
    font-size: 13px;
    background: #ff9300;
}

.u-courseHead .discountAreaPintuan {
    position: static !important;
}


.u-courseHead .discountAreaPintuan .old-price {
    font-size: 18px;
    text-decoration: none;
}

.u-courseHead .discountAreaPintuan .old-buy {
    color: #2aa126;
    line-height: 30px;
    margin: 0 50px 0 10px;
}

.u-courseHead .discountAreaPintuan .pintuan-join-txt {
    margin-left: 10px;
}


.u-courseHead .pintuanbtnarea {
    position: static !important;
    margin-left: 0;
    width: 100%;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-courseHead .pintuanbtnarea .pintuan-user {
    margin: 0 13px 0 10px;
}

.u-courseHead .pintuanbtnarea .pintuan-user img {
    width: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.u-courseHead .pintuanbtnarea .pintuan-user p {
    text-align: center;
}

.u-courseHead .pintuanbtnarea .btngreen,.u-courseHead .pintuanbtnarea .btnorange {
    display: inline-block;
    width: 145px;
    height: 43px;
    font-size: 18px;
    text-align: center;
    background-color: #2aa126;
    line-height: 43px;
    color: #fff;
    margin-left: 10px;
}

.u-courseHead .pintuanbtnarea .btnorange {
    background-color: #ff8000;
}

.u-courseHead .box {
    padding: 0;
    width: 131px;
    position: absolute;
    bottom: -39px;
    font-size: 0;
    left: -27px;
}

.u-courseHead .box .ux-share {
    border: none;
}

.u-courseHead .box .ux-share li {
    margin-right: 13px;
}

.g-ie-body .u-courseHead .ov .right .ctarea {
    width: 470px;
}

.g-ie-body .u-courseHead .ov .right .ctarea h2 {
    width: 100%;
}

@media screen and (min-width: 1210px) {
    .u-courseHead .ov .right .ctarea {
        width: 470px;
    }

    .u-courseHead .ov .right .ctarea h2 {
        width: 470px;
    }
}

.vip-tip-area {
    background: #FFEB3B;
}

.join-vip-btn,.vip-tag,.u-courseHead .learnbtn.vip-btn {
    background: orangered;
}

div.vip-tip-area {
    line-height: 32px;
    font-size: 14px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 121, 0, 0.04)), to(rgba(255, 68, 0, 0.2)));
    background: -webkit-linear-gradient(left, rgba(255, 121, 0, 0.04) 0%, rgba(255, 68, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 121, 0, 0.04) 0%, rgba(255, 68, 0, 0.2) 100%);
    background: linear-gradient(90deg, rgba(255, 121, 0, 0.04) 0%, rgba(255, 68, 0, 0.2) 100%);
    width: 280px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    padding-left: 12px;
}

.vip-tip-area span {
    color: #ff4400;
    padding: 0 2px;
}

.join-vip-btn {
    position: absolute;
    right: 6px;
    top: 5px;
    background: -webkit-gradient(linear, right top, left top, from(#FF7544), to(#FF2D3D));
    background: -webkit-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: -o-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: linear-gradient(270deg, #FF7544 0%, #FF2D3D 100%);
    height: 22px;
    line-height: 24px;
    padding: 0 5px 0 10px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
}

.join-vip-btn .ux-icon {
    font-size: 16px;
    position: relative;
    top: 3px;
}

.join-vip-btn:hover {
    color: #fff;
    text-decoration: none;
}

.vip-tag {
    color: #fff;
    background: -webkit-gradient(linear, right top, left top, from(#FF7544), to(#FF2D3D));
    background: -webkit-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: -o-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: linear-gradient(270deg, #FF7544 0%, #FF2D3D 100%);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    padding: 0 7.5px;
    position: relative;
    top: -6px;
}

.u-courseHead .learnbtn.vip-btn {
    background: -webkit-gradient(linear, right top, left top, from(#FF7544), to(#FF2D3D));
    background: -webkit-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: -o-linear-gradient(right, #FF7544 0%, #FF2D3D 100%);
    background: linear-gradient(270deg, #FF7544 0%, #FF2D3D 100%);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.price-section {
    position: relative;
    background:#f6f6f6;
    padding-left: 10px;
    color:#797979;
    font-size: 15px;
    line-height: 40px;
    margin:20px 0;
    width:63%;
}
.price-section .price{
    font-size: 20px;
    color:#ff0000;
}

.u-camp-courseHead .courseDetailHeadBtn .btnarea {
    margin-top: 16px;
}

.u-camp-courseHead .ov {
    padding: 0 !important;
}

.u-camp-courseHead .j-coursehead-right-class-info {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    margin-top: 12px;
}

.u-camp-courseHead .ov .right-wrap {
    margin-left: 490px !important;
}

.u-camp-courseHead .u-camp-coursetitle_title {
    font-size: 24px;
    color: #333740;
    line-height: 31px;
}

.u-camp-courseHead .j-coursehead-right-price-info {
    height: 90px;
    margin-top: 12px;
}

.u-camp-courseHead .j-chimg img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.m-breadcrumbBox {
    background-color: #eee;
    color: #666;
    font-size: 0;
    padding:20px 0 0 0;
}

.m-breadcrumbBox .navcrumb-item {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 0;
}

.m-breadcrumbBox .navcrumb-item a {
    color: #666;
}

.m-breadcrumbBox .navcrumb-item.current a {
    cursor: default;
    color: #999;
}

.m-breadcrumbBox .navcrumb-item.current a:hover {
    color: #999;
}

.m-breadcrumbBox .navcrumb-item > a {
    vertical-align: middle;
    font-size: 14px;
}

.m-breadcrumbBox .arrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../images/right_jiamtou.png) no-repeat;
    -webkit-background-size: 6px 10px;
    background-size: 6px 10px;
    margin: 0 10px;
    vertical-align: middle;
}



.u-img {
    border: 1px solid #fff;
    border-bottom: none;
}

.u-card {
    position: relative;
    float: left;
    cursor: pointer;
    margin-bottom: 30px;
    background-color: #fff;
}

.u-card .card {
    width: 225px;
    height: 225px;
}

.u-card .card .u-img {
    width: 223px;
    height: 124px;
    overflow: hidden;
}

.u-card .card .u-img .img {
    width: 223px;
    height: 124px;
    background-position: contain;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.u-card .spoc {
    top: 0;
    left: 0;
    z-index: 1;
    width: 64px;
    height: 64px;
    background: url(../images/ui_sprite.png) no-repeat 0 0;
}

.u-card .t1 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 0 5px;
    max-height: 40px;
    overflow: hidden;
    word-break: break-all;
}

.u-card .t2 {
    width: 105px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    color: #999999;
}

.u-card .termTime {
    padding: 0 5px;
    height: 18px;
    line-height: 16px;
}

.u-card .termTime .txt {
    display: inline-block;
    font-size: 12px;
    vertical-align: 1px;
    color: #999;
    border: 1px solid #ddd;
    padding: 1px 2px;
    margin-right: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.u-card .termTime .txt.before {
    color: #00a84c;
}

.u-card .termTime .txt.during {
    color: #ff8000;
}

.u-card .termTime .certIcon {
    width: 28px;
    height: 15px;
    font-size: 12px;
    color: #ff976c;
    border: 1px solid #ddd;
    padding: 1px 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.u-card .cardFt {
    height: 20px;
    margin-top: 8px;
    padding: 0 5px;
}

.u-card .cardFt .price {
    height: 21px;
    line-height: 22px;
    font-size: 12px;
    color: #ff4000;
    margin: 0 5px 0 0;
}

.u-card .progTxt,.u-card .certLink,.u-card .report {
    display: none;
}


.u-card .mask {
    z-index: 201;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}



.u-card .card.onlearn .cardFt {
    display: none;
}

.u-card .card.onlearn .termTime {
    display: none;
}

.u-card .card.onlearn .status {
    right: 4px;
    bottom: 7px;
    width: 84px;
}

.u-card .card.onlearn .status span {
    display: inline;
    font: normal 14px '微软雅黑';
}

.u-card .card.onlearn .status span.ic {
    display: inline-block;
    height: 22px;
    width: 19px;
    vertical-align: middle;
    background-position: -51px -389px;
}

.u-card .card.onlearn .linfo {
    position: absolute;
    left: 6px;
    font-size: 12px;
    font-family: SimSun;
    bottom: 11px;
}

.u-card .card.onlearn .linfo a:hover {
    text-decoration: underline;
}

.u-card .card.onlearn .progress {
    background: #ccc;
    height: 4px;
    margin-right: 1px;
    margin-left: 1px;
}

.u-card .card.onlearn .progress div {
    height: 100%;
    background: #83b600;
}

.u-card .card.onlearn .progTxt {
    display: block;
    color: #666;
    font-size: 12px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 5px 2px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
}

.u-card .card.onlearn .progTxt .score {
    color: #ff0000;
}

.u-card .card.onlearn .progTxt a.score:hover {
    text-decoration: underline;
}

.u-card .card.onlearn .report {
    display: inline-block;
    margin: 0 0 0 5px;
}

.u-card .card.onlearn .report.f-fcorange:hover {
    color: #FF9000;
}

.u-card .card.onlearn a.report:hover {
    text-decoration: underline;
}

.u-card .card.onlearn .certLink {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 12px;
}

.u-card.u-recommend-cover {
    height: 277px;
    position: relative;
}

.u-card.u-recommend-cover .recommend {
    border-top: 1px solid #ededed;
    width: 205px;
    height: 32px;
    overflow: hidden;
    background: #FAFAFA;
    padding: 10px;
    bottom: 0;
    left: 0;
    color: #999;
    font-size: 12px;
}

.u-card:hover {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.u-card:hover .u-img .img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.u-card:hover .onlearn .status span.ic {
    background-position: 0px -1182px;
}

.u-recommendCourse {
    border-bottom: 1px dotted #e9e9e9;
    padding: 25px 25px 25px 20px;
}

.u-recommendCourse .cImg {
    width: 120px;
    height: 66px;
    margin: 3px 15px 0 0;
}


.u-recommendCourse .img {
    width: 120px;
    height: 66px;
}

.u-recommendCourse .cInfo {
    height: 69px;
    max-width: 180px;
}

.u-recommendCourse .courseTit {
    font-weight: bold;
    font: bold 16px '微软雅黑';
    padding: 0;
    height: 31px;
    line-height: 22px;
    max-width: 190px;
}

.u-recommendCourse .tag {
    margin-left: 5px;
    padding: 0 4px;
    height: 20px;
    background: #999;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}

.u-recommendCourse .enroll {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    color: #999;
    vertical-align: middle;
}

.u-recommendCourse .enroll .li-1 {
    margin-right: 0;
}

.u-recommendCourse .enroll .hot {
    padding-left: 15px;
    background-position: -60px -350px;
    font-size: 12px;
    width: 40px;
}

.u-recommendCourse .enroll .u-rating {
    margin-top: 3px;
}


.u-recommendCourse .enroll .u-rating .half {
    background-position: -14px 0px;
}

.u-recommendCourse .enroll .u-rating .on {
    background-position: 0px 0px;
}

.u-recommendCourse .enroll .u-rating span {
    color: #10ae58;
    vertical-align: text-top;
    margin-left: 10px;
    font-size: 12px;
}

.u-recommendCourse .liclass {
    color: #999;
    font-size: 12px;
    width: 420px;
}

.u-recommendCourse .joinTime {
    margin-top: 54px;
    font-size: 12px;
    float: right;
    color: #999;
    text-align: right;
    width: 150px;
}

.u-recommendCourse .price {
    font-size: 12px;
    font-family: 'Microsoft YAHEI';
    color: #fff;
    bottom: 20px;
    right: 15px;
}

.u-recommendCourse .price .d {
    margin-right: 10px;
    text-decoration: line-through;
    color: #666;
}

.u-recommendCourse .price .pay {
    padding: 3px 4px;
    background-color: #ff6b01;
}

.u-recommendCourse .price .free {
    padding: 3px 13px;
    background-color: #77c78c;
}

.u-recommendCourse .from {
    font-size: 12px;
    color: #999;
}

.u-recommendCourse:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

.u-recommendCourse:hover .courseTit {
    color: #10ae58;
}

@media screen and (min-width: 1210px) {
    .u-recommendCourse .cInfo {
        max-width: 300px;
    }

    .u-recommendCourse .courseTit {
        max-width: 300px;
    }
}

.recommedCourse .m-basepool .ui-pager {
    position: absolute;
    right: 13px;
    top: 16px;
    padding: 0;
}

.recommedCourse .m-basepool .ui-pager a.zpgi,.recommedCourse .m-basepool .ui-pager span.zdot {
    display: none;
    cursor: normal;
}

.recommedCourse .m-basepool .ui-pager a.zpgi {
    width: auto;
}

.recommedCourse .m-basepool .ui-pager a.js-selected {
    background: none;
}

.recommedCourse .m-basepool .ui-pager a.zbtn {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background-position: -112px -109px;
    border: none;
    padding: 0;
    text-indent: 9999px;
    overflow: hidden;
}

.recommedCourse .m-basepool .ui-pager a.zprv {
    padding-right: 7px;
}

.recommedCourse .m-basepool .ui-pager a.zprv.js-disabled {
    background-position: -168px -109px;
}

.recommedCourse .m-basepool .ui-pager a.zprv.js-disabled:hover {
    background-position: -168px -109px;
}

.recommedCourse .m-basepool .ui-pager a.zprv:hover {
    background-position: -227px -109px;
}

.recommedCourse .m-basepool .ui-pager a.znxt {
    padding-left: 7px;
    background-position: -140px -109px;
}

.recommedCourse .m-basepool .ui-pager a.znxt.js-disabled {
    background-position: -196px -109px;
}

.recommedCourse .m-basepool .ui-pager a.znxt.js-disabled:hover {
    background-position: -196px -109px;
}

.recommedCourse .m-basepool .ui-pager a.znxt:hover {
    background-position: -255px -109px;
}

.recommedCourse .m-basepool .m-data-lists .last {
    border-bottom: none;
}

.recommedCourse .m-basepool .m-data-lists .first {
    border-top: 1px dotted #e9e9e9;
}

.u-recMocCourseCard {
    padding: 25px 25px 25px 20px;
    border-bottom: 1px dotted #e9e9e9;
}

.u-recMocCourseCard .cImg {
    width: 120px;
    height: 66px;
    margin: 3px 15px 0 0;
}



.u-recMocCourseCard .tit {
    height: 22px;
    line-height: 22px;
}

.u-recMocCourseCard .img {
    width: 120px;
    height: 66px;
}

.u-recMocCourseCard .cInfo {
    height: 69px;
    max-width: 180px;
}

.u-recMocCourseCard .courseTit {
    font-weight: bold;
    font: bold 16px '微软雅黑';
    padding: 0;
    line-height: 22px;
    max-width: 330px;
}

.u-recMocCourseCard .ing,.u-recMocCourseCard .time {
    bottom: -2px;
    left: 0;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border-bottom: 1px solid #FFD24D;
    border-top: 1px solid #FFD24D;
    background-color: #FF9326;
    padding: 0 6px 0 3px;
}

.u-recMocCourseCard .ing .clock,.u-recMocCourseCard .time .clock {
    font-size: 14px;
    line-height: 18px;
    margin-right: 5px;
}

.u-recMocCourseCard .ing .txt,.u-recMocCourseCard .time .txt {
    vertical-align: 1px;
}

.u-recMocCourseCard .ing {
    border-bottom: 1px solid #499E50;
    border-top: 1px solid #499E50;
    background-color: #499E50;
}

.u-recMocCourseCard:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

.u-recMocCourseCard:hover .courseTit {
    color: #10ae58;
}

@media screen and (min-width: 1210px) {
    .u-recMocCourseCard .cInfo {
        max-width: 300px;
    }
}

.u-liveremind {
    background-color: #ffffcc;
}

.u-liveremind .secwrap {
    padding: 0 0 12px 0;
}

.u-liveremind .section {
    display: block;
    padding: 0 20px;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
}

.u-liveremind .section .lessonpos {
    color: #666;
    width: 65px;
}

.u-liveremind .section .lessonname {
    max-width: 220px;
    color: #333;
}

.u-liveremind .section .notstart {
    color: #666;
    font-size: 12px;
    margin: 0 7px;
}

.u-liveremind .section .lessonstatus {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #10ae58;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
    margin: 7px;
    background: #e1fadc;
    border: 1px solid #b5deac;
}

.u-liveremind .section .moreinfo {
    font-size: 12px;
    color: #666;
}

.u-liveremind .section .moreinfo .num {
    color: #10ae58;
}

.u-liveremind .u-ctit .numtip {
    font: 12px "宋体";
    margin-left: 10px;
    color: #666;
}

.m-handPickAsks {
    zoom: 1;
}

.m-handPickAsks .con {
    border-top: 1px solid #ddd;
}

.m-handPickAsks .item {
    margin: 10px 20px;
    border-bottom: 1px solid #ededed;
}

.m-handPickAsks .item a.link {
    line-height: 1.6;
    font-size: 12px;
    color: #666;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.m-handPickAsks .item a.link:hover {
    text-decoration: underline;
    color: #10ae58;
}

.m-handPickAsks .item .more {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.m-handPickAsks .item .more .dc {
    width: 120px;
}

.m-handPickAsks .item .more .from {
    width: 100px;
    text-align: right;
    line-height: 15px;
    padding: 8px 0;
}

.m-handPickAsks .item.last {
    border: 0;
}

.m-handPickNotes {
    zoom: 1;
}

.m-handPickNotes .con {
    border-top: 1px solid #ddd;
}

.m-handPickNotes .item {
    margin: 10px 20px;
    border-bottom: 1px solid #ddd;
}

.m-handPickNotes .item a.link {
    line-height: 1.6;
    font-size: 12px;
    color: #666;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.m-handPickNotes .item a.link:hover {
    text-decoration: underline;
    color: #10ae58;
}

.m-handPickNotes .item .more {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.m-handPickNotes .item .more .dc {
    width: 120px;
}

.m-handPickNotes .item .more .from {
    width: 100px;
    text-align: right;
    line-height: 15px;
    padding: 8px 0;
}

.m-handPickNotes .item.last {
    border: 0;
}

.camp-hover-image-container {
    padding: 24px 20px 19px 20px;
}

.camp-hover-image-container .camp-hover-image-content {
    width: 160px;
    height: 160px;
}

.camp-hover-image-container .camp-hover-image-content img {
    width: 160px;
    height: 160px;
}

.camp-hover-image-container .camp-hover-image-text {
    text-align: center;
    color: #343D42;
    font-size: 14px;
    margin-top: 12px;
}

.j-camp-course-content .f-bg {
    border: 1px solid #eeeeee;
}

.j-camp-course-content .courseheadbox.f-bg {
    border: none;
}

.j-camp-course-content .u-ctit {
    font-size: 16px;
}

.j-camp-course-content .u-Pusers h3 .num {
    font-size: 16px;
}

.j-camp-course-content .u-Pusers h3 .nTask {
    font-size: 16px;
}

.j-camp-course-content .m-breadcrumbBox {
    background-color: #fff !important;
    padding-bottom: 20px;
}

.j-camp-course-content .courseheadbox {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 40px;
    margin-bottom: 28px;
}

.j-camp-course-content .courseheadbox .learnbtn {
    background-color: #FF6600;
    width: 180px;
    height: 52px;
    line-height: 52px;
}

.j-camp-course-content .courseheadbox .learnbtn.learn-btn_dis {
    background-color: #ccc;
    cursor: not-allowed;
}

.j-camp-course-content .courseheadbox .learnbtn.learn-btn_dis:hover {
    background: #ccc;
}

.j-camp-course-content .j-campcourse-wechat {
    height: 60px;
    background-color: #FFFFCC;
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    color: #333;
    border: 1px solid #eeeeee;
}

.j-camp-course-content .j-campcourse-wechat .j-wechat-info {
    padding: 19px 0;
}

.j-camp-course-content .j-campcourse-wechat .j-wechat-info .j-wechat-info-title {
    display: inline-block;
}

.j-camp-course-content .j-campcourse-wechat .j-wechat-info .j-wechat-info-hover {
    display: inline-block;
}

.j-camp-course-content .j-campcourse-wechat .j-wechat-info .ux-hover-hover a {
    color: #49AF4F;
}

.j-camp-course-content .j-campcourse-wechat .ux-icon-xiaochengxu {
    color: #333;
    font-size: 20px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.j-camp-course-content #j-course-briefintro {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.j-camp-course-content #j-course-briefintro .ux-tabs {
    background-color: #fff !important;
}

.j-camp-course-content #j-course-briefintro .ux-tabs .ux-tabs_hd {
    border-bottom: 1px solid #eee;
}

.j-camp-course-content #j-course-briefintro .ux-tabs .ux-tabs_hd li {
    font-size: 16px;
    width: 180px !important;
    color: #333;
    border-color: #eee !important;
    border-left: none;
    border-top: none;
}

.j-camp-course-content #j-course-briefintro .ux-tabs .ux-tabs_hd li.z-crt {
    border-bottom: none;
    color: #333;
}

.j-camp-course-content #j-recommend .recommedCourse {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.j-camp-course-content #j-course-lectors {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.j-camp-course-content .u-Pusers {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.j-camp-course-content .j-course-evaluate {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.j-camp-course-content .j-camp-schedule-enrollEndTime {
    margin-left: 15px;
}

.j-camp-course-content .u-camp-course-description {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.j-camp-view-course {
    background-color: #F6F6F6;
}

.j-camp-view-course .courseheadbox {
    padding-top: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.j-camp-view-course #j-course-briefintro {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.j-camp-view-course #j-course-lectors {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.j-camp-view-course .j-Pusers {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.j-camp-view-course .j-camp-comment {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.j-camp-view-course #j-price {
    color: #ff3c00;
}

.j-camp-view-course .j-camp-schedule-enrollEndTime {
    margin-left: 15px;
}

.g-flow {
    min-width: 1205px;
}

.m-forwardPlan {
    background: none;
    padding-left: 2px;
}

.m-forwardPlan h2 {
    font-family: "微软雅黑";
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 15px 0 3px;
}

.m-forwardPlan .forwardPlan {
    width: 702px;
    margin-left: -15px;
}

.m-forwardPlan .u-cover {
    width: 220px;
    margin: 0 0 30px 11px;
}

.courseheadbox {
    min-height: 250px;
}

.repoBox {
    margin: 20px 0 0;
}

.repoBox a {
    border-bottom: 1px dashed #DFDFDF;
    padding: 0 20px;
    display: block;
    width: 225px;
    height: 45px;
    font-size: 14px;
    font-family: "微软雅黑";
    text-align: left;
    line-height: 45px;
    color: #272d1d;
}

.repoBox a:hover {
    color: #21a557;
    text-decoration: underline;
    background-color: #f3f3f3;
}

.repoBox a.last {
    border-bottom: none;
}

.u-cotinued {
    margin: 14px 20px 0 0;
    padding: 0 4px;
    height: 20px;
    right: 0;
    background: #ff6000;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

ul.u-courseclass li {
    margin-bottom: 10px;
}

ul.u-courseclass a {
    color: #10ae58;
}

.ux-component-aplayer_logo img {
    vertical-align: top;
}

div.u-window-im .ux-modal_dialog {
    position: fixed;
    left: 43%;
    bottom: 10px;
}


/*浮层功能按钮*/
.m-side-operation {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 112px;
    z-index: 1000;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff;
    width: 60px;
}
.m-side-operation .side-service-item {
    width: 60px;
    height: 60px;
}
.m-side-operation .side-service-item .item-link-block {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #666;
}
.m-side-operation .side-service-item .item-link-block .f-icon {
   /* font-size: 32px;*/
    line-height: 60px;
}
.m-side-operation .line-wrap {
    width: 60px;
    text-align: center;
    font-size: 0;
}
.m-side-operation .line-wrap .line {
    width: 50px;
    border-top: 1px solid #ccc;
    display: inline-block;
}
.m-side-operation .side-service-item {
    width: 60px;
    height: 60px;
}
.m-side-operation .side-service-item .item-link-block {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #666;
}
.f-cb.f-bg.f-bdr{
    padding:20px;
}
.service-title{
    background: #ff9000;
    border: 1px solid #ff9000;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color:#fff;
}
.zixun{
    width: 30px;
    height: 30px;
    background: url(../images/fuceng_btn.png) no-repeat;
    background-size: 200% auto;
    background-position: -30px 0;
    display: inline-block;
    vertical-align: middle;
}
.service-box p {
    line-height: 20px;
    color: #333;
    font-size: 12px;
    margin-top: 10px;}

.tjkc{
    padding:20px;
    background: #fff;
    border-top: 1px solid #dfdfdf;
}
.tjkc li{
    display: inline-block;
    vertical-align: top;
    width:23.8%;
}
.tjkc li+li{
    margin-left:10px;
}
.tjkc li a{
    border:1px solid #fff;
    display: block;
     transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    padding-bottom:10px;
}
.tjkc li a:hover{
  
}
.tjkc li img{
    width:100%;
    height:126px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.tjkc li h3{
    color: #333;
    line-height: 30px;
    font-size: 16px;
    padding: 0 10px;  
}
.laiyuan{
    padding: 0 10px;
    line-height: 20px;
    height: 23px;
    color: #666666;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.laiyuan span{
    float:right;
}
.u-ctit a.more{
    float:right;
    font-size: 12px;
    color:#444;
    margin-right:15px;
}
.num_xueguo{
    color: #666666;
    font-size: 12px;
    float:right;
    font-weight: initial;
}
.price{
    font-weight: bold;
    padding: 0 10px;
    bottom: 16px;
    line-height: 21px;
    height: 20px;
    font-size: 14px;
    color: #555555;
    margin-top:30px;
}

.fx-0-wk{
    position: absolute;
    top: 81%;
    left: -34px;
    padding: 5px 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    width: 92px;
    background: #fff;
    display: none
}
.fx-0-wk a{
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: top;
    background:url(../images/fenxiang_icon.png) no-repeat;
    background-size: 200% auto;
    background-position: 0 0;
    -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}
.fx-0-wk a + a{
    margin-left:5px;
}

.fx-0-wk a.weixin{
    background-position: -25px 0 
}
.fx-0-wk a.weixin:hover{
    background-position: 0 0
}
.fx-0-wk a.qq{
    background-position: -25px -26px
}
.fx-0-wk a.qq:hover{
    background-position: 0 -26px
}
.fx-0-wk a.weibo{
    background-position: -25px -53px
}
.fx-0-wk a.weibo:hover{
    background-position:0 -53px
}
.fx-0-wk .weixin span{
    position: absolute;
    top: -102px;
    left: -31px;
    width: 93px;
    height: 93px;
    background-color: transparent;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 2px;
    display: none

}
.fx-0-wk .weixin span::before{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    bottom: -11px;
    left: 40px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
    position: absolute;
}

 .fx-0-wk .weixin span::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 41px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 10px solid #fff;
}
.fx-0-wk .weixin span img{
    width: 100%;
    height: auto;
}
.about.f-cb{
    margin-top: 28px;
    line-height: 40px;
}
.about.f-cb a + a{
    margin-left:15px;
}

.face{
    position: relative;
}
.personal-info{
    position: absolute;
    background:#fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    width:80px;
    display: none;
    top:104%;
}
.personal-info::after{
    content:"";
    position: absolute;
    border-style: solid;
    border-color:transparent transparent #fff transparent;
    border-width: 0 5px 5px 5px;
    top:-5px;
    left:12px;
}
.personal-info a{
    display: block;
    line-height: 40px;
    text-align: left;
    
}
.personal-info a p{
    margin:0  10px;
}
.personal-info a:hover{
    background:#C95C2F;
    color:#fff;
}
.personal-info a:hover p{
    border-color: #C95C2F
}

.personal-info a + a p{
    border-top:1px solid #eee;
}
.kcb span{
    margin-left:5px;
    padding:0 5px;
    border-radius: 10px;
    background:red;
}
.g-ft{
        background:#f8f8f8;
    }
   
    .hzjg{
        font-size: 25px;
        padding:20px 0 5px 0;
        border-bottom:1px solid #ddd;
    }
    .hzjg span{
        float: right;
        font-size: 16px
    }
    .hzjg-list {
        display: table;
    }
    .hzjg-list a{
        line-height:40px;
        color: #8b8a8a;
        display: table-cell;
        width: 1%;
        text-align: center;
    }
    body{
        padding: 0px 0 326px 0 !important;
    }
    /*.about.f-cb a{
        color:#8b8a8a!important;
    }
    .about.f-cb a + a{
        border-left:1px solid #8b8a8a;
        padding-left:20px;
    }*/

    .js-head-img{
        margin:0 auto;
        height:80px;
        width: 80px;
        border-radius: 40px;
    }
    .js-head-img img{
        width: 100%;
        height:auto;
    }
    .js-name{
        text-align: center;
        font-weight: bolder;
        line-height: 30px
    }

    .smxz-erweima{
        position: absolute;
        width: 150px;
        text-align: center;
        top: 73px;
        right: 113px;
        color: #5e5e5e;
    }
    .smxz-erweima img{
        border:1px solid #eee;
    }
    
    
    
.main-box .title-bar {
    margin: 28px 0 18px 0;
}

.main-box .title-bar b {
    font-size: 22px;
    font-family: "黑体";
    color: #000;
}
.main-box .title-bar span {
    font-size: 14px;
    color: #424242;
    margin-left: 15px;
}

 b.price {
    color: #ff7301;
    font-size: 21px;
    font-weight: normal;
     vertical-align: middle;
}
 b.price:before {
    display: inline-block;
    content: '\f157';
    font-family: FontAwesome;
    margin-right: 5px;
}

.empty-box {
    font-size: 18px;
    margin-top: 200px;
    text-align: center;
}
.empty-box img {
    margin-bottom: 40px;
}
.empty-box a,
.empty-box a:hover,
.empty-box a:visited,
.empty-box a:active {
    color: #ff7301;
}

.top-logo-1 img,
.top-logo-1 span {
    vertical-align: middle;
}

.top-logo-1 span.large {
    font-size: 26px;
}