@charset "UTF-8";
/*

=================
sass base style
=================

*/
.m-addElement-item .opt .u-opt, .m-selectbox select, .u-inverse-btn, .u-main-btn {
  font-family: "\5FAE\8F6F\96C5\9ED1"; }

.f-cb, .m-addElement-item .center, .g-auto, .g-mn-tit, .g-get-class dd, .g-mn-menu, .m-lxsNtAnounce-md, .g-content, .m-block-tl, .m-user-notice li, .m-user-class li, .m-serch-mod, .m-addElement-treeLi, .m-appr-Dstl, .m-appr-Dstl .start, .m-upload-headpic, .m-native-place, .m-information-box, .m-information-box .g-addElement-lst, .m-information-box .m-addElement-item, .m-addElement-itemScl, .g-course-marketList .m-recomment-class, .m-more-market-search, .m-littertip-list li .tip, .m-go-shopping, .uprogress-bar, .g-u-title, .m-sNews-lst, .g-pay-wrap .pay-info, .m-pay-type .pay-lst, .g-Teducation-pay-wrapper .pay-header, .g-Teducation-pay-wrapper .pay-bd, .m-select-row, .m-select-row dd.query, .m-course-lst, .m-course-lst .block .num, .m-course-lst .block .btm, .g-course-hd-tab ul, .m-cm-tt, .g-shoppingcar-wrap .shoppingcar-hd .tt, .g-shoppingcar-wrap .chk-all, .g-shoppingcar-wrap .btm-opa .all-price, .g-invoice-wrapper .address-manage .tt, .g-invoice-wrapper .address-lst .block, .add-address .m-addElement-item.three .center, .add-address .m-addElement-item.two .center, .m-coumak-litopnav, .m-hadfinish-courlist .hd, .g-course-hd .m-course-hd.change .info, .m-sort-lst, .btn-fr, .m-theorder-txt, .lay-txt, .m-priodfile-upload, .m-esnew-cousetl, .m-esnew-CourseList .sxtCourseList-item, .m-xtfoot .rt, .u-lxsbtn-group, .m-browser-link, .g-esfoot_top, .g-esfoot_bottom, .m-htop-md, .m-procedure-result, .m-procedure-result .block, .m-note .note {
  *zoom: 1; }
  .f-cb:before, .f-cb:after, .m-addElement-item .center:before, .g-auto:before, .g-mn-tit:before, .g-get-class dd:before, .g-mn-menu:before, .m-lxsNtAnounce-md:before, .g-content:before, .m-block-tl:before, .m-user-notice li:before, .m-user-class li:before, .m-serch-mod:before, .m-addElement-treeLi:before, .m-appr-Dstl:before, .m-appr-Dstl .start:before, .m-upload-headpic:before, .m-native-place:before, .m-information-box:before, .m-information-box .g-addElement-lst:before, .m-information-box .m-addElement-item:before, .m-addElement-itemScl:before, .g-course-marketList .m-recomment-class:before, .m-more-market-search:before, .m-littertip-list li .tip:before, .m-go-shopping:before, .uprogress-bar:before, .g-u-title:before, .m-sNews-lst:before, .g-pay-wrap .pay-info:before, .m-pay-type .pay-lst:before, .g-Teducation-pay-wrapper .pay-header:before, .g-Teducation-pay-wrapper .pay-bd:before, .m-select-row:before, .m-select-row dd.query:before, .m-course-lst:before, .m-course-lst .block .num:before, .m-course-lst .block .btm:before, .g-course-hd-tab ul:before, .m-cm-tt:before, .g-shoppingcar-wrap .shoppingcar-hd .tt:before, .g-shoppingcar-wrap .chk-all:before, .g-shoppingcar-wrap .btm-opa .all-price:before, .g-invoice-wrapper .address-manage .tt:before, .g-invoice-wrapper .address-lst .block:before, .add-address .m-addElement-item.three .center:before, .add-address .m-addElement-item.two .center:before, .m-coumak-litopnav:before, .m-hadfinish-courlist .hd:before, .g-course-hd .m-course-hd.change .info:before, .m-sort-lst:before, .btn-fr:before, .m-theorder-txt:before, .lay-txt:before, .m-priodfile-upload:before, .m-esnew-cousetl:before, .m-esnew-CourseList .sxtCourseList-item:before, .m-xtfoot .rt:before, .u-lxsbtn-group:before, .m-browser-link:before, .g-esfoot_top:before, .g-esfoot_bottom:before, .m-htop-md:before, .m-procedure-result:before, .m-procedure-result .block:before, .m-note .note:before, .m-addElement-item .center:after, .g-auto:after, .g-mn-tit:after, .g-get-class dd:after, .g-mn-menu:after, .m-lxsNtAnounce-md:after, .g-content:after, .m-block-tl:after, .m-user-notice li:after, .m-user-class li:after, .m-serch-mod:after, .m-addElement-treeLi:after, .m-appr-Dstl:after, .m-appr-Dstl .start:after, .m-upload-headpic:after, .m-native-place:after, .m-information-box:after, .m-information-box .g-addElement-lst:after, .m-information-box .m-addElement-item:after, .m-addElement-itemScl:after, .g-course-marketList .m-recomment-class:after, .m-more-market-search:after, .m-littertip-list li .tip:after, .m-go-shopping:after, .uprogress-bar:after, .g-u-title:after, .m-sNews-lst:after, .g-pay-wrap .pay-info:after, .m-pay-type .pay-lst:after, .g-Teducation-pay-wrapper .pay-header:after, .g-Teducation-pay-wrapper .pay-bd:after, .m-select-row:after, .m-select-row dd.query:after, .m-course-lst:after, .m-course-lst .block .num:after, .m-course-lst .block .btm:after, .g-course-hd-tab ul:after, .m-cm-tt:after, .g-shoppingcar-wrap .shoppingcar-hd .tt:after, .g-shoppingcar-wrap .chk-all:after, .g-shoppingcar-wrap .btm-opa .all-price:after, .g-invoice-wrapper .address-manage .tt:after, .g-invoice-wrapper .address-lst .block:after, .add-address .m-addElement-item.three .center:after, .add-address .m-addElement-item.two .center:after, .m-coumak-litopnav:after, .m-hadfinish-courlist .hd:after, .g-course-hd .m-course-hd.change .info:after, .m-sort-lst:after, .btn-fr:after, .m-theorder-txt:after, .lay-txt:after, .m-priodfile-upload:after, .m-esnew-cousetl:after, .m-esnew-CourseList .sxtCourseList-item:after, .m-xtfoot .rt:after, .u-lxsbtn-group:after, .m-browser-link:after, .g-esfoot_top:after, .g-esfoot_bottom:after, .m-htop-md:after, .m-procedure-result:after, .m-procedure-result .block:after, .m-note .note:after {
    content: "";
    display: table;
    font: 0/0 a; }
  .f-cb:after, .m-addElement-item .center:after, .g-auto:after, .g-mn-tit:after, .g-get-class dd:after, .g-mn-menu:after, .m-lxsNtAnounce-md:after, .g-content:after, .m-block-tl:after, .m-user-notice li:after, .m-user-class li:after, .m-serch-mod:after, .m-addElement-treeLi:after, .m-appr-Dstl:after, .m-appr-Dstl .start:after, .m-upload-headpic:after, .m-native-place:after, .m-information-box:after, .m-information-box .g-addElement-lst:after, .m-information-box .m-addElement-item:after, .m-addElement-itemScl:after, .g-course-marketList .m-recomment-class:after, .m-more-market-search:after, .m-littertip-list li .tip:after, .m-go-shopping:after, .uprogress-bar:after, .g-u-title:after, .m-sNews-lst:after, .g-pay-wrap .pay-info:after, .m-pay-type .pay-lst:after, .g-Teducation-pay-wrapper .pay-header:after, .g-Teducation-pay-wrapper .pay-bd:after, .m-select-row:after, .m-select-row dd.query:after, .m-course-lst:after, .m-course-lst .block .num:after, .m-course-lst .block .btm:after, .g-course-hd-tab ul:after, .m-cm-tt:after, .g-shoppingcar-wrap .shoppingcar-hd .tt:after, .g-shoppingcar-wrap .chk-all:after, .g-shoppingcar-wrap .btm-opa .all-price:after, .g-invoice-wrapper .address-manage .tt:after, .g-invoice-wrapper .address-lst .block:after, .add-address .m-addElement-item.three .center:after, .add-address .m-addElement-item.two .center:after, .m-coumak-litopnav:after, .m-hadfinish-courlist .hd:after, .g-course-hd .m-course-hd.change .info:after, .m-sort-lst:after, .btn-fr:after, .m-theorder-txt:after, .lay-txt:after, .m-priodfile-upload:after, .m-esnew-cousetl:after, .m-esnew-CourseList .sxtCourseList-item:after, .m-xtfoot .rt:after, .u-lxsbtn-group:after, .m-browser-link:after, .g-esfoot_top:after, .g-esfoot_bottom:after, .m-htop-md:after, .m-procedure-result:after, .m-procedure-result .block:after, .m-note .note:after {
    clear: both; }

.fl {
  display: inline-block;
  *display: inline;
  float: left; }

.fr {
  display: inline-block;
  *display: inline;
  float: right; }

/*user icon*/
.u-exit-login, .u-home, .u-edit, .u-fill-edit, .u-block-notice, .u-block-class, .u-block-appclass, .u-block-recomclass, .u-time-clock, .u-tip-role, .u-tip-role2, .u-tip-time, .u-tip-where, .u-look-more, .u-comment-more, .u-search-ico, .u-output-ico, .u-refresh-ico, .u-close-ico, .u-unappraise-ico, .u-unverify-ico, .u-unpass-ico, .u-finish-ico, .u-study-ico, .u-studying-ico, .u-cancel-ico, .u-open-more-ico, .u-star-ico, .u-star-ico2, .u-litter-tip, .u-item-book, .u-item-education, .u-crum-home, .u-print-ico, .u-personal-info, .u-upfill-ico, .u-back-arrow, .u-del-ico, .u-add-shopping, .u-confirm-ico, .u-seebefor-ico, .u-checkbox-ico, .m-checkbox-tick .ico, .u-radio-ico, .m-radio-tick .ico, .u-ico-xs, .u-ico-sort, .u-cIco-car, .u-courlist, .u-coumaorder, .u-block-learning, .u-con-addcar, .u-block-hadfinclas, .u-hadf-clasbok, .u-block-hadordcour, .u-hadorder-book, .u-ico-km, .u-ico-car, .u-ico-heart, .u-ico-chapter, .u-ico-dp1, .m-appr-Dstl .tip {
  display: inline-block;
  position: relative;
  background: url(images/user-ico.png) no-repeat; }

.u-exit-login {
  top: 3px;
  margin-right: 8px;
  width: 18px;
  height: 16px;
  background-position: -51px 0; }

.u-home {
  top: 3px;
  margin-right: 8px;
  width: 22px;
  height: 18px;
  background-position: 0 0; }

.u-edit {
  top: 3px;
  margin-right: 5px;
  width: 14px;
  height: 15px;
  background-position: -93px 0; }

.m-user-data .data-edit .edit:hover .u-edit {
  background-position: -113px 0; }

.u-fill-edit {
  top: 3px;
  margin-right: 5px;
  width: 14px;
  height: 15px;
  background-position: -134px 0; }

.m-user-data .data-edit .fill-edit:hover .u-fill-edit {
  background-position: -151px 0; }

.u-block-notice {
  top: 7px;
  margin-right: 10px;
  width: 21px;
  height: 25px;
  background-position: -171px 0; }

.u-block-class {
  top: 4px;
  margin-right: 10px;
  width: 25px;
  height: 21px;
  background-position: -222px 0; }

.u-block-appclass {
  top: 4px;
  margin-right: 10px;
  width: 25px;
  height: 21px;
  background-position: -195px 0; }

.u-block-recomclass {
  top: 4px;
  margin-right: 10px;
  width: 25px;
  height: 24px;
  background-position: -251px 0; }

.u-time-clock {
  top: 4px;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-position: -66px -28px; }

.u-tip-role {
  top: 4px;
  margin-right: 8px;
  width: 17px;
  height: 15px;
  background-position: -282px 0px; }

.u-tip-role2 {
  top: 4px;
  margin-right: 8px;
  width: 17px;
  height: 15px;
  background-position: -303px 0px; }

.u-tip-time {
  top: 4px;
  margin-right: 8px;
  width: 17px;
  height: 15px;
  background-position: 0px -28px; }

.u-tip-where {
  top: 4px;
  margin-right: 8px;
  width: 17px;
  height: 15px;
  background-position: -21px -28px; }

.u-look-more {
  top: 4px;
  margin-right: 8px;
  width: 18px;
  height: 14px;
  background-position: -325px 0px; }

.u-comment-more {
  top: 4px;
  margin-right: 8px;
  width: 18px;
  height: 14px;
  background-position: -43px -28px; }

.u-search-ico {
  top: 1px;
  margin-right: 3px;
  width: 18px;
  height: 14px;
  background-position: -106px -28px; }

.u-theme-btn .u-search-ico, .u-default-btn:hover .u-search-ico {
  background-position: -87px -28px; }

.u-output-ico {
  top: 4px;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  background-position: -125px -28px; }

.u-default-btn:hover .u-output-ico {
  background-position: -145px -28px; }

.u-refresh-ico {
  top: 4px;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  background-position: -167px -28px; }

.u-default-btn:hover .u-refresh-ico {
  background-position: -190px -28px; }

.u-close-ico {
  width: 20px;
  height: 20px;
  background-position: 0px -56px; }

.u-close-btn:hover .u-close-ico {
  background-position: -25px -56px; }

.u-unappraise-ico {
  width: 20px;
  height: 18px;
  background-position: -332px -28px; }

.u-unverify-ico {
  width: 18px;
  height: 18px;
  background-position: -211px -28px; }

.u-unpass-ico {
  width: 18px;
  height: 18px;
  background-position: -231px -28px; }

.u-finish-ico {
  width: 18px;
  height: 18px;
  background-position: -250px -28px; }

.u-study-ico {
  width: 18px;
  height: 18px;
  background-position: -270px -28px; }

.u-studying-ico {
  width: 18px;
  height: 18px;
  background-position: -291px -28px; }

.u-cancel-ico {
  width: 18px;
  height: 18px;
  background-position: -169px -56px; }

.u-open-more-ico {
  width: 12px;
  height: 7px;
  background-position: -313px -28px;
  margin-left: 3px; }

.u-open-more:hover .u-open-more-ico {
  background-position: -313px -38px; }

.u-star-ico {
  width: 18px;
  height: 18px;
  background-position: -89px -56px;
  margin-right: 3px;
  top: 3px; }

.u-star-ico2 {
  width: 18px;
  height: 18px;
  background-position: -66px -56px;
  margin-right: 3px;
  top: 3px; }

.u-litter-tip {
  width: 18px;
  height: 18px;
  background-position: -115px -56px;
  margin-right: 3px;
  top: 6px; }

.u-item-book {
  width: 22px;
  height: 19px;
  background-position: -191px -56px;
  margin-right: 8px;
  top: 5px; }

.u-item-education {
  width: 22px;
  height: 19px;
  background-position: -218px -56px;
  margin-right: 8px;
  top: 5px; }

.u-crum-home {
  width: 14px;
  height: 14px;
  background-position: -242px -56px;
  margin-right: 5px;
  top: 2px; }

.m-crum a:hover .u-crum-home {
  background-position: -261px -56px; }

.u-print-ico {
  width: 14px;
  height: 14px;
  background-position: -280px -56px;
  margin-right: 5px;
  top: 3px; }

.u-reverse-btn:hover .u-print-ico {
  background-position: -297px -56px; }

.u-personal-info {
  width: 20px;
  height: 20px;
  background-position: -318px -56px;
  margin-right: 5px;
  top: 3px; }

.u-upfill-ico {
  width: 12px;
  height: 14px;
  background-position: 0 -82px;
  margin-right: 5px;
  top: 3px; }

.u-back-arrow {
  width: 16px;
  height: 14px;
  background-position: -161px -82px;
  margin-right: 5px;
  top: 3px; }

.u-del-ico {
  width: 17px;
  height: 18px;
  background-position: -181px -82px;
  margin-right: 5px;
  top: 4px; }

.u-reverse-btn:hover .u-del-ico {
  background-position: -224px -82px; }

.u-add-shopping {
  width: 18px;
  height: 18px;
  background-position: -308px -82px;
  margin-right: 5px;
  top: 5px; }

.u-main-btn:hover .u-add-shopping {
  background-position: -331px -82px; }

.u-confirm-ico {
  width: 18px;
  height: 18px;
  background-position: 0px -108px;
  margin-right: 5px;
  top: 5px; }

.u-main-btn:hover .u-confirm-ico {
  background-position: -21px -108px; }

.u-seebefor-ico {
  width: 18px;
  height: 13px;
  background-position: -106px -108px;
  margin-right: 5px;
  top: 3px; }

.u-main-btn:hover .u-seebefor-ico {
  background-position: -130px -108px; }

.u-checkbox-ico, .m-checkbox-tick .ico {
  width: 15px;
  height: 15px;
  background-position: -16px -82px; }

.m-checkbox-tick .on .ico {
  background-position: -55px -82px; }

.m-checkbox-tick.disabled .on .rel-ico.ico, .m-checkbox-tick.disabled .on .ico {
  background-position: -75px -82px; }

.u-radio-ico, .m-radio-tick .ico {
  width: 16px;
  height: 16px;
  background-position: -95px -82px; }

.m-radio-tick .on .ico {
  background-position: -115px -82px; }

.m-radio-tick.disabled .on .ico, .m-radio-tick.disabled .on .rel-ico.ico {
  background-position: -136px -82px; }

.u-ico-xs {
  width: 16px;
  height: 10px;
  background-position: -162px -108px; }

.u-ico-sort {
  top: 2px;
  width: 10px;
  height: 12px;
  margin-left: 4px;
  background-position: -225px -109px; }

.m-sort-lst li.z-crt .u-ico-sort {
  background-position: -238px -109px; }

.u-cIco-car {
  top: 6px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-position: -156px -129px; }

.u-courlist {
  top: 4px;
  width: 17px;
  height: 18px;
  margin-right: 12px;
  background-position: 0px -154px; }

.m-coumak-litopnav li.crt .u-courlist {
  background-position: -22px -154px; }

.u-coumaorder {
  top: 4px;
  width: 17px;
  height: 18px;
  margin-right: 12px;
  background-position: -46px -154px; }

.m-coumak-litopnav li.crt .u-coumaorder {
  background-position: -70px -154px; }

.u-block-learning {
  top: 3px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-position: -95px -154px; }

.u-con-addcar {
  top: 3px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-position: -186px -154px; }

.u-block-hadfinclas {
  top: 3px;
  width: 20px;
  height: 18px;
  margin-right: 6px;
  background-position: -118px -154px; }

.u-hadf-clasbok {
  top: 19px;
  width: 15px;
  height: 15px;
  margin-right: 13px;
  background-position: -144px -154px; }

.u-block-hadordcour {
  top: 3px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: -240px -154px; }

.u-hadorder-book {
  top: 18px;
  width: 15px;
  height: 15px;
  margin-right: 13px;
  background-position: -268px -154px; }

.u-ico-km {
  width: 15px;
  height: 11px;
  background-position: -165px -154px;
  top: 2px; }

.u-car-ico {
  width: 27px;
  height: 26px;
  background: url(images/bottom-opt.png) -14px -18px no-repeat;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 7px; }

.u-ico-car {
  width: 19px;
  height: 17px;
  background-position: -304px -154px; }

.g-top-opa .m-car.z-crt .u-ico-car {
  background-position: -328px -154px; }

.u-ico-heart {
  width: 20px;
  height: 18px;
  background-position: 0 -179px; }

.u-clt-type.z-crt .u-ico-heart {
  background-position: -23px -179px; }

.u-ico-chapter {
  width: 15px;
  height: 8px;
  background-position: -50px -179px; }

.u-ico-dp1 {
  width: 12px;
  height: 8px;
  background-position: -74px -179px; }

.u-usStudy-ico, .u-atStudy-ico, .u-cTime-ico, .u-cUser-ico, .u-cSchool-ico, .u-cHome-ico, .u-cClass-ico, .u-ico-chk, .u-ico-del, .u-ico-close, .u-cMore-ico, .u-cCatalog-ico {
  display: inline-block;
  position: relative;
  background: url(images/course-icon.png) no-repeat; }

.u-usStudy-ico {
  width: 20px;
  height: 20px;
  background-position: -26px 0; }

.u-atStudy-ico {
  width: 20px;
  height: 20px;
  background-position: 0 0; }

.u-cTime-ico {
  width: 15px;
  height: 15px;
  background-position: -231px 0;
  margin-right: 5px;
  top: 3px; }

.u-cUser-ico {
  width: 15px;
  height: 16px;
  background-position: -251px 0;
  margin-right: 5px;
  top: 3px; }

.u-cSchool-ico {
  width: 19px;
  height: 13px;
  background-position: -274px 0; }

.u-cHome-ico {
  width: 15px;
  height: 15px;
  background-position: -297px 0;
  margin-right: 5px;
  top: 3px; }

.u-cClass-ico {
  width: 17px;
  height: 15px;
  background-position: -315px 0;
  margin-right: 5px;
  top: 3px; }

.u-ico-chk {
  width: 14px;
  height: 14px;
  background-position: -79px -32px; }

.m-checkbox.on .u-ico-chk {
  background-position: -100px -32px; }

.u-ico-del {
  top: 2px;
  width: 12px;
  height: 14px;
  margin-right: 5px;
  background-position: -143px -32px; }

.u-ico-close {
  width: 12px;
  height: 12px;
  background-position: -165px -32px; }

.u-default-btn {
  color: #2f384c;
  box-shadow: inset 0 0 0 1px #cccccc; }

.u-main-btn {
  display: inline-block;
  padding: 0 15px;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  margin-right: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 72px;
  text-align: center;
  box-shadow: inset 0 0 0 1px #057bff;
  background-color: #fff;
  border: none;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: #057bff; }
  .u-main-btn:hover {
    background-color: #248bff;
    border-color: #248bff;
    color: #fff; }
  .u-main-btn:active {
    background-color: #006ce5;
    border-color: #006ce5;
    color: #fff; }

.u-more-btn {
  padding: 0 15px;
  line-height: 24px;
  border: 1px solid #d1e7ff;
  display: inline-block;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  color: #057bff;
  font-size: 12px; }
  .u-more-btn:hover {
    background: #057bff;
    color: #fff;
    border-color: #057bff; }

.u-reverse-btn {
  display: inline-block;
  min-width: 85px;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #057bff;
  box-shadow: inset 0 0 0 1px #cce0f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s; }
  .u-reverse-btn:hover {
    color: #fff !important; }

.u-theme-btn {
  color: #fff;
  background: #057bff;
  box-shadow: inset 0 0 0 1px #057bff; }

.u-reverse-btn,
.u-default-btn,
.u-theme-btn {
  position: relative;
  z-index: 3;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .u-reverse-btn:hover,
  .u-default-btn:hover,
  .u-theme-btn:hover {
    color: #fff; }
    .u-reverse-btn:hover:before,
    .u-default-btn:hover:before,
    .u-theme-btn:hover:before {
      margin-left: 0%; }
  .u-reverse-btn:before,
  .u-default-btn:before,
  .u-theme-btn:before {
    content: "";
    color: #fff;
    background: #057bff;
    box-shadow: inset 0 0 0 1px #057bff;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin-left: -105%;
    border-radius: 0px;
    cursor: pointer;
    transition: margin-left 0.4s; }

.u-theme-btn::before {
  background: #006feb;
  box-shadow: inset 0 0 0 1px #006feb; }

.u-btn-normal {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  width: 130px;
  font-size: 14px;
  box-shadow: inset 0 0 0 1px #cdcccc;
  color: #057bff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  z-index: 3;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .u-btn-normal.theme {
    background: #057bff;
    color: #fff; }
    .u-btn-normal.theme:before {
      box-shadow: inset 0 0 0 1px #057bff;
      background: #006feb; }
    .u-btn-normal.theme:hover {
      color: #fff; }
    .u-btn-normal.theme:active {
      background: #006feb; }
  .u-btn-normal.reverse {
    font-weight: 600;
    color: #057bff;
    box-shadow: inset 0 0 0 1px #057bff; }
    .u-btn-normal.reverse:before {
      background: #057bff; }
    .u-btn-normal.reverse:hover {
      color: #fff; }
    .u-btn-normal.reverse:active {
      background: #057bff; }
  .u-btn-normal.minor {
    color: #fff;
    box-shadow: inset 0 0 0 1px #ff613a;
    background: #ff613a; }
    .u-btn-normal.minor:before {
      box-shadow: inset 0 0 0 1px #ff481b;
      background: #ff481b; }
    .u-btn-normal.minor:hover {
      color: #fff; }
    .u-btn-normal.minor:active {
      background: #ff481b; }
  .u-btn-normal.finish:hover {
    color: #fff !important; }
  .u-btn-normal:hover {
    color: #fff; }
    .u-btn-normal:hover:before {
      margin-left: 0%; }
  .u-btn-normal:before {
    content: "";
    color: #fff;
    background: #057bff;
    box-shadow: inset 0 0 0 1px #057bff;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin-left: -105%;
    border-radius: 0px;
    cursor: pointer;
    transition: margin-left 0.4s; }
  .u-btn-normal.disable {
    background: #ccc !important;
    color: #fff !important;
    cursor: default; }
    .u-btn-normal.disable:hover {
      color: fff;
      background: #ccc; }
    .u-btn-normal.disable::before {
      width: 0;
      height: 0;
      display: none; }

.u-btn-lg {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 144px;
  font-size: 14px;
  border: 1px solid transparent; }
  .u-btn-lg.theme {
    color: #fff;
    background: #057bff; }
    .u-btn-lg.theme:hover {
      background: #248bff; }
    .u-btn-lg.theme:active {
      background: #006ce5; }
  .u-btn-lg.reverse {
    color: #057bff;
    border-color: #057bff; }
    .u-btn-lg.reverse:hover {
      color: #fff;
      background: #248bff; }
    .u-btn-lg.reverse:active {
      background: #006ce5; }
  .u-btn-lg.minor {
    color: #fff;
    border-color: #fabe1b;
    background: #fabe1b; }
    .u-btn-lg.minor:hover {
      background: #fbc739;
      color: #fff; }
    .u-btn-lg.minor:active {
      background: #f1b205; }

body .btn,
body .u-main-btn,
body .m-block-tl .go-addclass {
  display: inline-block !important;
  position: relative;
  overflow: hidden;
  z-index: 3;
  cursor: pointer; }
  body .btn:hover,
  body .u-main-btn:hover,
  body .m-block-tl .go-addclass:hover {
    color: #fff; }
    body .btn:hover:before,
    body .u-main-btn:hover:before,
    body .m-block-tl .go-addclass:hover:before {
      margin-left: 0%; }
  body .btn:before,
  body .u-main-btn:before,
  body .m-block-tl .go-addclass:before {
    content: "";
    color: #fff;
    background: #057bff;
    border: 1px solid #057bff;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin-left: -105%;
    border-radius: 0px;
    cursor: pointer;
    transition: margin-left 0.4s; }
  body .btn.disable,
  body .u-main-btn.disable,
  body .m-block-tl .go-addclass.disable {
    background: #ccc;
    cursor: default; }
    body .btn.disable:hover,
    body .u-main-btn.disable:hover,
    body .m-block-tl .go-addclass.disable:hover {
      background: #ccc; }
    body .btn.disable.go:hover::after,
    body .u-main-btn.disable.go:hover::after,
    body .m-block-tl .go-addclass.disable.go:hover::after {
      left: 0; }
    body .btn.disable.go:after,
    body .u-main-btn.disable.go:after,
    body .m-block-tl .go-addclass.disable.go:after {
      left: 0px; }
    body .btn.disable::before,
    body .u-main-btn.disable::before,
    body .m-block-tl .go-addclass.disable::before {
      width: 0;
      height: 0;
      display: none; }
body .u-main-btn.go.themeClr {
  background: #057bff;
  color: #fff; }
  body .u-main-btn.go.themeClr:after {
    border-left: 5px solid #fff; }
body .u-main-btn.go:hover:after {
  left: 3px;
  border-left: 5px solid #fff; }
body .u-main-btn.go:after {
  content: '';
  display: inline-block;
  border-left: 5px solid #057bff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  margin-left: 4px;
  position: relative;
  z-index: 8;
  top: 0px;
  left: 0;
  transition: left 0.2s 0.2s; }
body .m-block-tl .go-addclass:before {
  background: #83ae30;
  border: 1px solid #83ae30; }
body .u-main-btn:hover,
body .au-confirm-btn1:hover {
  background-color: #057bff; }
body .u-main-btn:before,
body .au-confirm-btn1:before {
  background: #006feb;
  border: 1px solid #006feb; }

.m-user-data .data-edit .u-main-btn {
  color: #0066cc;
  background: #fff;
  min-width: 62px;
  margin-right: 2px; }
  .m-user-data .data-edit .u-main-btn:hover {
    color: #fff; }

/* begin form mod pagy */
.g-addElement-lyBox {
  padding: 40px; }

.m-addElement-item {
  position: relative;
  margin-bottom: 40px;
  min-height: 34px; }
  .m-addElement-item:hover .opt {
    display: inline-block; }
  .m-addElement-item .ltxt {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 135px;
    line-height: 22px;
    text-align: right;
    font-size: 14px;
    color: #353a55; }
    .m-addElement-item .ltxt em {
      color: #ff2400; }
  .m-addElement-item .ltxt2 {
    width: 50px; }
  .m-addElement-item .center {
    padding-left: 140px; }
  .m-addElement-item .lright {
    position: absolute;
    top: 0;
    right: -29px;
    padding-left: 10px;
    width: 20px;
    min-height: 34px; }
  .m-addElement-item .opt {
    display: none;
    line-height: 34px; }
    .m-addElement-item .opt .u-opt {
      background-color: transparent;
      border: none;
      outline: none; }

.u-pbIpt {
  display: block;
  margin-left: -13px;
  padding: 5px 12px;
  width: 100%;
  height: 22px;
  background-color: #fff;
  border: 1px solid #dad9d9;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
  line-height: 22px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #353a55; }
  .u-pbIpt:disabled, .u-pbIpt.disabled {
    background-color: #f6f6f6;
    color: #cbcbcc; }

.m-pbMod-ipt {
  position: relative;
  padding: 0 13px; }
  .m-pbMod-ipt.date {
    padding-right: 36px; }
    .m-pbMod-ipt.date .u-pbIpt {
      padding-right: 35px;
      background: url(images/calendar-ico.png) right 7px no-repeat; }
  .m-pbMod-ipt .size-txt {
    text-align: right; }
    .m-pbMod-ipt .size-txt span {
      margin-left: 20px;
      color: #808392; }

.u-textarea {
  display: block;
  overflow: hidden;
  margin-left: -13px;
  padding: 5px 12px;
  width: 100%;
  min-height: 90px;
  max-height: 200px;
  background-color: #fff;
  border: 1px solid #dad9d9;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
  resize: vertical;
  line-height: 22px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #353a55; }
  .u-textarea:disabled, .u-textarea.disabled {
    background-color: #f6f6f6;
    color: #cbcbcc; }

.m-addElement-btn .u-main-btn {
  line-height: 35px;
  height: 35px;
  text-align: center;
  min-width: 100px;
  margin-right: 15px;
  font-weight: bold; }
.m-addElement-btn .u-confirm-btn {
  color: #fff;
  border-color: #057bff;
  background: #057bff; }
.m-addElement-btn .u-cancel-btn {
  color: #057bff; }
  .m-addElement-btn .u-cancel-btn:hover {
    color: #fff; }

.m-selectbox {
  position: relative; }
  .m-selectbox.style1 strong i {
    background-color: transparent; }
    .m-selectbox.style1 strong i:after {
      margin-top: -2px;
      border-left-width: 5px;
      border-right-width: 5px;
      border-top-width: 5px; }
  .m-selectbox strong {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 12px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #dad9d9;
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
    color: #808392; }
    .m-selectbox strong i {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 36px;
      height: 32px; }
      .m-selectbox strong i:before, .m-selectbox strong i:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -3px 0 0 -7px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 6px solid #9f9f9f;
        content: ""; }
      .m-selectbox strong i:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -5px 0 0 -7px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 6px solid #fff;
        content: ""; }
  .m-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 34px;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    color: #808392; }

.m-radio-tick {
  display: inline-block;
  padding-left: 24px;
  position: relative; }
  .m-radio-tick .ico {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px; }
  .m-radio-tick input {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    opacity: 0;
    filter: alpha(opacity=0); }

.m-checkbox-tick {
  display: inline-block;
  padding-left: 24px;
  position: relative; }
  .m-checkbox-tick .ico {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px; }
  .m-checkbox-tick input {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    opacity: 0;
    filter: alpha(opacity=0); }

.m-check-mod {
  line-height: 34px;
  font-size: 14px; }
  .m-check-mod label {
    margin-right: 30px; }

/* end form mod pagy */
.m-checkbox {
  position: relative;
  padding-left: 22px;
  cursor: pointer; }
  .m-checkbox .u-ico, .m-checkbox input {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px; }
  .m-checkbox input {
    width: 14px;
    height: 14px;
    opacity: 0;
    filter: alpha(opacity=0); }

body {
  background-color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 22px;
  color: #353a55; }

#user-warp {
  min-height: 100vh;
  position: relative;
  z-index: 0;
  background: #f2f4f6; }
  #user-warp:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 381px;
    z-index: -1;
    background: #f2f4f6 url(images/user-bodybg.png) left top no-repeat; }

a {
  color: #353a55; }
  a:hover {
    color: #057bff; }

.indexwrapbody {
  background: #f2f4f6; }

.g-auto {
  display: block;
  margin: 0 auto;
  width: 1200px; }

.g-mn-bd {
  padding-bottom: 40px; }

.g-mn-tit {
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  background: #fff; }
  .g-mn-tit .u-tt {
    display: inline-block;
    *display: inline;
    float: left;
    font-size: 18px;
    font-weight: normal; }

.g-mn-con {
  background: #fff; }

.g-mn-mod {
  padding: 0 20px; }

.m-crm {
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  font-size: 15px;
  background: #f1f1f1; }
  .m-crm a:hover {
    color: #057bff; }

.u-open-more {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
  color: #808392;
  background: #f6f8f9; }
  .u-open-more:hover {
    color: #057bff; }

/* user common style */
#m-logo {
  display: inline-block;
  *display: inline;
  float: left; }
  #m-logo a {
    display: table-cell;
    height: 114px;
    vertical-align: middle; }
    #m-logo a img {
      vertical-align: middle; }
    #m-logo a span {
      display: none; }

.m-top-back {
  display: inline-block;
  *display: inline;
  float: right;
  position: relative;
  height: 114px; }
  .m-top-back .email-block {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer; }
    .m-top-back .email-block .u-numred-block {
      position: absolute;
      top: -11px;
      right: -9px; }
    .m-top-back .email-block .u-lxseml-ico {
      display: inline-block;
      top: -5px;
      width: 29px;
      height: 29px;
      background: url(images/lxs-ico.png) -127px -100px no-repeat; }
    .m-top-back .email-block .u-wxUnbind-ico {
      display: inline-block;
      top: -5px;
      width: 29px;
      height: 29px;
      background: url(images/wxUnbind.png) no-repeat; }
    .m-top-back .email-block .u-wxBinded-ico {
      display: inline-block;
      top: -5px;
      width: 29px;
      height: 29px;
      background: url(images/wxBinded.png) no-repeat;}
  .m-top-back .questionIblock {
    display: inline-block;
    margin-left: 20px; }
    .m-top-back .questionIblock .qslink {
      position: relative;
      display: inline-block;
      top: -5px;
      width: 29px;
      height: 29px;
      background: url(images/lxs-ico.png) -51px -143px no-repeat; }
  .m-top-back .showhdblock {
    padding-top: 44px;
    display: inline-block;
    padding-bottom: 6px;
    padding-left: 20px;
    height: 62px; }
    .m-top-back .showhdblock:hover .g-mouseOver {
      display: block; }
    .m-top-back .showhdblock:hover .headImg i {
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -moz-transform: rotate(180deg);
      /* Firefox */
      -webkit-transform: rotate(180deg);
      /* Safari  Chrome */
      -o-transform: rotate(180deg); }
  .m-top-back .headImg {
    position: relative;
    padding-bottom: 5px;
    padding-left: 5px; }
    .m-top-back .headImg .img {
      overflow: hidden;
      display: inline-block;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #d3dae1; }
    .m-top-back .headImg img {
      width: 36px;
      height: 36px;
      border-radius: 50%; }
    .m-top-back .headImg i {
      position: relative;
      top: -14px;
      margin-left: 10px;
      transition: all 0.15s ease; }
  .m-top-back .g-mouseOver {
    display: none;
    position: absolute;
    top: 102px;
    right: 0;
    width: 169px;
    height: 172px;
    z-index: 999;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: -6px 3px 30px rgba(0, 0, 0, 0.2); }
    .m-top-back .g-mouseOver:before {
      content: '';
      position: absolute;
      top: -24px;
      right: 31px;
      width: 0;
      height: 0;
      border-bottom: 12px solid #fff;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 12px solid transparent; }

.m-userlst-md {
  padding: 27px 0 12px 0; }
  .m-userlst-md .item {
    margin-bottom: 13px;
    height: 32px;
    line-height: 32px; }
  .m-userlst-md a {
    display: block;
    position: relative;
    padding-left: 72px;
    line-height: 32px;
    color: #353859; }
    .m-userlst-md a:hover {
      background: #e4e6ea; }
  .m-userlst-md .u-lxsus-ico {
    position: absolute;
    left: 32px;
    top: 4px;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;}
    .m-userlst-md .u-lxsus-ico.ico1 {
      background: url(images/hdselect-ico.png) no-repeat;
      background-position: 0px 0px; }
    .m-userlst-md .u-lxsus-ico.ico2 {
      background: url(images/hdselect-ico.png) no-repeat;
      background-position: 0px -25px; }
    .m-userlst-md .u-lxsus-ico.ico3 {
      background: url(images/hdselect-ico.png) no-repeat;
      background-position: 0px -50px; }
    .m-userlst-md .u-lxsus-ico.ico4 {
      background: url(images/hdselect-ico.png) no-repeat;
      background-position: 0px -75px; }
    .m-userlst-md .u-lxsus-ico.ico5 {
      background: url(images/hdselect-ico.png) no-repeat;
      background-position: 0px -100px; }
    .m-userlst-md .u-lxsus-ico.wxUnbind {
      background: url(images/wxUnbind.png) no-repeat; }
    .m-userlst-md .u-lxsus-ico.wxBinded {
      background: url(images/wxBinded.png) no-repeat; }

.u-downTriangle-ico {
  display: inline-block;
  width: 10px;
  height: 7px;
  background: url(images/lxs-ico.png) -15px 0 no-repeat; }

.g-top-opa {
  display: inline-block;
  *display: inline;
  float: right; }
  .g-top-opa li {
    display: inline-block;
    *display: inline;
    float: left;
    margin-left: 30px; }
    .g-top-opa li.user {
      position: relative; }
      .g-top-opa li.user:hover .lst {
        display: block; }
      .g-top-opa li.user:hover .u-trg-ico {
        transform: rotate(180deg) scale(0.8); }
  .g-top-opa .m-login {
    display: table-cell;
    height: 114px;
    vertical-align: middle;
    line-height: 114px;
    color: #fff; }
    .g-top-opa .m-login:hover {
      color: #fff; }
    .g-top-opa .m-login .img, .g-top-opa .m-login .img img {
      display: inline-block;
      width: 32px;
      height: 32px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      overflow: hidden;
      vertical-align: middle; }
    .g-top-opa .m-login .img {
      position: relative;
      margin-right: 4px;
      background: url(images/user.jpg) center no-repeat;
      background-size: 32px 32px; }
    .g-top-opa .m-login .img img {
      position: absolute;
      top: 0;
      left: 0; }
  .g-top-opa .m-msg-num,
  .g-top-opa .m-car {
    position: relative;
    top: 48px; }
  .g-top-opa .m-car.z-crt .u-num {
    display: block; }
  .g-top-opa .m-msg-num.z-crt .u-num {
    display: block; }
  .g-top-opa .m-msg-num .u-num {
    left: 18px;
    top: -14px; }
  .g-top-opa .m-srh {
    position: relative;
    top: 42px; }
    .g-top-opa .m-srh.z-crt .ipt {
      width: 120px;
      opacity: 1;
      filter: alpha(opacity=100); }
    .g-top-opa .m-srh .ipt {
      width: 0;
      height: 18px;
      line-height: 18px;
      font-family: "微软雅黑";
      padding: 5px 34px 5px 10px;
      border: 1px solid #d9d9d9;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
      .g-top-opa .m-srh .ipt:focus {
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
        -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
        -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
    .g-top-opa .m-srh .u-ico-srh {
      position: absolute;
      right: 10px;
      top: 5px;
      cursor: pointer; }
  .g-top-opa .u-num {
    display: none;
    position: absolute;
    top: -10px;
    left: 20px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    padding: 0 4px;
    background: #f00; }
    .g-top-opa .u-num:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: -4px;
      border-top: 2px solid transparent;
      border-left: 2px solid transparent;
      border-right: 2px solid #057bff; }
  .g-top-opa .u-exit {
    display: table-cell;
    height: 114px;
    vertical-align: middle;
    line-height: 114px;
    color: #102030; }
    .g-top-opa .u-exit:hover {
      color: #057bff; }
  .g-top-opa .lst {
    display: none;
    position: absolute;
    top: 86px;
    right: 2px;
    z-index: 3;
    width: 120px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d9d9d9; }
    .g-top-opa .lst .trg {
      display: block;
      position: absolute;
      top: -11px;
      right: 23px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #d9d9d9; }
      .g-top-opa .lst .trg i {
        top: 1px;
        left: -10px;
        border-bottom-color: #fff;
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff; }
    .g-top-opa .lst a {
      display: block;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      color: #333;
      border-bottom: 1px solid #f5f5f5; }
      .g-top-opa .lst a:hover {
        color: #fff;
        background: #1490f2; }
      .g-top-opa .lst a:last-child {
        border-bottom: none; }

.g-ft {
  background: #3d4143;
  height: 78px;
  line-height: 78px;
  color: #b0b1b2;
  font-size: 12px;
  text-align: center; }

.g-bd {
  margin-bottom: 28px; }

.g-sd {
  display: inline-block;
  *display: inline;
  float: left;
  width: 260px;
  background: #fff; }
  .g-sd.onfixedSide {
    position: fixed;
    top: 0;
    z-index: 6; }

.g-mn {
  display: inline-block;
  *display: inline;
  float: right;
  width: 922px;
  min-height: 500px;
  background: #fff; }

.m-user-data {
  padding: 26px; }
  .m-user-data .img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-bottom: 15px; }
    .m-user-data .img img {
      width: 100px;
      height: 100px;
      border-radius: 50%; }
  .m-user-data .data {
    line-height: 20px;
    color: #808392;
    margin-bottom: 15px; }
    .m-user-data .data p {
      font-size: 14px;
      text-align: center; }
    .m-user-data .data .name {
      display: block;
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      color: #353a55;
      margin-bottom: 18px; }
      .m-user-data .data .name:hover {
        color: #057bff; }
  .m-user-data .hourst.item-3 {
    width: 124%;
    margin-left: -12%; }
    .m-user-data .hourst.item-3 .dataBl {
      width: 32%; }
  .m-user-data .hourst .ttst {
    padding: 19px 0 30px 0;
    display: block;
    text-align: center;
    color: #353a55;
    font-size: 16px;
    font-weight: 600; }
  .m-user-data .hourst .dataBl {
    display: inline-block;
    text-align: center;
    width: 48%;
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
    .m-user-data .hourst .dataBl:last-child {
      border: none; }
    .m-user-data .hourst .dataBl strong {
      font-size: 18px;
      font-weight: 600;
      color: #ff7505; }
    .m-user-data .hourst .dataBl p {
      font-size: 14px;
      color: #353a55; }
  .m-user-data .u-btn-normal {
    display: block;
    margin: 22px auto 0 auto; }

@media screen and (max-height: 750px) {
  .g-sd .m-user-data .hourst .ttst {
    padding: 0 0 22px 0; }
  .g-sd .g-dockDetection {
    min-height: 180px; }
    .g-sd .g-dockDetection .ttst {
      padding: 9px 0 22px 0; }
    .g-sd .g-dockDetection .u-btn-normal {
      margin-top: 0; } }
.g-dockDetection {
  padding: 20px;
  min-height: 210px;
  border-top: 13px solid #f2f4f6;
  position: relative; }
  .g-dockDetection .explaire {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 40px;
    background: url(images/lxs-ico.png) -108px 0 no-repeat; }
    .g-dockDetection .explaire:hover {
      background-position: -81px -100px; }
  .g-dockDetection .u-btn-normal {
    display: block;
    margin: 15px auto 0 auto; }
  .g-dockDetection .ttst {
    padding: 9px 0 40px 0;
    display: block;
    text-align: center;
    color: #353a55;
    font-size: 16px;
    font-weight: 600; }
  .g-dockDetection .judgebl {
    position: relative;
    padding-right: 88px;
    padding-bottom: 16px; }
    .g-dockDetection .judgebl .info {
      text-align: center;
      font-size: 14px;
      color: #353a55; }
    .g-dockDetection .judgebl .pdmd {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 88px;
      text-align: left;
      font-size: 14px;
      color: #808392; }
      .g-dockDetection .judgebl .pdmd.no {
        color: #ff7505; }
        .g-dockDetection .judgebl .pdmd.no .u-jd-ico {
          background-position: -89px -28px; }
  .g-dockDetection .u-jd-ico {
    top: 1px;
    margin-right: 7px; }

.u-jd-ico {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  background: url(images/lxs-ico.png) -27px 0 no-repeat; }

.g-lxsIndexCnt-wrap {
  padding: 28px 35px 40px; }
  .g-lxsIndexCnt-wrap.train_listPage .m-esnew-CourseList {
    margin-top: -10px; }
  .g-lxsIndexCnt-wrap.train_listPage .m-esnew-CourseList.train_sign .sxtCourseList-item {
    padding: 22px 0; }
  .g-lxsIndexCnt-wrap .m-esnew-CourseList .sxtCourseList-item_info h6 {
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px; }

.u-tbxz-ico, .u-tbannounce-ico {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 30px;
  background: url(images/lxs-ico.png) no-repeat; }

.u-tbxz-ico {
  background-position: 0 -28px; }

.u-tbannounce-ico {
  background-position: -25px -28px; }

.g-lxsTz-announce {
  position: relative;
  padding-left: 210px;
  min-height: 113px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .g-lxsTz-announce .m-lxsIndtab-list {
    position: absolute;
    left: 0;
    top: 0; }

.u-numred-block {
  padding: 0 4px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  background: #ff0000; }

.m-lxsIndtab-list .u-numred-block {
  position: absolute;
  top: 6px;
  right: -20px; }
.m-lxsIndtab-list .item {
  position: relative;
  display: block;
  padding-left: 65px;
  width: 103px;
  height: 39px;
  line-height: 39px;
  color: #353a55; }
  .m-lxsIndtab-list .item:hover {
    font-weight: 600; }
    .m-lxsIndtab-list .item:hover .u-numred-block {
      font-weight: 500; }
  .m-lxsIndtab-list .item.z-crt {
    background: rgba(112, 112, 112, 0.22); }
  .m-lxsIndtab-list .item i {
    position: absolute;
    top: 7px;
    left: 33px; }
  .m-lxsIndtab-list .item p {
    position: relative;
    display: inline-block; }

.g-lxsTztab-cont {
  padding-bottom: 30px; }

.u-news-ico {
  width: 32px;
  height: 14px;
  background: url(images/lxs-ico.png) -52px -28px no-repeat; }

.u-lrgray-tip {
  line-height: 30px; }
  .u-lrgray-tip strong {
    display: inline-block;
    font-weight: 600;
    color: #ff7505; }
  .u-lrgray-tip__teacher {
    margin-right: 40px;
    display: inline-block; }
    .u-lrgray-tip__teacher span {
      margin-right: 8px;
      display: inline-block;
      text-align: right;
      width: 56px; }
    .u-lrgray-tip__teacher button {
      padding: 0 5px;
      display: inline-block;
      height: 24px;
      line-height: 20px;
      background-color: #fff;
      border: 1px solid #057bff;
      color: #057bff;
      border-radius: 5px;
      transition: all 300ms; }
      .u-lrgray-tip__teacher button i {
        margin-right: 4px;
        display: inline-block;
        position: relative;
        top: 1px;
        width: 14px;
        height: 12px;
        transition: all 300ms;
        background: url("images/send-ico.png") no-repeat; }
      .u-lrgray-tip__teacher button:hover {
        background-color: #057bff;
        color: #fff; }
        .u-lrgray-tip__teacher button:hover i {
          background: url("images/send-ico-act.png") no-repeat; }
  .u-lrgray-tip .tip {
    display: inline-block;
    padding-right: 4px;
    color: #808392; }

.m-dynamicNews-list {
  padding-top: 5px; }
  .m-dynamicNews-list .item a {
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -ms-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
    padding: 9px 0;
    padding-left: 60px;
    display: block;
    font-size: 16px;
    color: #272a32; }
    .m-dynamicNews-list .item a:hover {
      -webkit-transition: all 0.2s ease-in 0s;
      -moz-transition: all 0.2s ease-in 0s;
      -ms-transition: all 0.2s ease-in 0s;
      -o-transition: all 0.2s ease-in 0s;
      transition: all 0.2s ease-in 0s;
      padding-left: 50px;
      padding-right: 10px;
      color: #057bff; }
      .m-dynamicNews-list .item a:hover .u-graytime {
        font-weight: 500; }
  .m-dynamicNews-list .item .u-graytime {
    padding-right: 20px;
    font-weight: 500; }
  .m-dynamicNews-list .item .u-news-ico {
    position: absolute;
    top: 14px;
    left: 0;
    -webkit-transition: all 0.15s ease-in 0s;
    -moz-transition: all 0.15s ease-in 0s;
    -ms-transition: all 0.15s ease-in 0s;
    -o-transition: all 0.15s ease-in 0s;
    transition: all 0.15s ease-in 0s; }

.u-graytime {
  font-size: 14px;
  color: rgba(39, 42, 50, 0.6); }

.g-get-class {
  padding: 0 15px 15px; }
  .g-get-class dt {
    color: #353a55;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    border-bottom: 1px dotted #8b8d99; }
  .g-get-class dd {
    padding-left: 10px;
    line-height: 40px;
    border-bottom: 1px dotted #8b8d99; }
    .g-get-class dd .grade {
      font-family: Tahoma;
      font-size: 24px;
      color: #057bff;
      display: inline-block;
      *display: inline;
      float: right;
      padding: 0 8px;
      min-width: 80px;
      text-align: center;
      font-weight: bold; }
      .g-get-class dd .grade .unget {
        color: #ff0300; }
    .g-get-class dd .link {
      cursor: pointer;
      color: #057bff; }
      .g-get-class dd .link:hover {
        text-decoration: underline; }
    .g-get-class dd .alert-tip {
      cursor: pointer;
      color: #057bff; }
      .g-get-class dd .alert-tip:hover {
        color: #057bff;
        text-decoration: underline; }
      .g-get-class dd .alert-tip i {
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        top: 2px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 12px solid #057bff;
        margin-right: 3px;
        line-height: 14px;
        text-align: center;
        color: #fff;
        text-indent: -1px; }
    .g-get-class dd .type {
      display: inline-block;
      *display: inline;
      float: right;
      padding: 0 10px;
      cursor: default; }
      .g-get-class dd .type .tip {
        position: relative;
        display: inline-block; }
        .g-get-class dd .type .tip:hover .in {
          display: inline-block; }
      .g-get-class dd .type .sign {
        color: #ff0300; }
      .g-get-class dd .type .in {
        position: absolute;
        border: 1px solid #ccc;
        white-space: nowrap;
        padding: 5px 10px;
        font-size: 12px;
        color: #80848b;
        line-height: 18px;
        background: #fff;
        z-index: 3;
        left: 0px;
        top: 35px;
        display: none; }
        .g-get-class dd .type .in:before, .g-get-class dd .type .in:after {
          position: absolute;
          left: 8px;
          top: -6px;
          width: 0;
          height: 0;
          content: "";
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 6px solid #ccc; }
        .g-get-class dd .type .in:after {
          top: -5px;
          border-bottom: 6px solid #fff; }

.u-destip {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #057bff;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  margin-right: 5px; }

.m-layer-tip {
  font-size: 14px; }
  .m-layer-tip p {
    padding-bottom: 20px;
    text-indent: 2em; }
  .m-layer-tip .link {
    color: #057bff; }
    .m-layer-tip .link:hover {
      text-decoration: underline; }

.g-mn-menu {
  padding: 0 5px 0 35px;
  position: relative;
  z-index: 2;
  background: #f2f4f6; }
  .g-mn-menu.xo-5 li {
    margin-right: 34px;
    min-width: 120px; }
    .g-mn-menu.xo-5 li h2, .g-mn-menu.xo-5 li p {
      font-size: 16px; }
  .g-mn-menu li {
    display: inline-block;
    *display: inline;
    float: left;
    min-width: 80px;
    text-align: center;
    color: #353a55;
    font-size: 14px;
    font-weight: bold;
    margin-right: 30px;
    position: relative; }
    .g-mn-menu li a {
      position: relative;
      padding: 18px 0 18px 40px;
      display: inline-block;
      text-align: left;
      line-height: 31px; }
      .g-mn-menu li a:hover p {
        color: #057bff; }
      .g-mn-menu li a:hover h2 {
        color: #057bff; }
      .g-mn-menu li a:hover .line {
        width: 19px; }
      .g-mn-menu li a h2 {
        max-width: 100px;
        line-height: 31px;
        font-size: 15px;
        font-weight: 500;
        color: #4b4f65; }
      .g-mn-menu li a p {
        position: relative;
        max-width: 100px;
        display: inline-block;
        line-height: 22px;
        font-size: 15px;
        font-weight: 500;
        color: #4b4f65; }
    .g-mn-menu li .u-lxsMn-ico {
      position: absolute;
      left: 0;
      top: 18px;
      display: inline-block;
      width: 30px;
      height: 30px;
      background: url(images/inner-nav.png) no-repeat; }
      .g-mn-menu li .u-lxsMn-ico.ico1 {
        background-position: 0 0px; }
      .g-mn-menu li .u-lxsMn-ico.ico2 {
        background-position: 0 -30px; }
      .g-mn-menu li .u-lxsMn-ico.ico3 {
        background-position: 0 -60px; }
      .g-mn-menu li .u-lxsMn-ico.ico4 {
        background-position: 0 -90px; }
      .g-mn-menu li .u-lxsMn-ico.ico5 {
        background-position: 0 -120px; }
      .g-mn-menu li .u-lxsMn-ico.ico6 {
        background-position: 0 -150px; }
      .g-mn-menu li .u-lxsMn-ico.ico7 {
        background-position: 0 -180px; }
      .g-mn-menu li .u-lxsMn-ico.ico8 {
        background-position: 0 -210px; }
      .g-mn-menu li .u-lxsMn-ico.ico9 {
        background-position: 0 -240px; }
      .g-mn-menu li .u-lxsMn-ico.ico10 {
        background-position: 0 -270px; }
    .g-mn-menu li.crt h2 {
      font-weight: 600;
      color: #4b4f65; }
    .g-mn-menu li.crt .line {
      width: 19px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico1 {
      background-position: -30px 0px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico2 {
      background-position: -30px -30px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico3 {
      background-position: -30px -60px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico4 {
      background-position: -30px -90px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico5 {
      background-position: -30px -120px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico6 {
      background-position: -30px -150px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico7 {
      background-position: -30px -180px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico8 {
      background-position: -30px -210px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico9 {
      background-position: -30px -240px; }
    .g-mn-menu li.crt .u-lxsMn-ico.ico10 {
      background-position: -30px -270px; }
    .g-mn-menu li.crt p {
      font-weight: 600;
      color: #4b4f65; }
  .g-mn-menu .line {
    position: absolute;
    left: 68%;
    bottom: -1px;
    transform: translate(-50%);
    display: inline-block;
    margin-bottom: 4px;
    height: 6px;
    width: 0;
    background: #057bff;
    transition: all ease-out 0.2s; }

.u-blockBel-ico {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url(images/lxs-ico.png) 0 -143px; }

.g-lxsNtAnounce-wrap {
  padding: 4px 0 24px 0; }

.m-lxsNtAnounce-md {
  overflow: hidden;
  height: 28px; }
  .m-lxsNtAnounce-md .anounce {
    display: inline-block;
    *display: inline;
    float: left;
    width: 12%;
    font-size: 16px;
    font-weight: 600;
    color: #353a55; }
    .m-lxsNtAnounce-md .anounce i {
      top: 2px; }
  .m-lxsNtAnounce-md .m-NtAnoun-link {
    display: inline-block;
    *display: inline;
    float: left;
    width: 41%; }

.m-NtAnoun-link {
  margin-left: 25px;
  box-sizing: border-box; }
  .m-NtAnoun-link .link {
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; }
    .m-NtAnoun-link .link:hover {
      color: #057bff; }
      .m-NtAnoun-link .link:hover .time {
        color: #808392; }
  .m-NtAnoun-link .time {
    position: relative;
    padding-right: 7px;
    font-size: 12px;
    font-weight: 600;
    color: #808392; }
    .m-NtAnoun-link .time:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translateY(-50%);
      width: 1px;
      height: 11px;
      background: rgba(0, 0, 0, 0.15); }

/* end user common style */
.g-content {
  background: #fff; }
  .g-content .g-cont-frame {
    display: inline-block;
    *display: inline;
    float: left;
    width: 100%;
    min-height: 100px;
    background: #f1f1f1; }
  .g-content .g-cont-sd {
    display: inline-block;
    *display: inline;
    float: left;
    width: 258px;
    min-height: 600px;
    background: #fff;
    margin-left: -258px; }
  .g-content .g-cont-inner {
    margin-right: 268px;
    background: #fff;
    min-height: 300px;
    padding: 30px; }

.m-block-tl {
  font-size: 18px;
  font-weight: bold;
  color: #102030;
  padding-bottom: 12px;
  margin-right: 30px; }
  .m-block-tl h3 {
    display: inline-block;
    *display: inline;
    float: left; }
  .m-block-tl .u-more-btn {
    display: inline-block;
    *display: inline;
    float: right; }

.m-user-notice {
  padding: 0 30px; }
  .m-user-notice li {
    color: #353a55;
    line-height: 28px; }
    .m-user-notice li p {
      display: inline-block;
      *display: inline;
      float: left;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 80%;
      font-size: 13px; }
    .m-user-notice li .time {
      display: inline-block;
      *display: inline;
      float: right;
      color: #808392;
      font-size: 12px; }

.m-user-class li {
  color: #353a55;
  padding: 24px 0;
  border-bottom: 1px dotted #c5c6cb;
  position: relative; }
  .m-user-class li .img {
    display: inline-block;
    *display: inline;
    float: left;
    margin-right: 28px;
    width: 119px;
    height: 89px;
    overflow: hidden;
    position: relative; }
    .m-user-class li .img:hover img {
      -moz-transform: scale(1.5, 1.5);
      -webkit-transform: scale(1.5, 1.5);
      -o-transform: scale(1.5, 1.5);
      transform: scale(1.5, 1.5); }
    .m-user-class li .img img {
      width: 119px;
      height: 89px;
      transition: all 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s; }
    .m-user-class li .img .img-des {
      position: absolute;
      width: 103px;
      height: 19px;
      left: 0;
      bottom: 0;
      color: #fff;
      line-height: 19px;
      font-size: 12px;
      padding-left: 8px;
      background: url(images/bg-class-tip.png) 0 0 no-repeat; }
  .m-user-class li .m-class-des {
    display: inline-block;
    *display: inline;
    float: left;
    max-width: 60%; }
    .m-user-class li .m-class-des .tl {
      font-size: 16px;
      color: #102030;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
    .m-user-class li .m-class-des .tip {
      color: #808392;
      font-size: 12px;
      line-height: 22px; }
      .m-user-class li .m-class-des .tip span {
        margin-right: 5px; }
      .m-user-class li .m-class-des .tip.role {
        color: #d69f1b;
        font-weight: bold; }
      .m-user-class li .m-class-des .tip.role2 {
        color: #3ca140;
        font-weight: bold; }
  .m-user-class li .look-more {
    position: absolute;
    right: 0;
    bottom: 24px;
    color: #057bff; }
    .m-user-class li .look-more:hover {
      text-decoration: underline; }

.g-user-block {
  margin-bottom: 60px; }

.g-userClass-block {
  margin-bottom: 60px; }
  .g-userClass-block .m-block-tl {
    padding-bottom: 0; }

.g-user-block:last-child {
  margin-bottom: 0; }

.g-cont-sd .tl {
  font-size: 18px;
  font-weight: bold;
  color: #102030;
  padding: 26px; }

.m-cont-sdBox {
  padding: 26px; }
  .m-cont-sdBox .m-recomment-class {
    width: 198px; }

.m-recomment-class {
  color: #808392; }
  .m-recomment-class li {
    margin-bottom: 44px; }
  .m-recomment-class li:last-child {
    margin-bottom: 0px; }
  .m-recomment-class .img {
    display: inline-block;
    margin-right: 28px;
    width: 192px;
    height: 144px;
    overflow: hidden;
    position: relative; }
    .m-recomment-class .img:hover img {
      -moz-transform: scale(1.5, 1.5);
      -webkit-transform: scale(1.5, 1.5);
      -o-transform: scale(1.5, 1.5);
      transform: scale(1.5, 1.5); }
    .m-recomment-class .img img {
      width: 192px;
      height: 144px;
      transition: all 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s; }
    .m-recomment-class .img .img-des {
      position: absolute;
      width: 103px;
      height: 19px;
      left: 0;
      bottom: 0;
      color: #fff;
      line-height: 19px;
      font-size: 12px;
      padding-left: 8px;
      background: url(images/bg-class-tip.png) 0 0 no-repeat; }
  .m-recomment-class .des-tl {
    font-size: 16px;
    color: #102030;
    margin-top: 6px;
    display: inline-block;
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; }
    .m-recomment-class .des-tl:hover {
      color: #057bff; }
    .m-recomment-class .des-tl .tip {
      color: #fff;
      display: inline-block;
      margin-right: 8px;
      padding: 0 4px;
      line-height: 16px;
      font-size: 12px;
      background: #e2ae30; }
    .m-recomment-class .des-tl .tip2 {
      background: #4cb050; }

/* begin index no pagy */
.m-user-Noclass {
  min-height: 266px;
  margin: 24px 30px 0;
  background: #f5f8fb url(images/no-class-bg.png) center center no-repeat; }

.m-user-Noclass2 {
  background: #f5f8fb url(images/no-class-bg2.png) center center no-repeat; }

/* end index no pagy */
/*----- start page notice -----*/
.m-tb-com {
  width: 100%;
  margin-top: 24px;
  border: 1px solid #d9d9d9;
  table-layout: fixed; }
  .m-tb-com tbody tr.even {
    background: #e8f1fa; }
  .m-tb-com tbody td {
    height: 82px; }
  .m-tb-com tbody tr:hover {
    background: #e5f2ff; }
    .m-tb-com tbody tr:hover .tb-Yplay-num, .m-tb-com tbody tr:hover .tb-class-period {
      color: #057bff;
      font-weight: bold; }
  .m-tb-com th {
    height: 56px;
    text-align: center;
    font-weight: 700;
    background: #d1e3f6;
    line-height: 16px; }
  .m-tb-com th, .m-tb-com td {
    border: 1px solid #e6e5e5;
    border-top: none;
    border-bottom: none;
    word-break: break-all; }
  .m-tb-com.m-tb-notice tbody td.num, .m-tb-com.m-tb-notice tbody td.date {
    text-align: center; }
  .m-tb-com.m-tb-notice tbody td.txt {
    padding: 0 20px; }
  .m-tb-com.m-tb-notice tbody .link {
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 13px; }
    .m-tb-com.m-tb-notice tbody .link:hover {
      color: #057bff; }
  .m-tb-com.m-tb-credit tbody td, .m-tb-com.layerTb tbody td {
    text-align: center; }
    .m-tb-com.m-tb-credit tbody td .score, .m-tb-com.layerTb tbody td .score {
      text-decoration: underline; }
  .m-tb-com.layerTb {
    margin-top: 0; }
    .m-tb-com.layerTb tbody td {
      line-height: 20px; }
    .m-tb-com.layerTb .layer-tb-className {
      padding: 0 15px; }

.m-tb-mycourse tbody tr td {
  padding: 0 10px;
  line-height: 18px; }
.m-tb-mycourse tbody tr td:nth-child(2) a, .m-tb-mycourse tbody tr td:nth-child(3) a, .m-tb-mycourse tbody tr td:nth-child(4) a {
  color: #057bff; }
  .m-tb-mycourse tbody tr td:nth-child(2) a:hover, .m-tb-mycourse tbody tr td:nth-child(3) a:hover, .m-tb-mycourse tbody tr td:nth-child(4) a:hover {
    text-decoration: underline; }
.m-tb-mycourse tbody tr td:nth-child(9) {
  padding: 0; }

.m-serch-mod.m-notice-mod .m-serch-group {
  display: inline-block;
  *display: inline;
  float: left;
  margin-left: 30px; }

/*----- end page notice -----*/
/*----- start page notice-detail -----*/
.m-article {
  padding: 40px 25px; }
  .m-article .u-tit {
    font-size: 20px;
    text-align: center;
    font-weight: normal; }
  .m-article .u-info {
    color: #808392;
    text-align: center;
    padding: 15px 0 34px; }
    .m-article .u-info .line {
      color: #e2e3e4;
      padding: 0 12px; }
  .m-article .u-txt {
    font-size: 14px;
    color: #545973;
    line-height: 24px;
    text-indent: 2em;
    padding-bottom: 24px; }
  .m-article .u-dld {
    font-size: 12px;
    text-indent: 2em; }
    .m-article .u-dld a {
      color: #057bff; }
      .m-article .u-dld a:hover {
        text-decoration: underline; }

/*----- end page notice-detail -----*/
/*----- begin mycourse page -----*/
.m-serch-mod {
  padding: 26px 0;
  border-bottom: 1px dotted #bfc0c6; }
  .m-serch-mod .m-addElement-item {
    display: inline-block;
    *display: inline;
    float: left;
    margin-bottom: 0; }
    .m-serch-mod .m-addElement-item .center {
      min-width: 175px;
      padding-left: 44px; }
    .m-serch-mod .m-addElement-item .ltxt {
      width: 44px; }
  .m-serch-mod .m-serch-group {
    display: inline-block;
    *display: inline;
    float: right; }

.m-serch-modNOb {
  padding-bottom: 0;
  border-bottom: none; }

.m-serch-group .u-reverse-btn {
  margin-left: 18px; }
.m-serch-group .u-reverse-btn:first-child {
  margin-left: 0; }

.m-serch-more-mod {
  padding: 40px 0 30px 0;
  border-bottom: 1px dotted #bfc0c6;
  position: relative;
  display: none; }
  .m-serch-more-mod .u-close-btn {
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer; }

.m-serch-more-block {
  display: block;
  padding-top: 30px;
  border-bottom: none; }

.m-addElement-treeLi .m-addElement-item {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 20px;
  *width: 30%;
  width: 30% \0;
  display: inline-block;
  *display: inline;
  float: left; }
  .m-addElement-treeLi .m-addElement-item .ltxt {
    width: 72px; }
  .m-addElement-treeLi .m-addElement-item .center {
    padding-left: 72px; }
.m-addElement-treeLi .m-addElement-item:nth-child(3n) {
  margin-right: 0; }

/*----- end mycourse page -----*/
/*----- start page personal -----*/
.g-personal-wrap {
  padding: 28px 28px 35px;
  background: #fff; }
  .g-personal-wrap .tit {
    font-size: 18px; }
  .g-personal-wrap .m-personinfo-opa {
    text-align: center; }
    .g-personal-wrap .m-personinfo-opa .u-reverse-btn {
      width: 140px;
      height: 36px;
      line-height: 36px;
      font-size: 13px;
      font-weight: 700;
      border-color: #cdcccc;
      margin: 0 20px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }

.m-tb-personal {
  width: 100%;
  border: 1px dotted #bfc0c6;
  border-left: none;
  border-right: none;
  margin: 30px 0 50px; }
  .m-tb-personal td {
    height: 48px;
    font-size: 13px;
    border-bottom: 1px dotted #bfc0c6;
    word-break: break-all; }
    .m-tb-personal td.tt {
      padding-right: 10px;
      text-align: right;
      color: #808392;
      font-weight: 700;
      background: white; }
    .m-tb-personal td.con {
      padding-left: 10px;
      font-weight: 700; }
    .m-tb-personal td.bor {
      border-left: 1px dotted #bfc0c6; }
  .m-tb-personal .tips {
    display: block;
    color: #057bff; }
  .m-tb-personal .fee {
    color: #e7582c;
    font-size: 14px; }
    .m-tb-personal .fee strong {
      font-size: 22px; }

/*----- end page personal -----*/
/*----- begin appraise layer -----*/
.g-appraise-layer {
  margin: 0 30px; }
  .g-appraise-layer .hd-tl {
    font-size: 22px;
    font-weight: bold;
    color: #102030;
    padding: 32px 0; }
  .g-appraise-layer .m-tb-personal {
    margin: 0; }
  .g-appraise-layer td.tt {
    background: #fff;
    text-align: left; }
  .g-appraise-layer td.bor {
    padding-left: 30px; }

.m-appr-Dstl {
  color: #102030;
  font-size: 17px;
  font-weight: bold;
  padding: 40px 0 20px 0; }
  .m-appr-Dstl .tip {
    width: 9px;
    height: 17px;
    top: 3px;
    background-position: -51px -56px;
    margin-right: 8px; }

.m-appr-thDs .cont {
  position: relative; }
.m-appr-thDs .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 25px; }
  .m-appr-thDs .img img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%; }
.m-appr-thDs .m-appr-detail {
  padding-left: 105px; }

.m-appr-detail .name {
  color: #102030;
  font-size: 18px;
  padding-bottom: 10px;
  display: inline-block; }
.m-appr-detail .txt {
  font-size: 14px;
  color: #808392;
  line-height: 25px; }
  .m-appr-detail .txt .more-open, .m-appr-detail .txt .more-close {
    font-size: 12px;
    color: #057bff;
    font-weight: bold;
    margin-left: 5px; }
    .m-appr-detail .txt .more-open:after, .m-appr-detail .txt .more-close:after {
      content: "";
      display: inline-block;
      margin: 0 3px;
      width: 9px;
      height: 10px;
      background: url(images/user-ico.png) -139px -56px no-repeat;
      position: relative;
      top: 2px; }
    .m-appr-detail .txt .more-open:hover, .m-appr-detail .txt .more-close:hover {
      text-decoration: underline; }
  .m-appr-detail .txt .more-close:after {
    background: url(images/user-ico.png) -154px -56px no-repeat; }
.m-appr-detail .all-show {
  display: none; }

.m-appr-classDs {
  padding-bottom: 20px; }
  .m-appr-classDs .txt {
    text-indent: 2em; }

.m-appr-Dstl .tl, .m-appr-Dstl .start, .m-appr-Dstl .grade {
  display: inline-block;
  *display: inline;
  float: left; }
.m-appr-Dstl .start {
  margin: 0 15px; }
  .m-appr-Dstl .start li {
    display: inline-block;
    *display: inline;
    float: left; }
.m-appr-Dstl .grade {
  color: #ff412d;
  font-family: Georgia;
  font-size: 28px;
  font-weight: normal; }
  .m-appr-Dstl .grade em {
    font-size: 15px;
    font-family: "Microsoft YaHei";
    margin-left: 3px; }

.m-appr-gradetxt {
  padding-bottom: 18px; }
  .m-appr-gradetxt h3 {
    font-size: 14px;
    font-weight: bold;
    color: #102030;
    padding-bottom: 15px; }
  .m-appr-gradetxt .u-textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 60px; }

.m-litter-notice {
  font-size: 14px;
  color: #808392; }

.m-line-group-btn {
  padding: 30px 0; }
  .m-line-group-btn .u-reverse-btn {
    margin-right: 15px; }

/*----- end appraise layer -----*/
/*----- begin train name layer -----*/
.m-layer-deslist {
  width: 100%;
  border-left: none;
  border-right: none; }
  .m-layer-deslist td {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    word-break: break-all;
    color: #353a55;
    font-weight: bold; }
  .m-layer-deslist td:nth-child(2n) {
    font-weight: normal; }

.g-layer-train-des {
  background: #f1f1f1;
  padding: 15px 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.g-layer-list-des li {
  border-bottom: 1px dotted #e4e4e4;
  padding: 25px 0; }
.g-layer-list-des li:last-child {
  border-bottom: none; }

.m-layer-itemtl {
  font-size: 16px;
  font-weight: bold;
  color: #353a55;
  padding-bottom: 15px; }

.m-item-destxt {
  position: relative;
  padding-top: 5px;
  padding-bottom: 10px; }
  .m-item-destxt .destxt {
    color: #353a55;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 5px; }
  .m-item-destxt .m-appr-detail {
    padding-left: 10%; }
    .m-item-destxt .m-appr-detail .txt {
      color: #353a55; }

/*----- end train name layer -----*/
.m-crum {
  color: #808392;
  font-size: 12px; }
  .m-crum a {
    color: #808392; }
    .m-crum a:hover {
      color: #057bff; }
  .m-crum span, .m-crum a {
    margin-right: 5px; }
  .m-crum .intxt {
    color: #353a55; }

/*--------- start layer -----------*/
.layui-layer {
  border-radius: 5px !important; }
  .layui-layer .layui-layer-title {
    font-size: 16px;
    font-weight: 700;
    color: #40414a;
    height: 56px;
    line-height: 56px;
    margin: 0 24px;
    padding: 0;
    background: transparent;
    border-bottom: 1px dashed #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .layui-layer .layui-layer-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.layer-wrap {
  padding: 24px; }
  .layer-wrap .m-addElement-item {
    margin-bottom: 20px; }

/*--------- end layer -----------*/
/*--------- begin personal datum  -----------*/
.m-upload-headpic {
  padding: 30px 0;
  border-bottom: 1px dotted #c9cacf; }
  .m-upload-headpic .img {
    display: inline-block;
    *display: inline;
    float: left;
    padding: 6px;
    border: 1px dotted #dbdbdb;
    margin-left: 20px; }
    .m-upload-headpic .img img {
      width: 208px;
      height: 148px; }
  .m-upload-headpic .m-file-upload {
    display: inline-block;
    *display: inline;
    float: left;
    margin-left: 25px; }

.m-file-upload {
  position: relative;
  top: 85px; }
  .m-file-upload .u-file-show-btn {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px; }
  .m-file-upload .u-file-hide-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 105px;
    height: 32px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .m-file-upload .upload-txt {
    color: #898a8b;
    font-size: 13px; }

.form-cen-middW .m-pbMod-ipt {
  width: 104px; }
.form-cen-middW .m-selectbox {
  width: 130px; }

.form-cen-midd2W .m-pbMod-ipt {
  width: 132px; }
.form-cen-midd2W .m-selectbox {
  width: 158px; }
.form-cen-midd2W .m-pbMod-ipt.date .u-pbIpt {
  padding-right: 12px; }

.form-cen-middBW .m-pbMod-ipt {
  width: 384px; }
.form-cen-middBW .m-selectbox {
  width: 384px; }
.form-cen-middBW .m-pbMod-ipt.date .u-pbIpt {
  padding-right: 12px; }

.m-native-place .m-pbMod-ipt {
  width: 72px;
  display: inline-block;
  *display: inline;
  float: left; }
.m-native-place .m-pbMod-ipt:nth-child(2n) {
  width: 10px; }
  .m-native-place .m-pbMod-ipt:nth-child(2n) .tip {
    color: #353a55;
    line-height: 34px;
    font-weight: bold;
    text-align: center; }

.m-information-box {
  padding: 30px 0 10px 0;
  border-bottom: 1px dotted #c9cacf; }
  .m-information-box .m-addElement-item {
    display: inline-block;
    *display: inline;
    float: left;
    width: 50%;
    margin-bottom: 20px; }
  .m-information-box .m-addElement-itemBig {
    width: 66%; }

.m-addElement-item .unput-txt {
  line-height: 34px;
  color: #353a55;
  margin-left: -10px;
  font-weight: bold;
  font-size: 14px; }
.m-addElement-item .unput-txt-theme {
  color: #057bff; }
.m-addElement-item.m-type-it {
  margin-bottom: 0; }
  .m-addElement-item.m-type-it .m-shortLenth {
    width: 65%; }
.m-addElement-item.m-textearewrap-item {
  min-height: 90px; }
.m-addElement-item.m-all-length {
  width: 100%; }

.g-priod-tt {
  padding-bottom: 10px; }

.m-infor-thbox {
  border-bottom: none; }
  .m-infor-thbox .m-addElement-item .ltxt {
    width: 190px; }
  .m-infor-thbox .m-addElement-item .center {
    padding-left: 190px; }

.m-information-box .m-info-chosebox .info-tl {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #353a55;
  font-weight: bold; }
  .m-information-box .m-info-chosebox .info-tl em {
    color: #ff2400; }
.m-information-box .m-info-chosebox .m-addElement-item {
  width: 100%; }

.m-addElement-btnCen {
  padding-top: 35px;
  text-align: center; }

.errblock {
  color: red; }

.m-information-boxH .m-addElement-item {
  margin-bottom: 0;
  height: 68px; }

.m-pbMod-ipt.error .mis-textarea, .m-pbMod-ipt.error .u-pbIpt {
  border-color: red; }

.m-selectbox.error strong {
  border-color: red; }
.m-selectbox.error .errblock {
  padding-left: 13px; }
.m-selectbox.error select {
  color: red; }

/*--------- end personal datum  -----------*/
/*--------- begin change school layer  -----------*/
.m-layer-change-scl .m-layer-deslist tbody td:nth-child(2n-1) {
  text-align: right;
  padding-right: 10px; }
.m-layer-change-scl .m-addElement-item {
  margin-bottom: 25px;
  margin-top: 10px; }
  .m-layer-change-scl .m-addElement-item .ltxt {
    width: 13%; }
    .m-layer-change-scl .m-addElement-item .ltxt span {
      margin-right: 10px; }
  .m-layer-change-scl .m-addElement-item .center {
    padding-left: 13%; }
.m-layer-change-scl .m-addElement-item:last-child {
  margin-bottom: 0; }

.m-addElement-itemScl .m-pbMod-ipt {
  width: 75%;
  display: inline-block;
  *display: inline;
  float: left; }
.m-addElement-itemScl .u-main-btn {
  text-align: center;
  min-width: 10%;
  display: inline-block;
  *display: inline;
  float: right;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  height: 32px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }
  .m-addElement-itemScl .u-main-btn:hover {
    color: #fff; }

/*--------- end change school layer  -----------*/
.m-layer-change-password {
  margin: 0 100px 0 30px; }
  .m-layer-change-password .g-addElement-lst .m-addElement-item:last-child {
    margin-bottom: 0; }
  .m-layer-change-password .m-addElement-btnCen {
    margin-left: 140px;
    text-align: left; }

/*--------- begin course market page  -----------*/
.g-course-marketList .m-appr-Dstl {
  padding-bottom: 25px; }
.g-course-marketList .m-recomment-class .des-tl {
  margin-top: 8px; }
.g-course-marketList .m-recomment-class li {
  width: 22%;
  margin-right: 4%;
  margin-bottom: 25px;
  display: inline-block;
  *display: inline;
  float: left; }
  .g-course-marketList .m-recomment-class li .img {
    display: block;
    margin-right: 0; }
  .g-course-marketList .m-recomment-class li .img-bar {
    position: relative;
    margin-bottom: 30px;
    width: 192px; }
    .g-course-marketList .m-recomment-class li .img-bar:after, .g-course-marketList .m-recomment-class li .img-bar:before {
      position: absolute;
      left: 50%;
      width: 94%;
      height: 2px;
      content: "";
      margin-left: -47%;
      background: #b4b9bc;
      bottom: -6px; }
    .g-course-marketList .m-recomment-class li .img-bar:after {
      width: 86%;
      margin-left: -43%;
      bottom: -10px; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color {
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 100%;
      background: #0066cc;
      opacity: 0.9;
      filter: alpha(opacity=90); }
      .g-course-marketList .m-recomment-class li .img-bar .bar-color .clip {
        width: 24px;
        height: 47px;
        position: absolute;
        left: -4px;
        top: -15px;
        background: url(images/course-bar-clip.png) 0 0 no-repeat; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color2 {
      background: #7070ef; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color3 {
      background: #48b34d; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color4 {
      background: #ff9e12; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color5 {
      background: #ed4529; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color6 {
      background: #5a6976; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color7 {
      background: #ff7e7d; }
    .g-course-marketList .m-recomment-class li .img-bar .bar-color8 {
      background: #4aaaf5; }
.g-course-marketList .m-recomment-class li:nth-child(4n) {
  margin-right: 0; }

.m-no-marketbg {
  min-height: 288px;
  background: #f5f8fb url(images/no-course-marketbg.png) center center no-repeat;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  position: relative; }
  .m-no-marketbg i {
    position: absolute;
    left: 42%;
    top: 52%; }

.m-bottom-opt {
  position: fixed;
  top: 50%;
  margin-top: -60px;
  right: -1px;
  z-index: 11;
  width: 54px;
  background-color: #fefeff;
  box-shadow: 0 0 10px #ebeef1; }
  .m-bottom-opt .item {
    height: 60px; }
    .m-bottom-opt .item:hover .t-ico {
      top: -60px; }
    .m-bottom-opt .item:hover .txt {
      top: 0; }
  .m-bottom-opt a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 60px; }
  .m-bottom-opt .t-ico, .m-bottom-opt .txt {
    position: absolute;
    left: 0;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s; }
  .m-bottom-opt .t-ico {
    display: block;
    top: 0;
    width: 100%;
    height: 60px;
    background: url(images/bottom-opt.png) no-repeat; }
  .m-bottom-opt .item1 .t-ico {
    background-position: 0 0px; }
  .m-bottom-opt .item2 .t-ico {
    background-position: 0 -60px; }
  .m-bottom-opt .item3 .t-ico {
    background-position: 0 -120px; }
  .m-bottom-opt .txt {
    display: block;
    top: 60px;
    padding-top: 12px;
    width: 100%;
    height: 48px;
    background-color: #057bff;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    color: #fff; }
  .m-bottom-opt .line {
    width: 34px;
    height: 1px;
    background: #e2e7e8;
    margin-left: 8px; }

/*--------- end course market page  -----------*/
/*--------- begin country train page  -----------*/
.m-more-market-search {
  padding: 20px;
  background: #f7f7f7;
  margin-bottom: 30px; }
  .m-more-market-search .m-addElement-treeLi {
    display: inline-block;
    *display: inline;
    float: left;
    width: 62%;
    margin-right: 60px; }
    .m-more-market-search .m-addElement-treeLi .m-addElement-item {
      width: 47%; }
    .m-more-market-search .m-addElement-treeLi .m-addElement-item:nth-child(2) {
      margin: 0 0 0 3%; }
    .m-more-market-search .m-addElement-treeLi .m-addElement-itemMax {
      width: 100%;
      margin-bottom: 0; }
  .m-more-market-search .m-serch-group {
    width: 90px;
    display: inline-block;
    *display: inline;
    float: left;
    padding-left: 60px;
    text-align: center;
    border-left: 1px solid #dedede; }
    .m-more-market-search .m-serch-group .u-reverse-btn {
      margin: 0; }
    .m-more-market-search .m-serch-group .u-search-btn {
      margin-bottom: 15px; }

/*--------- end country train page  -----------*/
.m-trun-page {
  display: inline-block;
  *display: inline;
  float: left;
  padding: 18px 0;
  height: 24px;
  line-height: 24px;
  color: #373f49; }
  .m-trun-page select {
    margin: 0 30px 0 10px;
    padding: 2px;
    width: 66px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: none; }

.m-trun-page {
  display: inline-block;
  *display: inline;
  float: left; }
  .m-trun-page > * {
    display: inline-block;
    *display: inline;
    float: left; }
  .m-trun-page .ipt {
    margin: 0 10px;
    width: 42px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: none;
    box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, 0.1);
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    font-family: "Microsoft YaHei"; }
  .m-trun-page .first, .m-trun-page .prev, .m-trun-page .next, .m-trun-page .last {
    position: relative;
    top: 6px;
    margin-right: 15px;
    width: 10px;
    height: 12px;
    background: url(images/turn-page-icon.png) no-repeat; }
  .m-trun-page .first {
    background-position: 0 0; }
    .m-trun-page .first:hover {
      background-position: 0 -14px; }
  .m-trun-page .prev {
    background-position: -24px 0; }
    .m-trun-page .prev:hover {
      background-position: -24px -14px; }
  .m-trun-page .next {
    margin-left: 15px;
    background-position: -35px 0; }
    .m-trun-page .next:hover {
      background-position: -35px -14px; }
  .m-trun-page .last {
    background-position: -12px 0; }
    .m-trun-page .last:hover {
      background-position: -12px -14px; }
  .m-trun-page .page-confirm {
    color: #057bff;
    margin-right: 10px; }
    .m-trun-page .page-confirm:hover {
      text-decoration: underline; }

.m-tb-com tfoot td {
  padding: 0 22px; }
.m-tb-com tfoot .tr {
  display: inline-block;
  *display: inline;
  float: right;
  line-height: 60px;
  color: #9a9a9a; }
  .m-tb-com tfoot .tr .page-num strong {
    margin: 0 4px;
    color: #057bff; }

/*--------- begin course-market personal choose  -----------*/
.g-mn-tit .m-crum {
  display: inline-block;
  *display: inline;
  float: left; }
.g-mn-tit .m-go-back {
  display: inline-block;
  *display: inline;
  float: right;
  color: #057bff;
  font-size: 14px;
  font-weight: bold; }
  .g-mn-tit .m-go-back:hover {
    text-decoration: underline; }

.m-littertip-list li {
  padding-left: 70px;
  padding-bottom: 10px;
  position: relative; }
  .m-littertip-list li .txt {
    font-size: 14px;
    color: #3d4150;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
    margin-right: 2px; }
  .m-littertip-list li span {
    font-size: 12px;
    color: #5e5f61;
    margin-right: 18px;
    display: inline-block;
    *display: inline;
    float: left;
    padding: 0 6px;
    margin-bottom: 5px;
    text-align: center; }
  .m-littertip-list li .all {
    padding: 0 6px;
    color: #fff;
    background: #057bff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

.m-more-market-search .m-littertip-list {
  padding-bottom: 10px;
  border-bottom: 1px dotted #cbcbcb;
  margin-bottom: 25px; }
.m-more-market-search .m-addElement-treeLi {
  position: relative; }
.m-more-market-search .m-single-btn {
  position: absolute;
  left: 105%;
  top: 0; }

.m-laypage {
  padding-top: 30px;
  text-align: center; }

/*--------- end course-market personal choose  -----------*/
/*--------- begin shopping car   -----------*/
.m-shop-car-btn {
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  color: #adadad;
  font-size: 14px; }

.m-shopping-car {
  margin-left: 60px; }
  .m-shopping-car li:hover .m-shop-car-btn {
    display: block; }
  .m-shopping-car .m-shop-car-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    display: none; }
  .m-shopping-car .m-check-buycar-mod {
    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -35px; }

.m-check-buycar-mod .m-checkbox-tick .ico {
  width: 22px;
  height: 24px;
  background-position: -251px -80px; }
.m-check-buycar-mod .m-checkbox-tick .on .ico {
  background-position: -279px -80px; }

.m-go-shopping {
  padding: 35px 0;
  margin-left: 60px; }
  .m-go-shopping .look-shopping-clsss {
    display: inline-block;
    *display: inline;
    float: left;
    font-size: 14px;
    color: #80838c;
    text-decoration: underline;
    margin-top: 5px; }
    .m-go-shopping .look-shopping-clsss:hover {
      color: #057bff; }
  .m-go-shopping .m-addElement-btn {
    display: inline-block;
    *display: inline;
    float: right; }

/*--------- end shopping car -----------*/
/*--------- begin course market course detail -----------*/
.g-courseMar-detail .g-appraise-layer {
  margin: 0; }
.g-courseMar-detail .m-shopcar-gbtn {
  font-weight: normal;
  display: inline-block;
  *display: inline;
  float: right; }
  .g-courseMar-detail .m-shopcar-gbtn .u-main-btn {
    margin: 0;
    margin-left: 18px; }

.m-check-choose-mod {
  font-size: 12px;
  font-weight: bold; }
  .m-check-choose-mod .aItemTxt {
    color: #057bff; }
  .m-check-choose-mod .m-checkbox-tick {
    padding-left: 20px; }
  .m-check-choose-mod .m-checkbox-tick .on .ico {
    background-position: -65px -108px;
    margin-top: -6px; }
  .m-check-choose-mod .m-checkbox-tick .ico {
    background-position: -45px -108px;
    margin-top: -7px; }
  .m-check-choose-mod .m-checkbox-tick.disabled strong .ico {
    background-position: -84px -108px;
    margin-top: -7px; }
  .m-check-choose-mod .m-checkbox-tick.disabled strong + .aItemTxt {
    color: #576077; }

/*--------- end course market course detail -----------*/
/*--------- begin course market course detail layer -----------*/
.g-courseDL-layer {
  margin: 0 30px; }
  .g-courseDL-layer .m-shopcar-gbtn {
    display: inline-block;
    *display: inline;
    float: right;
    position: relative;
    top: 30px; }

/*--------- end course market course detail layer -----------*/
.m-course-tip-layer {
  text-align: center; }
  .m-course-tip-layer .tip {
    font-size: 16px;
    color: #102030;
    padding-bottom: 40px; }

/*--------- start change 2017.06.26 -----------*/
.g-Teaucation-content-wrapper {
  color: #777b7f;
  padding: 30px 20px; }

.m-course-hd {
  position: relative;
  padding: 15px 180px 15px 265px;
  border-bottom: 1px solid #e0e2e5;
  min-height: 144px; }
  .m-course-hd .img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 240px;
    height: 144px; }
    .m-course-hd .img img {
      width: 240px;
      height: 144px; }
  .m-course-hd .tt {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px; }
    .m-course-hd .tt .finished {
      margin: 0 12px;
      padding: 2px 4px;
      border-radius: 2px;
      font-size: 12px;
      color: #fff;
      background: #f4b714; }
  .m-course-hd .num {
    line-height: 40px;
    color: #80848b;
    padding-top: 10px; }
    .m-course-hd .num span {
      margin: 0;
      margin-right: 10px; }
    .m-course-hd .num .line {
      padding: 0 8px; }
  .m-course-hd .info {
    line-height: 30px;
    color: #102030; }
  .m-course-hd .price {
    font-size: 16px;
    color: #ee2117; }
  .m-course-hd .u-btn-lg {
    position: absolute;
    right: 0; }
    .m-course-hd .u-btn-lg.minor {
      top: 90px; }
  .m-course-hd .m-btnmore {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
    .m-course-hd .m-btnmore .u-btn-normal {
      position: relative;
      top: 0;
      display: block;
      margin-bottom: 15px; }
      .m-course-hd .m-btnmore .u-btn-normal.load {
        color: #fff;
        background: #ec7d28; }
        .m-course-hd .m-btnmore .u-btn-normal.load::before {
          background: #e46606;
          box-shadow: inset 0 0 0 1px #e46606; }
  .m-course-hd .u-btn-normal {
    position: absolute;
    right: 0;
    top: 70px; }
    .m-course-hd .u-btn-normal.finish {
      border-color: #cbcbcb;
      border-radius: 3px;
      color: #9d978c; }
      .m-course-hd .u-btn-normal.finish:hover {
        background: #fff; }
  .m-course-hd .m-course-hd:last-child {
    border-bottom: 0; }

.m-course-hd:last-child {
  border-bottom: none; }

.uprogress-bar {
  padding-top: 10px; }
  .uprogress-bar .bar {
    display: inline-block;
    *display: inline;
    float: left;
    width: 160px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ededed;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: 1px; }
    .uprogress-bar .bar .inbarwid {
      position: absolute;
      top: 0;
      left: 0;
      height: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      display: inline-block;
      background: #57a6ff; }
    .uprogress-bar .bar .hadhalf {
      background: #ff9e14; }
  .uprogress-bar .rate {
    display: inline-block;
    *display: inline;
    float: left;
    color: #80848b;
    font-size: 12px;
    line-height: 12px; }

.u-xk-type {
  padding: 0 2px;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .u-xk-type.sw {
    color: #5c8aee;
    border-color: #5c8aee; }
  .u-xk-type.hx {
    color: #328fb2;
    border-color: #328fb2; }
  .u-xk-type.xk {
    color: #f57846;
    border-color: #f57846; }
  .u-xk-type.xd {
    color: #5c8aee;
    border-color: #5c8aee; }
  .u-xk-type.sx {
    color: #d5a133;
    border-color: #d5a133; }
  .u-xk-type.wl {
    color: #2aa86b;
    border-color: #2aa86b; }

.g-u-title {
  height: 55px;
  border-bottom: 1px solid #d9d9d9;
  line-height: 55px;
  padding-bottom: 10px; }
  .g-u-title.news {
    margin-bottom: 30px; }
    .g-u-title.news .m-u-title {
      font-size: 20px; }
  .g-u-title.g-ts {
    height: auto;
    line-height: 20px;
    padding-bottom: 24px; }
    .g-u-title.g-ts .m-ts-tt {
      position: relative;
      padding-left: 94px;
      padding-bottom: 3px;
      width: 470px;
      font-size: 14px;
      font-weight: 600;
      color: #2e3b4e; }
      .g-u-title.g-ts .m-ts-tt .u-ts-qc {
        position: relative;
        top: -2px;
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: url(images/user-ico.png) -144px -179px no-repeat; }
        .g-u-title.g-ts .m-ts-tt .u-ts-qc.jg {
          width: 18px;
          height: 18px;
          background-position: -164px -179px; }
      .g-u-title.g-ts .m-ts-tt span {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 23px;
        width: 94px;
        text-align: right; }
      .g-u-title.g-ts .m-ts-tt em {
        display: inline-block;
        line-height: 23px; }

.m-u-title {
  display: inline-block;
  *display: inline;
  float: left;
  padding-left: 30px;
  background: url(images/title-icon.png) no-repeat;
  font-size: 24px;
  font-weight: 500;
  color: #353a55; }
  .m-u-title.t1 {
    background-position: 0 0px; }
  .m-u-title.t2 {
    background-position: 0 -55px; }

.u-titl-more {
  display: inline-block;
  *display: inline;
  float: right;
  color: #808392; }
  .u-titl-more:hover {
    color: #057bff; }

.m-sNews-lst {
  padding-top: 30px;
  margin-right: -4%; }
  .m-sNews-lst li {
    display: inline-block;
    *display: inline;
    float: left;
    margin-bottom: 35px;
    padding-right: 4%;
    width: 46%;
    height: 48px;
    line-height: 24px; }
  .m-sNews-lst .include {
    position: relative;
    padding-left: 70px; }
  .m-sNews-lst .date {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 2px;
    width: 52px;
    height: 46px;
    line-height: 20px;
    background-color: #f3f3f3;
    text-align: center; }
    .m-sNews-lst .date * {
      display: block; }
    .m-sNews-lst .date em {
      font-family: Georgia, Arial;
      font-size: 24px;
      color: #057bff; }

#g-news-verticel {
  display: inline-block;
  *display: inline;
  float: left;
  width: 700px;
  height: 45px;
  overflow: hidden; }

.g-slide-wrap {
  overflow: hidden;
  position: relative;
  top: 0;
  height: 45px; }

.m-sNews-slider {
  position: absolute;
  left: 0;
  top: 0; }
  .m-sNews-slider li {
    height: 45px;
    width: 700px; }
  .m-sNews-slider .title {
    position: relative;
    font-size: 14px;
    font-weight: 500; }
    .m-sNews-slider .title a {
      width: 70%;
      margin-left: 60px;
      margin-right: 20px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      -moz-text-overflow: ellipsis;
      white-space: nowrap; }
    .m-sNews-slider .title .time {
      position: absolute;
      top: 0;
      display: inline-block;
      margin-left: 10px; }

.m-df-title {
  height: 22px;
  font-size: 14px;
  font-weight: 500; }
  .m-df-title a {
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 22px; }

.m-userStep-lst {
  width: 100%; }

.m-userStep-block {
  width: 100%;
  height: 145px;
  position: relative; }
  .m-userStep-block.first {
    background: url(images/user-step-bottom-border.png) left bottom no-repeat;
    height: 157px; }
    .m-userStep-block.first .include-right {
      height: 158px; }
    .m-userStep-block.first .m-include-right-n strong {
      padding-top: 50px; }
  .m-userStep-block.second, .m-userStep-block.third {
    background: url(images/user-step-bottom-border.png) left bottom no-repeat; }
  .m-userStep-block.last {
    border-bottom: 1px solid #d9d9d9;
    height: 132px; }
    .m-userStep-block.last .include-left {
      height: 143px; }
  .m-userStep-block .include-left {
    width: 132px;
    height: 145px;
    border-right: 1px solid #d9d9d9;
    float: left;
    text-align: center;
    position: relative; }
    .m-userStep-block .include-left h4 {
      font-size: 20px;
      color: #102030;
      line-height: 30px;
      font-weight: 500; }
    .m-userStep-block .include-left p {
      font-size: 14px;
      color: #102030; }
    .m-userStep-block .include-left .circle {
      width: 13px;
      height: 13px;
      border: 1px solid #d9d9d9;
      border-radius: 50%;
      position: absolute;
      right: -8px;
      top: 60px;
      background: #fff; }
  .m-userStep-block .include-icon {
    width: 56px;
    height: 42px;
    margin: 0 auto;
    margin-top: 36px;
    background: url(images/step-icon.png) -35px -53px no-repeat; }
  .m-userStep-block .include {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1; }
  .m-userStep-block .include-center {
    width: 437px;
    height: 100%;
    float: left;
    font-size: 12px; }
    .m-userStep-block .include-center p {
      margin: 16px 36px 10px 36px;
      font-size: 12px;
      color: #777b7f; }
    .m-userStep-block .include-center .m-include-test {
      width: 80px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-left: 36px;
      display: block;
      background: #eeeeee;
      border: 1px solid #d9d9d9;
      color: #102030;
      cursor: text; }
  .m-userStep-block .include-right {
    width: 290px;
    height: 100%;
    float: left;
    border-left: 1px solid #d9d9d9; }

.m-include-right-f, .m-include-right-n {
  width: 100%;
  height: 100%;
  margin-left: 14px; }

.m-include-right-f {
  display: none; }
  .m-include-right-f strong {
    color: #353a55;
    font-size: 14px;
    padding-top: 34px;
    display: block;
    line-height: 24px;
    height: 24px; }
    .m-include-right-f strong i {
      width: 27px;
      height: 24px;
      display: inline-block;
      float: left;
      background: url(images/user-icon.png) -24px 0px no-repeat; }
  .m-include-right-f .m-include-ans {
    margin-bottom: 10px;
    font-size: 14px;
    color: #777b7f; }
  .m-include-right-f ins {
    color: #057bff;
    font-weight: bold;
    margin-right: 10px; }
  .m-include-right-f .m-include-res {
    width: 97px;
    height: 27px;
    border: 1px solid #057bff;
    line-height: 27px;
    text-align: center;
    color: #057bff;
    display: block; }
    .m-include-right-f .m-include-res:hover {
      background: #057bff;
      color: #fff; }

.m-include-right-n {
  display: none; }
  .m-include-right-n strong {
    color: #057bff;
    font-size: 14px;
    padding-top: 36px;
    display: block;
    line-height: 24px;
    height: 24px; }
    .m-include-right-n strong i {
      width: 23px;
      height: 24px;
      display: inline-block;
      float: left;
      margin-right: 8px;
      background: url(images/user-icon.png) no-repeat; }
  .m-include-right-n .m-r-np {
    padding-left: 30px; }

.m-userStep-block.second .include-left, .m-userStep-block.second .include-center, .m-userStep-block.third .include-left, .m-userStep-block.third .include-center, .m-userStep-block.last .include-left, .m-userStep-block.last .include-center {
  margin-top: -13px; }
.m-userStep-block.second .include-icon {
  background-position: -35px -343px; }
.m-userStep-block.second .include-center span {
  color: #057bff;
  font-weight: bold; }
.m-userStep-block.third .include-icon {
  background-position: -41px -634px; }
.m-userStep-block.third .include-center p {
  margin-top: 20px; }
.m-userStep-block.last .include-icon {
  background-position: -35px -922px; }
.m-userStep-block.last .include-center p {
  margin-top: 46px; }

.m-include-in {
  width: 920px;
  height: 196px;
  background: url(images/userStep-in.jpg) 0 0 no-repeat;
  position: absolute;
  left: -18px;
  top: -35px;
  display: none; }

.bgcover {
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3; }
  .bgcover .m-cover-bg {
    width: 487px;
    height: 127px;
    background: url(images/covert-pic.png) 0 0 no-repeat;
    position: absolute; }
    .bgcover .m-cover-bg .m-cover-expl {
      width: 264px;
      height: 100px;
      text-align: center;
      float: right;
      padding-top: 24px;
      color: #fff; }
    .bgcover .m-cover-bg a {
      width: 90px;
      height: 28px;
      background: #fff;
      color: #057bff;
      display: inline-block;
      border-radius: 28px;
      margin-top: 10px;
      line-height: 28px; }
      .bgcover .m-cover-bg a:hover {
        background: #057bff;
        color: #fff; }

.m-include-right-noreach strong {
  padding-top: 5px; }
.m-include-right-noreach .m-r-noreachp {
  line-height: 35px;
  font-size: 14px;
  color: #777b7f; }
.m-include-right-noreach .m-r-noreach-class {
  color: #353a55;
  line-height: 24px; }
  .m-include-right-noreach .m-r-noreach-class span {
    font-size: 14px;
    font-weight: bold;
    color: #057bff;
    margin-left: 5px; }
  .m-include-right-noreach .m-r-noreach-class ins {
    margin: 0 5px;
    font-size: 14px;
    color: #808392; }

.m-userStep-finish .include-left {
  border-color: #057bff; }
  .m-userStep-finish .include-left h4 {
    color: #353a55; }
  .m-userStep-finish .include-left p {
    color: #808392; }
  .m-userStep-finish .include-left .circle {
    border-color: #057bff; }
.m-userStep-finish .include-center .m-include-test {
  border-color: #057bff;
  color: #057bff;
  background: #fff;
  cursor: pointer; }
  .m-userStep-finish .include-center .m-include-test:hover {
    background: #057bff;
    color: #fff; }
.m-userStep-finish .m-include-right-f {
  display: block; }
.m-userStep-finish.first .include-icon {
  background-position: -35px -198px; }
.m-userStep-finish.second .include-icon {
  background-position: -35px -486px; }
.m-userStep-finish.third .include-icon {
  background-position: -35px -780px; }
.m-userStep-finish.last .include-icon {
  background-position: -35px -1065px; }

.in .include-left {
  border-color: #057bff; }
  .in .include-left .circle {
    background: #057bff;
    border-color: #057bff; }
  .in .include-left .include-icon {
    display: none; }
  .in .include-left h4 {
    color: #057bff;
    font-size: 36px;
    line-height: 50px;
    padding-top: 40px; }
  .in .include-left p {
    color: #353a55; }
.in .m-include-right-n {
  display: block; }

.in .include-center .m-include-test {
  background: #057bff;
  color: #fff;
  cursor: pointer;
  border-color: #057bff; }
  .in .include-center .m-include-test:hover {
    background: #248bff;
    border-color: #248bff; }

.in .m-include-in {
  display: block; }
.in.first .m-include-in {
  background: url(images/userStep-first-in.jpg) 0 0 no-repeat;
  top: -22px; }
.in.last .m-include-in {
  background: url(images/userStep-last-in.jpg) 0 0 no-repeat; }

.g-pay-wrap {
  padding: 0 40px 20px;
  background: #fff; }
  .g-pay-wrap .pay-tt {
    line-height: 50px;
    margin: 0 -40px;
    padding: 0 20px;
    font-size: 16px;
    border-bottom: 1px solid #e0e2e5; }
  .g-pay-wrap .pay-info {
    margin: 0 -40px;
    line-height: 50px;
    color: #d16346;
    font-size: 14px;
    padding: 0 40px;
    background: #fbf9e7; }
    .g-pay-wrap .pay-info .num {
      display: inline-block;
      *display: inline;
      float: left; }
    .g-pay-wrap .pay-info .date {
      display: inline-block;
      *display: inline;
      float: right; }
  .g-pay-wrap .m-myorder-prdlist {
    min-height: 196px; }
  .g-pay-wrap .m-myorder-prd {
    border: none;
    margin-bottom: 28px; }
  .g-pay-wrap .m-user-prodtlist {
    border-bottom: 1px solid #eaebed; }
    .g-pay-wrap .m-user-prodtlist .m-course-hd .tt {
      line-height: 16px;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
    .g-pay-wrap .m-user-prodtlist .m-course-hd .info-item {
      color: #8c8c8e;
      line-height: 28px; }
    .g-pay-wrap .m-user-prodtlist .m-course-hd .num {
      line-height: 20px; }
      .g-pay-wrap .m-user-prodtlist .m-course-hd .num .xs {
        font-weight: 700; }
    .g-pay-wrap .m-user-prodtlist .m-course-hd .price {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -10px; }
  .g-pay-wrap .all-price {
    padding: 30px 0;
    text-align: right; }
    .g-pay-wrap .all-price .num {
      font-size: 14px;
      font-weight: 700; }
      .g-pay-wrap .all-price .num b {
        font-weight: normal;
        font-size: 22px;
        color: #ee2117; }
    .g-pay-wrap .all-price .u-btn-lg {
      display: inline-block;
      width: 180px;
      height: 42px;
      line-height: 42px;
      font-size: 14px;
      color: #fff;
      text-align: center;
      margin: 24px 0;
      border: 1px solid transparent;
      background: #ee2117; }
    .g-pay-wrap .all-price .tips {
      font-size: 14px;
      color: #80848b; }
  .g-pay-wrap .red {
    background: #057bff; }
    .g-pay-wrap .red:hover {
      background: #057bff; }

.m-user-prodtlist {
  padding: 0 30px;
  padding-top: 17px; }

.m-pay-type {
  padding-bottom: 40px;
  border-bottom: 1px solid #eaebed; }
  .m-pay-type .tt {
    font-size: 18px;
    font-weight: normal;
    line-height: 80px; }
  .m-pay-type .pay-lst li {
    position: relative;
    display: inline-block;
    *display: inline;
    float: left;
    border: 1px solid #e3e6e6;
    margin: 0 30px 15px 0; }
    .m-pay-type .pay-lst li.z-crt {
      border-color: #057bff; }
      .m-pay-type .pay-lst li.z-crt .ico {
        display: block; }
    .m-pay-type .pay-lst li .ico {
      display: none;
      position: absolute;
      bottom: -1px;
      right: -1px;
      border-left: 24px solid transparent;
      border-top: 24px solid transparent;
      border-bottom: 24px solid #057bff; }
      .m-pay-type .pay-lst li .ico:before {
        content: "";
        position: absolute;
        bottom: -23px;
        right: 0;
        width: 14px;
        height: 10px;
        background: url(images/user-ico.png) -186px -108px no-repeat; }
  .m-pay-type .pay-lst .block {
    display: block;
    width: 210px;
    height: 70px;
    line-height: 70px;
    text-align: center; }
    .m-pay-type .pay-lst .block img {
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle; }

/*--------- start pay -----------*/
.g-Teducation-pay-wrapper .pay-header {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  background: #057bff; }
  .g-Teducation-pay-wrapper .pay-header .logo {
    display: inline-block;
    *display: inline;
    float: left;
    position: relative; }
    .g-Teducation-pay-wrapper .pay-header .logo a {
      display: table-cell;
      height: 60px;
      vertical-align: middle; }
      .g-Teducation-pay-wrapper .pay-header .logo a img {
        vertical-align: middle; }
    .g-Teducation-pay-wrapper .pay-header .logo .text {
      position: absolute;
      left: 420px;
      top: 6px;
      height: 20px;
      line-height: 20px;
      padding: 0 6px;
      color: #f3640a;
      white-space: nowrap;
      font-weight: 700;
      background: #fff000; }
      .g-Teducation-pay-wrapper .pay-header .logo .text:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -4px;
        border-bottom: 4px solid #fff000;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent; }
.g-Teducation-pay-wrapper .pay-content {
  padding-bottom: 30px;
  background: #f0f1f1; }
.g-Teducation-pay-wrapper .pay-hd {
  position: relative;
  padding: 30px 110px 30px 0; }
  .g-Teducation-pay-wrapper .pay-hd .time {
    color: #1a1d29;
    font-size: 14px; }
    .g-Teducation-pay-wrapper .pay-hd .time b {
      color: #e3000b; }
  .g-Teducation-pay-wrapper .pay-hd .num {
    color: #1a1d29;
    font-size: 16px;
    font-weight: 700;
    margin: 12px 0 8px; }
  .g-Teducation-pay-wrapper .pay-hd .info {
    display: none;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 25px; }
  .g-Teducation-pay-wrapper .pay-hd .rt {
    position: absolute;
    right: 0;
    bottom: 30px;
    text-align: right; }
    .g-Teducation-pay-wrapper .pay-hd .rt .price {
      color: #e3000b;
      font-size: 20px;
      padding-bottom: 4px; }
    .g-Teducation-pay-wrapper .pay-hd .rt .btn {
      color: #0484b3; }
      .g-Teducation-pay-wrapper .pay-hd .rt .btn.open i {
        transform: rotate(-180deg); }
      .g-Teducation-pay-wrapper .pay-hd .rt .btn i {
        position: relative;
        top: 2px;
        display: inline-block;
        margin-left: 2px; }
.g-Teducation-pay-wrapper .pay-bd {
  padding: 90px 0 120px;
  background: #fff; }
  .g-Teducation-pay-wrapper .pay-bd .lt, .g-Teducation-pay-wrapper .pay-bd .rt {
    width: 50%;
    text-align: center; }
  .g-Teducation-pay-wrapper .pay-bd .lt {
    display: inline-block;
    *display: inline;
    float: left;
    overflow: hidden; }
    .g-Teducation-pay-wrapper .pay-bd .lt .block {
      position: relative;
      border-right: 1px solid #e9e9e9; }
      .g-Teducation-pay-wrapper .pay-bd .lt .block:before, .g-Teducation-pay-wrapper .pay-bd .lt .block:after {
        content: "";
        position: absolute;
        right: -1px;
        width: 1px;
        height: 120px; }
      .g-Teducation-pay-wrapper .pay-bd .lt .block:before {
        top: 0;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(#fcfcfc, #e9e9e9);
        background-image: -o-linear-gradient(#fcfcfc, #e9e9e9);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #e9e9e9));
        background-image: -webkit-linear-gradient(#fcfcfc, #e9e9e9);
        background-image: -ms-linear-gradient(#fcfcfc, #e9e9e9);
        background-image: linear-gradient(#fcfcfc, #e9e9e9); }
      .g-Teducation-pay-wrapper .pay-bd .lt .block:after {
        bottom: 0;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(#e9e9e9, #fcfcfc);
        background-image: -o-linear-gradient(#e9e9e9, #fcfcfc);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #fcfcfc));
        background-image: -webkit-linear-gradient(#e9e9e9, #fcfcfc);
        background-image: -ms-linear-gradient(#e9e9e9, #fcfcfc);
        background-image: linear-gradient(#e9e9e9, #fcfcfc); }
    .g-Teducation-pay-wrapper .pay-bd .lt .tt {
      font-size: 26px;
      color: #1a1d29;
      font-weight: normal; }
    .g-Teducation-pay-wrapper .pay-bd .lt .img, .g-Teducation-pay-wrapper .pay-bd .lt .img img {
      display: block;
      width: 280px;
      height: 280px;
      overflow: hidden; }
    .g-Teducation-pay-wrapper .pay-bd .lt .img {
      padding: 10px;
      margin: 35px auto;
      border: 1px solid #e6e6e6; }
    .g-Teducation-pay-wrapper .pay-bd .lt .text {
      position: relative;
      width: 150px;
      padding-left: 50px;
      font-size: 16px;
      color: #1a1d29;
      line-height: 22px;
      text-align: left;
      margin: 0 auto; }
      .g-Teducation-pay-wrapper .pay-bd .lt .text .sys {
        position: absolute;
        left: 0;
        top: 4px;
        width: 38px;
        height: 38px;
        background: url(images/user-ico.png) -312px -109px no-repeat; }
  .g-Teducation-pay-wrapper .pay-bd .rt {
    display: inline-block;
    *display: inline;
    float: right; }

/*--------- end pay -----------*/
/*--------- start course market -----------*/
.g-course-market-wrapper {
  background: #fff; }

.g-select-box {
  padding: 18px 0px 0 0px; }

.m-select-row {
  position: relative;
  padding-left: 72px;
  min-height: 22px;
  line-height: 22px; }
  .m-select-row dt {
    position: absolute;
    top: 0px;
    left: 0;
    color: #898a8b; }
  .m-select-row dd {
    display: inline-block;
    *display: inline;
    float: left;
    margin-right: 13px; }
    .m-select-row dd a {
      display: inline-block;
      padding: 0 12px;
      height: 22px;
      color: #102030; }
      .m-select-row dd a:hover, .m-select-row dd a.z-crt {
        background-color: #057bff;
        color: #fff; }
    .m-select-row dd.query input {
      display: inline-block;
      *display: inline;
      float: left;
      height: 23px;
      width: 60px;
      padding: 0 10px;
      text-align: center;
      border: 1px solid #e1e1e1; }
      .m-select-row dd.query input:focus {
        border-color: #cfe5fc; }
    .m-select-row dd.query .line {
      display: inline-block;
      *display: inline;
      float: left;
      padding: 0 12px;
      color: #d1d1d1; }
    .m-select-row dd.query .btn {
      display: inline-block;
      *display: inline;
      float: left;
      height: 22px;
      line-height: 22px;
      color: #fff;
      margin: 1px 0 0 30px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background: #0e83ff;
      border: 1px solid #0e83ff; }
      .m-select-row dd.query .btn:hover {
        background: #2d93ff; }
      .m-select-row dd.query .btn:active {
        background: #0074ee; }
      .m-select-row dd.query .btn i {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 2px;
        background: url(images/user-ico.png) -87px -29px no-repeat; }

.m-select-rowcont {
  border-bottom: 1px dotted #cecece;
  padding: 15px 0; }

.m-select-row {
  padding-right: 35px;
  overflow: hidden; }
  .m-select-row.height-self {
    max-height: 22px; }
  .m-select-row.Heightauto {
    height: auto;
    max-height: none; }
  .m-select-row .m-more {
    position: absolute;
    right: -24px;
    bottom: -1px; }
    .m-select-row .m-more i {
      margin-left: 2px;
      display: inline-block; }
    .m-select-row .m-more a {
      color: #898a8b; }
    .m-select-row .m-more .up-more {
      display: none; }
      .m-select-row .m-more .up-more i {
        transform: rotate(-90deg); }
      .m-select-row .m-more .up-more.canfind {
        display: block; }
    .m-select-row .m-more .down-more i {
      transform: rotate(90deg); }
    .m-select-row .m-more .down-more.notfind {
      display: none; }
    .m-select-row .m-more:hover a {
      background: #fff;
      color: #057bff; }

.g-course-lst {
  min-height: 440px; }

.m-course-lst {
  margin-right: -80px; }
  .m-course-lst li {
    display: inline-block;
    *display: inline;
    float: left;
    margin: 30px 64px 0 0;
    padding: 10px 8px 0;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; }
    .m-course-lst li:hover {
      border-bottom-color: transparent;
      transform: translateY(-10px);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); }
      .m-course-lst li:hover .block .tt {
        color: #057bff; }
  .m-course-lst .block {
    display: block;
    width: 230px;
    padding: 0 5px 6px; }
    .m-course-lst .block .img {
      margin-left: -5px; }
    .m-course-lst .block .img, .m-course-lst .block .img img {
      display: inline-block;
      width: 240px;
      height: 144px;
      overflow: hidden; }
    .m-course-lst .block .tt {
      font-size: 15px;
      line-height: 22px;
      margin: 14px 0;
      height: 44px;
      overflow: hidden; }
      .m-course-lst .block .tt .u-xk-type {
        font-size: 12px;
        margin-right: 5px; }
    .m-course-lst .block .num {
      padding-bottom: 20px; }
      .m-course-lst .block .num .m {
        display: inline-block;
        *display: inline;
        float: left; }
      .m-course-lst .block .num .line {
        display: inline-block;
        *display: inline;
        float: left;
        padding: 0 6px;
        opacity: 0.3;
        filter: alpha(opacity=30); }
      .m-course-lst .block .num span {
        color: #80848b; }
        .m-course-lst .block .num span.price {
          color: #ee2117; }
      .m-course-lst .block .num .u-ico {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 4px;
        background: url(images/user-ico.png) -286px -155px no-repeat; }
    .m-course-lst .block .xs {
      display: inline-block;
      *display: inline;
      float: left;
      padding-right: 10px;
      font-weight: 500;
      color: #057bff; }
    .m-course-lst .block .price {
      display: inline-block;
      *display: inline;
      float: right;
      font-size: 14px; }

.m-jump-page {
  padding: 40px 0;
  text-align: center; }

.m-jump-pageLeft {
  padding: 40px 30px;
  text-align: left; }

/*--------- end course market -----------*/
/*--- begin course detail ---*/
.g-courseDt-tp {
  padding: 30px;
  background: #fff;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden; }
  .g-courseDt-tp .u-clt-type {
    position: absolute;
    top: -7px;
    right: -26px;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #ffe28b;
    transform: rotate(45deg);
    cursor: pointer; }
    .g-courseDt-tp .u-clt-type.z-crt .u-ico-heart {
      background-position: -312px -32px; }
  .g-courseDt-tp .u-ico-heart {
    position: absolute;
    top: 16px;
    left: -6px;
    width: 20px;
    height: 18px;
    z-index: 2;
    background: url(images/course-icon.png) -204px 0 no-repeat; }
  .g-courseDt-tp .u-btn-normal {
    position: absolute;
    right: 30px;
    bottom: 30px; }
    .g-courseDt-tp .u-btn-normal.theme {
      bottom: 80px; }

.m-cfig-info {
  position: relative;
  padding: 0px 0 0 345px;
  min-height: 180px;
  color: #34353b; }
  .m-cfig-info .fig {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0; }
    .m-cfig-info .fig, .m-cfig-info .fig img {
      width: 310px;
      height: 180px; }
  .m-cfig-info .fig-tt {
    height: 64px;
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    line-height: 64px;
    font-size: 24px;
    font-weight: 400; }
  .m-cfig-info .info {
    padding: 10px 0;
    line-height: 40px;
    border-top: 1px solid #eaeaeb;
    line-height: 40px;
    display: inline-block;
    padding-right: 50px; }
    .m-cfig-info .info .item {
      display: inline-block;
      *display: inline;
      float: left;
      position: relative;
      padding-left: 32px;
      min-width: 138px;
      white-space: pre-line;
      color: #787878; }
      .m-cfig-info .info .item strong {
        margin-left: 8px;
        color: #787878; }
      .m-cfig-info .info .item i {
        position: absolute;
        top: 14px;
        left: 0px; }
    .m-cfig-info .info .price {
      font-size: 18px;
      font-weight: bold;
      color: #ee2117;
      padding-left: 0; }

.g-courseDt-frame {
  overflow: hidden;
  padding-right: 355px;
  zoom: 1; }

.g-courseDt-mn {
  display: inline-block;
  *display: inline;
  float: left;
  width: 100%;
  min-height: 673px; }

.g-courseDt-sd {
  display: inline-block;
  *display: inline;
  float: left;
  position: relative;
  margin-left: -340px;
  right: -355px;
  width: 340px; }

.g-courseDt-ly {
  padding: 0 20px 15px;
  margin-bottom: 15px;
  background-color: #fff; }

.m-courseDt-mod .g-bfig-lst .item {
  margin: 0 0 30px 0; }

.g-course-hd-tab {
  height: 48px;
  line-height: 48px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06); }
  .g-course-hd-tab ul li {
    display: inline-block;
    *display: inline;
    float: left;
    margin-right: 54px; }
    .g-course-hd-tab ul li.z-crt .block {
      color: #057bff;
      border-color: #057bff; }
    .g-course-hd-tab ul li.z-crt .u-ico.ico1 {
      background-position: -20px -129px; }
    .g-course-hd-tab ul li.z-crt .u-ico.ico2 {
      background-position: -67px -129px; }
    .g-course-hd-tab ul li.z-crt .u-ico.ico3 {
      background-position: -118px -129px; }
    .g-course-hd-tab ul li .u-ico {
      position: relative;
      display: inline-block;
      margin-right: 8px;
      background: url(images/user-ico.png) no-repeat; }
      .g-course-hd-tab ul li .u-ico.ico1 {
        top: 4px;
        width: 16px;
        height: 16px;
        background-position: 0 -129px; }
      .g-course-hd-tab ul li .u-ico.ico2 {
        top: 4px;
        width: 20px;
        height: 14px;
        background-position: -44px -129px; }
      .g-course-hd-tab ul li .u-ico.ico3 {
        top: 4px;
        width: 20px;
        height: 14px;
        background-position: -94px -129px; }
  .g-course-hd-tab ul .block {
    display: block;
    height: 46px;
    font-weight: 700;
    color: #5a5a5a;
    border-bottom: 2px solid transparent; }

.m-cm-tt {
  padding-top: 16px;
  height: 46px;
  line-height: 46px; }
  .m-cm-tt .tt {
    display: inline-block;
    *display: inline;
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #353a55; }
    .m-cm-tt .tt span {
      color: #057bff; }

.m-courseDt-intro p {
  margin-bottom: 10px; }
.m-courseDt-intro .p-all {
  display: none; }
.m-courseDt-intro .more-row {
  padding-bottom: 10px;
  text-align: right; }
.m-courseDt-intro .more {
  color: #057bff; }
  .m-courseDt-intro .more:hover {
    text-decoration: underline; }

.u-cMore-ico {
  top: 2px;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  background-position: -341px 0; }

.m-courseDt-catalog {
  border-top: 1px solid #e5e5e5; }

.m-catalog-lst .item {
  position: relative;
  padding: 6px 0 6px 54px;
  min-height: 44px;
  border-bottom: 1px solid #ececec; }
  .m-catalog-lst .item:nth-child(2n) {
    background-color: #f4f4f4; }
  .m-catalog-lst .item:last-child {
    border-bottom: 0 none; }
.m-catalog-lst .catalog:hover .txt, .m-catalog-lst .catalog:hover .tt {
  color: #057bff; }
.m-catalog-lst .catalog .txt {
  display: block;
  color: #5c606e; }
.m-catalog-lst .catalog .tt {
  display: inline-block;
  *display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  height: 22px;
  color: #191c25;
  font-size: 14px;
  font-weight: 700; }
.m-catalog-lst .u-cCatalog-ico {
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -9px; }

.u-cCatalog-ico {
  width: 20px;
  height: 20px;
  background-position: 0px -32px; }

.m-slide {
  width: 100%; }
  .m-slide * {
    font-size: 12px;
    font-weight: 400;
    font-family: "Microsoft YaHei"; }
  .m-slide .mF_qiyi .txt {
    display: none !important; }
  .m-slide .mF_qiyi .num {
    bottom: 15px; }
    .m-slide .mF_qiyi .num li {
      width: auto;
      margin-left: 12px;
      height: 10px;
      line-height: 10px;
      border: 0 none; }
      .m-slide .mF_qiyi .num li.current a {
        width: 25px;
        background-color: #057bff; }
      .m-slide .mF_qiyi .num li a {
        display: block;
        overflow: hidden;
        width: 10px;
        height: 10px;
        text-indent: -99px;
        background-color: #e2e2e2;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        .m-slide .mF_qiyi .num li a:hover {
          background-color: #057bff; }

.m-teacher-slide li {
  padding-top: 10px;
  background-color: #fff; }
.m-teacher-slide .fig {
  display: block;
  height: 76px;
  text-align: center; }
  .m-teacher-slide .fig img {
    width: 76px;
    height: 76px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.m-teacher-slide .tt {
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #353a55; }
.m-teacher-slide .intro {
  overflow: hidden;
  height: 120px;
  line-height: 24px;
  color: #787878; }

.m-courseRem-slide li {
  padding-top: 10px;
  background-color: #fff; }
.m-courseRem-slide a:hover * {
  color: #057bff; }
.m-courseRem-slide .fig {
  display: block;
  width: 220px;
  height: 132px;
  text-align: center; }
  .m-courseRem-slide .fig img {
    width: 220px;
    height: 132px; }
.m-courseRem-slide .tt {
  margin-top: 12px;
  display: inline-block;
  *display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #353a55; }
.m-courseRem-slide .intro {
  color: #808392; }

.g-shoppingcar-wrap {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -302px;
  width: 291px;
  border-left: 1px solid #2e3b4e;
  background: #eeeff2;
  height: 100%;
  -webkit-box-shadow: -4px 0 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -4px 0 10px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -4px 0 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -4px 0 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -4px 0 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s; }
  .g-shoppingcar-wrap.act {
    right: 0; }
  .g-shoppingcar-wrap .shoppingcar-hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9; }
    .g-shoppingcar-wrap .shoppingcar-hd .tt {
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      color: #fff;
      padding: 0 18px;
      background: #2e3b4e; }
      .g-shoppingcar-wrap .shoppingcar-hd .tt .num {
        font-size: 12px; }
      .g-shoppingcar-wrap .shoppingcar-hd .tt .u-ico-close {
        display: inline-block;
        *display: inline;
        float: right;
        top: 19px;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s; }
        .g-shoppingcar-wrap .shoppingcar-hd .tt .u-ico-close:hover {
          transform: rotate(180deg); }
  .g-shoppingcar-wrap .chk-all {
    height: 36px;
    line-height: 36px;
    color: #102030;
    padding: 0 18px;
    background: #eeeff2; }
    .g-shoppingcar-wrap .chk-all .del {
      display: inline-block;
      *display: inline;
      float: right;
      cursor: pointer; }
  .g-shoppingcar-wrap .shoppingcar-con {
    background: #fff;
    height: 100%;
    overflow: auto; }
  .g-shoppingcar-wrap .m-course-lst {
    margin-right: 0;
    margin-right: 0;
    padding: 96px 0 120px 0; }
    .g-shoppingcar-wrap .m-course-lst li {
      position: relative;
      display: block;
      float: none;
      margin: 0 auto;
      padding: 10px 20px 10px 42px;
      margin-bottom: 10px;
      border-bottom: 1px solid #e0e2e5; }
      .g-shoppingcar-wrap .m-course-lst li:last-child {
        border-bottom: none; }
        .g-shoppingcar-wrap .m-course-lst li:last-child:hover {
          border-bottom: none; }
      .g-shoppingcar-wrap .m-course-lst li:hover {
        transform: translateY(0);
        box-shadow: none;
        border-bottom: 1px solid #e0e2e5; }
        .g-shoppingcar-wrap .m-course-lst li:hover .tt {
          color: #057bff; }
    .g-shoppingcar-wrap .m-course-lst .block {
      width: 202px;
      margin: 0 auto; }
    .g-shoppingcar-wrap .m-course-lst .img, .g-shoppingcar-wrap .m-course-lst .img img {
      width: 212px;
      height: 130px; }
    .g-shoppingcar-wrap .m-course-lst .opa-del {
      position: relative;
      line-height: 22px;
      padding-right: 40px; }
      .g-shoppingcar-wrap .m-course-lst .opa-del .tt {
        line-height: 22px;
        color: #313339;
        font-size: 13px;
        font-weight: 700; }
      .g-shoppingcar-wrap .m-course-lst .opa-del .del {
        position: absolute;
        top: 0;
        right: 0;
        color: #2185c5; }
    .g-shoppingcar-wrap .m-course-lst .btm {
      line-height: 20px;
      height: 20px; }
    .g-shoppingcar-wrap .m-course-lst .price {
      display: inline-block;
      *display: inline;
      float: left;
      font-size: 12px;
      color: #ee2117; }
    .g-shoppingcar-wrap .m-course-lst .m-checkbox {
      position: absolute;
      top: 7px;
      left: 18px; }
  .g-shoppingcar-wrap .btm-opa {
    padding: 0 18px 20px;
    width: 255px;
    background: #eeeff2;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9; }
    .g-shoppingcar-wrap .btm-opa .all-price {
      line-height: 54px; }
      .g-shoppingcar-wrap .btm-opa .all-price .lt {
        display: inline-block;
        *display: inline;
        float: left; }
        .g-shoppingcar-wrap .btm-opa .all-price .lt .num {
          padding: 0 4px; }
      .g-shoppingcar-wrap .btm-opa .all-price .price {
        display: inline-block;
        *display: inline;
        float: right;
        color: #ee2117;
        font-size: 14px; }
    .g-shoppingcar-wrap .btm-opa .pay {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding: 0;
      background: #ee2117;
      border-color: #ee2117; }
      .g-shoppingcar-wrap .btm-opa .pay:hover {
        background: #f03c34; }

.g-player-wrapper {
  min-height: 400px;
  margin: 10px 0 40px;
  background: #000; }

/*--- end course detail ---*/
/*--- start invoice manage ---*/
.g-invoice-wrapper {
  padding: 30px 0 0; }
  .g-invoice-wrapper .address-manage .tt {
    line-height: 22px;
    margin-bottom: 26px; }
    .g-invoice-wrapper .address-manage .tt .txt {
      display: inline-block;
      *display: inline;
      float: left;
      font-size: 15px;
      font-weight: 700;
      color: #191f1f; }
    .g-invoice-wrapper .address-manage .tt .add {
      display: inline-block;
      *display: inline;
      float: right;
      color: #057bff; }
  .g-invoice-wrapper .address-manage .open-more {
    color: #808392; }
  .g-invoice-wrapper .address-manage .no-address {
    position: relative;
    width: 180px;
    padding-left: 150px;
    padding-top: 14px;
    min-height: 110px;
    color: #808392;
    line-height: 20px;
    margin: 0 auto;
    background: url(images/address.png) no-repeat; }
    .g-invoice-wrapper .address-manage .no-address .btn {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      text-align: center;
      padding: 0 10px;
      color: #057bff;
      margin-top: 8px;
      border: 1px solid #cdcccc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
      .g-invoice-wrapper .address-manage .no-address .btn:hover {
        color: #fff;
        border-color: #057bff;
        background: #057bff; }
  .g-invoice-wrapper .address-lst li {
    margin-bottom: 15px; }
    .g-invoice-wrapper .address-lst li.z-crt .hd {
      width: 118px;
      height: 28px;
      border-width: 2px;
      border-color: #ffc53a; }
      .g-invoice-wrapper .address-lst li.z-crt .hd:after {
        display: block; }
  .g-invoice-wrapper .address-lst .block {
    font-size: 14px;
    color: #1a1d29;
    line-height: 32px; }
    .g-invoice-wrapper .address-lst .block:hover .edit, .g-invoice-wrapper .address-lst .block:hover .del {
      display: inline-block; }
    .g-invoice-wrapper .address-lst .block .hd {
      position: relative;
      display: inline-block;
      *display: inline;
      float: left;
      width: 120px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%;
      font-size: 12px;
      margin-right: 20px;
      border: 1px solid #e5e5e5; }
      .g-invoice-wrapper .address-lst .block .hd:after {
        display: none;
        content: "";
        position: absolute;
        bottom: -1px;
        right: -1px;
        width: 16px;
        height: 16px;
        background: url(images/user-ico.png) -259px -129px no-repeat; }
    .g-invoice-wrapper .address-lst .block .text {
      display: inline-block;
      *display: inline;
      float: left; }
    .g-invoice-wrapper .address-lst .block .default {
      height: 18px;
      line-height: 18px;
      padding: 0 4px;
      color: #fff;
      font-size: 12px;
      margin-left: 18px;
      background: #9b9da7; }
    .g-invoice-wrapper .address-lst .block .edit, .g-invoice-wrapper .address-lst .block .del {
      display: none;
      color: #057bff;
      margin: 0 0 0 10px; }
  .g-invoice-wrapper .tb-info {
    font-size: 14px;
    font-weight: 700;
    color: #191f1f;
    margin: 34px 0 0; }
  .g-invoice-wrapper .m-tb-com {
    font-size: 13px; }
    .g-invoice-wrapper .m-tb-com .m-checkbox {
      position: relative;
      top: 6px;
      display: inline-block;
      width: 22px;
      height: 22px;
      padding-left: 0; }
      .g-invoice-wrapper .m-tb-com .m-checkbox.on .ico {
        background-position: -208px -129px; }
      .g-invoice-wrapper .m-tb-com .m-checkbox .ico {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url(images/user-ico.png) -186px -129px no-repeat; }
      .g-invoice-wrapper .m-tb-com .m-checkbox input {
        z-index: -1;
        width: 22px;
        height: 22px;
        top: 0;
        margin-top: 0; }
  .g-invoice-wrapper .m-serch-more-mod {
    text-align: center; }
    .g-invoice-wrapper .m-serch-more-mod .u-reverse-btn {
      min-width: 140px;
      font-size: 14px;
      font-weight: 700; }
      .g-invoice-wrapper .m-serch-more-mod .u-reverse-btn.u-default-btn {
        color: #80838c; }

.add-address {
  padding-right: 40px; }
  .add-address .m-addElement-item.three .m-selectbox {
    display: inline-block;
    *display: inline;
    float: left;
    width: 30%; }
  .add-address .m-addElement-item.three .space {
    display: inline-block;
    *display: inline;
    float: left;
    width: 5%;
    height: 34px; }
  .add-address .m-addElement-item.two .m-selectbox {
    display: inline-block;
    *display: inline;
    float: left;
    width: 47.4%; }
  .add-address .m-addElement-item.two .space {
    display: inline-block;
    *display: inline;
    float: left;
    width: 5%;
    height: 34px; }

/*--- end invoice manage ---*/
/*--------- end change 2017.06.26 -----------*/
/*--- begin course market list ---*/
.g-courselst-wrap {
  margin-top: -40px;
  margin-right: 30px;
  margin-bottom: 24px;
  background: #fff9eb; }

.m-crs-tip {
  position: relative;
  padding: 8px 50px 8px 50px;
  line-height: 32px;
  color: #c58e0b;
  background: #fff9eb; }
  .m-crs-tip b {
    padding: 0 4px; }
  .m-crs-tip .u-ico-remind {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 18px;
    height: 20px;
    background: url(images/user-ico.png) -95px -179px no-repeat; }
  .m-crs-tip .u-ico-close {
    position: absolute;
    right: 14px;
    top: 35%;
    width: 15px;
    height: 15px;
    background: url(images/user-ico.png) -122px -179px no-repeat; }
  .m-crs-tip.m-cg-tip {
    background: #fff9eb; }
  .m-crs-tip a {
    display: inline-block;
    vertical-align: middle; }

.m-coumak-litopnav {
  margin: 0 30px 40px 0px;
  border-bottom: 1px solid #f1f1f1;
  padding-top: 6px; }
  .m-coumak-litopnav li {
    display: inline-block;
    *display: inline;
    float: left;
    padding: 18px 20px;
    font-size: 15px; }
    .m-coumak-litopnav li a {
      color: #696c71;
      font-weight: bold; }
      .m-coumak-litopnav li a:hover {
        color: #057bff; }
    .m-coumak-litopnav li.crt {
      border-bottom: 2px solid #057bff; }
      .m-coumak-litopnav li.crt a {
        color: #057bff; }
  .m-coumak-litopnav .line {
    color: #d2d2d2; }

.m-block-tl .tip-txt {
  display: inline-block;
  *display: inline;
  float: left;
  margin-left: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #808392;
  position: relative;
  top: 4px; }
  .m-block-tl .tip-txt span {
    color: #cc9000;
    margin: 0 4px; }
    .m-block-tl .tip-txt span strong {
      margin: 0 4px; }
.m-block-tl .go-addclass {
  display: inline-block;
  *display: inline;
  float: right;
  width: 90px;
  height: 30px;
  padding: 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #92c236;
  line-height: 30px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  text-align: center; }
  .m-block-tl .go-addclass:hover {
    background: #a0cd4a; }
.m-block-tl .m-select-justyear {
  display: inline-block;
  *display: inline;
  float: left;
  margin-left: 18px; }

.user-coulearning-box {
  padding-bottom: 60px; }

.m-select-justyear {
  width: 85px;
  height: 26px;
  line-height: 26px; }
  .m-select-justyear strong {
    line-height: 24px;
    height: 24px;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .m-select-justyear strong i {
      width: 23px;
      height: 18px;
      border-left: 1px solid #dad9d9;
      top: 3px; }
  .m-select-justyear select {
    height: 26px; }

.m-hadfinish-courlist {
  padding: 15px 30px; }
  .m-hadfinish-courlist .list {
    background: #f4f7fa;
    margin-bottom: 15px; }
  .m-hadfinish-courlist .g-pay-wrap {
    padding: 0;
    display: none;
    background: #f4f7fa;
    border-top: 1px solid #e5ebf1;
    position: relative; }
  .m-hadfinish-courlist .m-user-prodtlist {
    padding: 17px 0px 10px 40px;
    border: none;
    background: #f4f7fa; }
  .m-hadfinish-courlist .info-item {
    font-size: 13px; }
  .m-hadfinish-courlist .pay {
    display: inline-block;
    *display: inline;
    float: right;
    color: #fff;
    border-color: #ff940d;
    background: #ff940d;
    width: 90px;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 9px; }
    .m-hadfinish-courlist .pay:hover {
      background: #ff9f27; }
  .m-hadfinish-courlist .cour-num {
    display: inline-block;
    *display: inline;
    float: left;
    font-size: 14px;
    margin-right: 34px;
    position: relative;
    color: #353a55; }
    .m-hadfinish-courlist .cour-num:hover .m-howcourseli {
      display: inline-block; }
    .m-hadfinish-courlist .cour-num:hover .tip {
      color: #057bff; }
    .m-hadfinish-courlist .cour-num .tip {
      cursor: default; }
    .m-hadfinish-courlist .cour-num strong {
      margin: 0 2px; }
  .m-hadfinish-courlist .hd {
    line-height: 50px;
    padding: 0 10px;
    font-size: 12px;
    color: #a0adb9;
    cursor: pointer; }
    .m-hadfinish-courlist .hd.z-crt .more {
      background: #248bff; }
      .m-hadfinish-courlist .hd.z-crt .more i {
        transform: rotate(180deg); }
    .m-hadfinish-courlist .hd:hover .more {
      background: #248bff; }
    .m-hadfinish-courlist .hd .cour-num .num {
      float: none; }
    .m-hadfinish-courlist .hd .u-hadf-clasbok, .m-hadfinish-courlist .hd .uprogress-bar, .m-hadfinish-courlist .hd .num, .m-hadfinish-courlist .hd .tl, .m-hadfinish-courlist .hd .u-hadorder-book {
      display: inline-block;
      *display: inline;
      float: left; }
    .m-hadfinish-courlist .hd .ordernum {
      display: inline-block;
      *display: inline;
      float: left;
      font-size: 15px;
      color: #353a55;
      font-weight: normal;
      margin-right: 20px;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 405px; }
    .m-hadfinish-courlist .hd .more {
      display: inline-block;
      *display: inline;
      float: right;
      line-height: 30px;
      height: 30px;
      background: #057bff;
      color: #fff;
      margin-left: 8px;
      position: relative;
      border-color: #057bff;
      top: 9px; }
      .m-hadfinish-courlist .hd .more:hover {
        color: #fff;
        background: #248bff; }
      .m-hadfinish-courlist .hd .more i {
        width: 10px;
        height: 6px;
        display: inline-block;
        margin-left: 8px;
        position: relative;
        top: -1px;
        background: url(images/user-ico.png) -206px -154px no-repeat; }
    .m-hadfinish-courlist .hd .tl {
      font-size: 15px;
      color: #353a55;
      font-weight: normal;
      width: 250px;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 250px;
      margin-right: 20px;
      height: 50px; }
    .m-hadfinish-courlist .hd .num {
      color: #80848b;
      font-weight: bold; }
      .m-hadfinish-courlist .hd .num span {
        margin-right: 18px; }
    .m-hadfinish-courlist .hd .uprogress-bar {
      margin-left: 30px;
      position: relative;
      top: 9px; }

.m-coursemaket-lino {
  text-align: center;
  line-height: 22px;
  color: #808392;
  font-size: 12px;
  padding-top: 320px;
  background: url(images/maketlist-no.png) center 120px no-repeat;
  min-height: 260px; }
  .m-coursemaket-lino .u-btn-normal {
    margin-top: 20px; }

/*--- end course market list ---*/
/*--- end course detail ---*/
.g-course-hd {
  padding-bottom: 30px;
  background: #eff0f3 url(images/wl.png) center no-repeat; }
  .g-course-hd .m-course-hd {
    position: relative;
    min-height: 230px;
    padding: 0 230px 0 420px; }
    .g-course-hd .m-course-hd .img, .g-course-hd .m-course-hd .img img {
      width: 386px;
      height: 230px;
      overflow: hidden; }
    .g-course-hd .m-course-hd .img {
      position: absolute;
      left: 0;
      top: 0; }
    .g-course-hd .m-course-hd .tt {
      font-size: 22px;
      font-weight: normal;
      line-height: 36px; }
    .g-course-hd .m-course-hd .num {
      line-height: 40px;
      color: #102030; }
      .g-course-hd .m-course-hd .num .line {
        padding: 0 8px; }
      .g-course-hd .m-course-hd .num .xs {
        margin-left: 10px; }
    .g-course-hd .m-course-hd .info {
      line-height: 20px;
      color: #102030; }
    .g-course-hd .m-course-hd .price {
      font-size: 16px;
      color: #ee2117; }
    .g-course-hd .m-course-hd .u-btn-lg {
      position: absolute;
      right: 0; }
      .g-course-hd .m-course-hd .u-btn-lg.minor {
        top: 90px; }
    .g-course-hd .m-course-hd.change .tt {
      font-size: 20px; }
    .g-course-hd .m-course-hd.change .info {
      color: #80848b;
      padding: 8px 0 12px 0;
      border-bottom: 1px solid #DCDCDC; }
      .g-course-hd .m-course-hd.change .info .line {
        display: inline-block;
        *display: inline;
        float: left;
        padding: 0 18px;
        color: #ebc2c2; }
      .g-course-hd .m-course-hd.change .info p {
        display: inline-block;
        *display: inline;
        float: left;
        font-size: 14px; }
    .g-course-hd .m-course-hd.change .num {
      padding-bottom: 10px;
      border-bottom: 1px solid #DCDCDC;
      line-height: 30px; }
      .g-course-hd .m-course-hd.change .num .m {
        color: #80848b; }
        .g-course-hd .m-course-hd.change .num .m span {
          font-weight: 600; }
        .g-course-hd .m-course-hd.change .num .m .u-ico {
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-right: 6px;
          background: url(images/user-ico.png) -286px -155px no-repeat; }
      .g-course-hd .m-course-hd.change .num .line {
        color: #ebc2c2; }
      .g-course-hd .m-course-hd.change .num .price {
        display: inline-block;
        font-size: 14px;
        color: #80848b; }
    .g-course-hd .m-course-hd.change .u-btn-lg {
      position: relative;
      top: 18px;
      margin-right: 26px;
      left: 0;
      background: #1490F2;
      color: #fff; }
      .g-course-hd .m-course-hd.change .u-btn-lg:hover {
        background: #319ef4; }
      .g-course-hd .m-course-hd.change .u-btn-lg:active {
        background: #0c80db; }
      .g-course-hd .m-course-hd.change .u-btn-lg.reverse {
        background: #FF613A;
        border: 1px solid #FF613A; }
        .g-course-hd .m-course-hd.change .u-btn-lg.reverse:hover {
          background: #ff7a59; }
        .g-course-hd .m-course-hd.change .u-btn-lg.reverse:active {
          background: #ff481b; }
    .g-course-hd .m-course-hd.change .count {
      color: #ee2117;
      font-size: 20px;
      margin: 16px 0 0; }
  .g-course-hd .m-crum {
    padding: 20px 0;
    font-size: 14px; }

.g-course-bd {
  background: #fff; }

.u-clt-type {
  position: absolute;
  top: -62px;
  right: 0;
  width: 42px;
  height: 40px;
  background: #dadde0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  cursor: pointer; }
  .u-clt-type.z-crt {
    background: #fc9c9c; }
  .u-clt-type .u-ico-heart {
    display: block;
    margin: 12px auto 0; }

.g-course-bd {
  background: #fff; }

.g-course-intro .tt,
.g-teacher-intro .tt,
.g-course-chapter .tt {
  font-size: 16px;
  font-weight: normal; }

.g-course-chapter {
  padding: 24px 0 50px; }

.m-course-chapter {
  padding-left: 24px; }
  .m-course-chapter dt {
    position: relative;
    padding: 0 20px 0 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 32px;
    cursor: pointer; }
    .m-course-chapter dt .u-ico-chapter {
      position: absolute;
      left: -24px;
      top: 3px; }
    .m-course-chapter dt .u-ico-dp1 {
      position: absolute;
      right: 0;
      top: 4px;
      transform: rotate(-90deg);
      -webkit-transition: all 0.4s ease-out 0s;
      -moz-transition: all 0.4s ease-out 0s;
      -ms-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s; }
    .m-course-chapter dt.z-crt .u-ico-dp1 {
      transform: rotate(0deg); }
  .m-course-chapter dd {
    background: #f5f7f9;
    margin-bottom: 10px; }
    .m-course-chapter dd a {
      display: block;
      padding: 0 10px;
      line-height: 40px;
      font-size: 14px;
      color: #80848b; }
      .m-course-chapter dd a:hover {
        color: #057bff; }

.g-frame-mn-con.change {
  margin-right: 0; }
  .g-frame-mn-con.change .m-course-chapter {
    padding-left: 0; }
  .g-frame-mn-con.change .tt {
    font-size: 22px;
    color: #2e3b4e; }
  .g-frame-mn-con.change dt {
    border-top: 1px solid #ebebeb;
    position: relative;
    padding: 36px 20px 20px 54px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 24px;
    cursor: pointer; }
    .g-frame-mn-con.change dt .u-ico-chapter {
      position: absolute;
      left: 25px;
      top: 40px; }
    .g-frame-mn-con.change dt .u-ico-dp1 {
      top: 42px;
      right: 40px; }
  .g-frame-mn-con.change dd {
    margin-left: 52px;
    margin-right: 40px; }

.g-sort-lst {
  padding: 30px 0 0; }

.m-sort-lst li {
  display: inline-block;
  *display: inline;
  float: left;
  margin: 0 12px 0 0; }
  .m-sort-lst li.z-crt .block {
    color: #fff;
    border-color: #057bff;
    background: #057bff; }
.m-sort-lst .block {
  display: block;
  padding: 0 12px;
  color: #919191;
  height: 20px;
  line-height: 20px;
  border: 1px solid #e4e4e4;
  background: #fff; }

.btn-fr {
  margin-top: 25px; }
  .btn-fr .fr {
    display: inline-block;
    *display: inline;
    float: right; }
    .btn-fr .fr a {
      margin-right: 20px; }

.m-tb-credit .look-detail {
  margin-right: 9px; }

/*--- end course detail ---*/
/*--- begin course order list ---*/
.m-theorder-txt {
  padding: 12px 0px;
  margin-left: 40px;
  line-height: 30px;
  color: #353a55;
  font-size: 12px;
  border-bottom: 1px solid #e5ebf1; }
  .m-theorder-txt .time, .m-theorder-txt .cour-num, .m-theorder-txt .state {
    display: inline-block;
    *display: inline;
    float: left;
    margin-right: 34px; }
  .m-theorder-txt .del {
    display: inline-block;
    *display: inline;
    float: left;
    color: #e7a133; }
    .m-theorder-txt .del:hover {
      text-decoration: underline; }
  .m-theorder-txt .time span {
    margin-right: 8px; }
  .m-theorder-txt .state .waiting {
    color: #4caf26;
    font-weight: bold; }
  .m-theorder-txt .state .had {
    font-weight: bold;
    color: #057bff; }
  .m-theorder-txt .state .haddel {
    font-weight: bold;
    color: #ee2117; }
  .m-theorder-txt .right-money {
    display: inline-block;
    *display: inline;
    float: right; }
  .m-theorder-txt .bill {
    color: #057bff;
    margin-right: 18px; }
    .m-theorder-txt .bill:hover {
      text-decoration: underline; }
  .m-theorder-txt .money {
    display: inline-block;
    margin-right: 18px; }
    .m-theorder-txt .money strong {
      font-size: 18px;
      color: #ee2117;
      font-weight: normal; }

.m-user-prodtlist .m-course-hd .money {
  font-size: 17px;
  color: #ee2117;
  position: absolute;
  right: 0;
  bottom: 15px; }

.user-hadorder-box .g-pay-wrap, .user-hadorder-box .m-user-prodtlist {
  background: #fff; }
  .user-hadorder-box .g-pay-wrap .m-course-hd, .user-hadorder-box .m-user-prodtlist .m-course-hd {
    border-bottom: none; }
.user-hadorder-box .m-selectbox {
  min-width: 100px;
  width: auto;
  display: inline-block;
  *display: inline;
  float: right; }
  .user-hadorder-box .m-selectbox strong {
    padding-right: 28px; }

.m-howcourseli {
  border: 1px solid #057bff;
  padding: 20px 25px;
  background: #fff;
  position: absolute;
  left: 0px;
  width: 250px;
  z-index: 3;
  line-height: 20px;
  top: 40px;
  display: none;
  -webkit-box-shadow: 0px 1px 10px 0px #fafcff;
  -moz-box-shadow: 0px 1px 10px 0px #fafcff;
  -ms-box-shadow: 0px 1px 10px 0px #fafcff;
  -o-box-shadow: 0px 1px 10px 0px #fafcff;
  box-shadow: 0px 1px 10px 0px #fafcff; }
  .m-howcourseli:after, .m-howcourseli:before {
    position: absolute;
    left: 28px;
    width: 0;
    height: 0;
    content: "";
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  .m-howcourseli:before {
    top: -8px;
    border-bottom: 8px solid #057bff; }
  .m-howcourseli:after {
    top: -7px;
    border-bottom: 8px solid #fff; }
  .m-howcourseli li {
    padding: 10px 0 10px 18px;
    border-bottom: 1px dashed #bfc0c6;
    position: relative; }
    .m-howcourseli li:after {
      position: absolute;
      left: 0px;
      top: 19px;
      width: 3px;
      height: 3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      content: "";
      background: #057bff; }
    .m-howcourseli li .tx {
      font-size: 15px;
      color: #353a55;
      display: block;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
      .m-howcourseli li .tx:hover {
        color: #057bff; }
    .m-howcourseli li .num {
      font-size: 12px;
      color: #80848b; }
      .m-howcourseli li .num span {
        margin-right: 10px; }
  .m-howcourseli li:last-child {
    border-bottom: 0 none; }

.g-content {
  min-height: 660px; }

/*--- end course order list ---*/
/*--- start unchoose ---*/
.g-course-bd.unchoose {
  background: #f0f1f1; }

.g-unchoose-wrap {
  margin: 24px 0 30px;
  background: #fff url(images/unchoosebg.png) center 160px no-repeat;
  min-height: 390px;
  padding-top: 370px;
  text-align: center; }
  .g-unchoose-wrap strong {
    font-size: 18px;
    font-weight: bold;
    color: #565656;
    display: block; }
  .g-unchoose-wrap .cause {
    padding-top: 34px;
    font-size: 12px;
    text-align: left;
    display: inline-block; }
    .g-unchoose-wrap .cause p {
      font-weight: bold;
      line-height: 34px; }
    .g-unchoose-wrap .cause ul {
      line-height: 26px;
      padding-top: 8px;
      border-top: 1px dotted #e5e5e6;
      color: #80848b; }
      .g-unchoose-wrap .cause ul i {
        color: #565656;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 14px;
        text-align: center;
        line-height: 20px;
        font-style: italic;
        background: #ffece4;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        position: relative;
        top: 2px; }

/*--- end unchoose ---*/
/*--- start project-evaluation ---*/
.m-hadfinish-courlist.m-project-lst .list {
  padding-bottom: 22px; }
.m-hadfinish-courlist.m-project-lst .hd {
  line-height: 25px; }
  .m-hadfinish-courlist.m-project-lst .hd .tt {
    display: inline-block;
    *display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    max-width: 400px;
    display: block;
    line-height: 50px;
    font-size: 15px;
    color: #353a55; }
  .m-hadfinish-courlist.m-project-lst .hd .block {
    display: block;
    color: #353a55;
    font-size: 14px;
    padding-bottom: 10px; }
    .m-hadfinish-courlist.m-project-lst .hd .block .nd {
      padding-right: 16px; }
    .m-hadfinish-courlist.m-project-lst .hd .block .jg em {
      padding-left: 2px; }
  .m-hadfinish-courlist.m-project-lst .hd .more {
    top: 24px; }

.m-tb-com.m-layer .grade em {
  margin-right: 4px;
  font-size: 20px;
  color: #ff0300;
  font-weight: bold; }

.lay-txt {
  padding: 0 32px 10px 32px; }
  .lay-txt .txt {
    color: #353a55;
    font-size: 13px;
    line-height: 24px; }
  .lay-txt .guid {
    display: inline-block;
    *display: inline;
    float: right;
    font-size: 14px; }

.g-priod-wrap {
  padding: 28px 28px 35px;
  background: #fff; }
  .g-priod-wrap .m-information-box {
    padding: 0 0 20px 0;
    margin-bottom: 20px; }

.m-priodfile-upload {
  position: relative;
  top: 0;
  background: #E6E5E5;
  border: 1px solid #cdcccc; }
  .m-priodfile-upload .u-priodfile-hide-btn {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 62px; }
  .m-priodfile-upload a {
    display: inline-block;
    *display: inline;
    float: right;
    margin: 0;
    padding: 0 15px;
    line-height: 30px;
    border: 1px solid #cdcccc;
    color: #29272A;
    font-size: 14px;
    font-weight: bold; }

/*--- end project-evaluation ---*/
.xt-trainset {
  display: inline-block;
  min-width: 410px;
  border-radius: 40px;
  overflow: hidden;
  background-color: rgba(51, 51, 51, 0.6);
  text-align: center;
  height: 40px; }
  .xt-trainset:hover {
    background: #5f5e5e; }
  .xt-trainset .m-selectbox {
    box-shadow: none; }
    .xt-trainset .m-selectbox strong {
      background: none;
      border: none;
      padding-right: 32px;
      line-height: 40px;
      height: 40px;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 800px;
      max-width: 800px;
      overflow: hidden; }
      .xt-trainset .m-selectbox strong i {
        height: 40px;
        top: 1px; }
        .xt-trainset .m-selectbox strong i::before {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent; }
        .xt-trainset .m-selectbox strong i:after {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent; }
    .xt-trainset .m-selectbox select {
      cursor: pointer;
      height: 40px; }

.u-showTn-btn {
  text-align: center;
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3); }
  .u-showTn-btn.trigger i {
    top: -1px;
    transform: rotate(90deg); }
  .u-showTn-btn i {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(images/lxs-ico.png) -17px -18px no-repeat;
    transition: all 0.2s ease; }

.g-moreTrainCont-box {
  display: none; }
  .g-moreTrainCont-box .g-lxsBd-hdtpWrap {
    margin-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .g-moreTrainCont-box .g-lxsBd-hdtpWrap.showDetail .u-showTn-btn i {
      transform: rotate(90deg);
      background-position: -18px -18px; }
    .g-moreTrainCont-box .g-lxsBd-hdtpWrap.showDetail .g-lxsItem {
      display: block; }
    .g-moreTrainCont-box .g-lxsBd-hdtpWrap .g-lxsItem {
      display: none; }

.g-lxsBd-hdtpWrap {
  margin-bottom: 42px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 2px solid #057bff; }
  .g-lxsBd-hdtpWrap .m-esnew-CourseList .sxtCourseList-item {
    padding: 38px 0;
    margin-left: 0; }
    .g-lxsBd-hdtpWrap .m-esnew-CourseList .sxtCourseList-item:last-child {
      border-bottom: none; }
    .g-lxsBd-hdtpWrap .m-esnew-CourseList .sxtCourseList-item:hover {
      background: #fff; }
  .g-lxsBd-hdtpWrap .g-lxsItem {
    padding: 0 24px; }

.u-underTheme-link {
  margin-right: 18px;
  color: #057bff;
  text-decoration: underline; }

.g-lxsItem .g-lxsitem-tipmd {
  padding: 14px 0 16px 0;
  border-bottom: 1px solid #e5e5e5; }
.g-lxsItem .u-lrgray-tip {
  position: relative;
  padding-left: 75px; }
  .g-lxsItem .u-lrgray-tip .tip {
    position: absolute;
    left: 0;
    top: 0; }

.u-trainStatus.onGoing {
  position: relative;
  padding-left: 29px;
  font-weight: 600;
  color: #057bff; }
  .u-trainStatus.onGoing:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 21px;
    height: 21px;
    transform: translateY(-50%);
    background: url(images/lxs-ico.png) -27px -143px; }

.m-seeMoreTrain-btn {
  padding: 8px 0;
  display: block;
  text-align: center;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  background: #f2f4f6; }

.g-moreTrainCont-box .m-esnew-cousetl.grayBgTt {
  cursor: pointer; }
  .g-moreTrainCont-box .m-esnew-cousetl.grayBgTt:hover {
    background: #eceff3; }
  .g-moreTrainCont-box .m-esnew-cousetl.grayBgTt .sxtMyCourse-tl {
    font-size: 16px; }
  .g-moreTrainCont-box .m-esnew-cousetl.grayBgTt .u-showTn-btn {
    margin-left: 15px; }

.m-esnew-cousetl {
  padding-top: 40px; }
  .m-esnew-cousetl .tip {
    display: inline-block;
    *display: inline;
    float: right;
    font-size: 14px; }
    .m-esnew-cousetl .tip .num {
      display: inline-block;
      display: inline-block;
      *display: inline;
      float: left;
      line-height: 30px;
      color: #808392; }
      .m-esnew-cousetl .tip .num strong {
        color: #ff7505; }
    .m-esnew-cousetl .tip .u-main-btn {
      display: inline-block;
      *display: inline;
      float: left;
      margin-left: 22px; }
  .m-esnew-cousetl .sxtMyCourse-tl {
    display: inline-block;
    *display: inline;
    float: left;
    user-select: none;
    font-weight: bold;
    line-height: 28px;
    font-size: 22px;
    color: #272b32;
    padding-left: 42px;
    position: relative; }
    .m-esnew-cousetl .sxtMyCourse-tl i {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      height: 28px;
      width: 28px;
      background: url("images/lxs-ico.png") 0px -59px no-repeat; }
    .m-esnew-cousetl .sxtMyCourse-tl .ico2 {
      background-position: -32px -59px; }
    .m-esnew-cousetl .sxtMyCourse-tl .ico3 {
      background-position: -63px -59px; }
    .m-esnew-cousetl .sxtMyCourse-tl .ico4 {
      background-position: -95px -59px; }
  .m-esnew-cousetl.grayBgTt {
    padding: 14px 24px;
    background: #f2f4f6; }
    .m-esnew-cousetl.grayBgTt .sxtMyCourse-tl {
      display: inline-block;
      *display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 80%;
      padding-left: 0;
      width: 70%;
      font-size: 22px;
      font-weight: 600;
      color: #353a55; }
    .m-esnew-cousetl.grayBgTt .tip {
      line-height: 28px; }
    .m-esnew-cousetl.grayBgTt .completedIcon {
      position: relative;
      top: 2px; }
    .m-esnew-cousetl.grayBgTt .greenTxt {
      color: #5b966a; }
    .m-esnew-cousetl.grayBgTt .redTxt {
      color: #e60012; }

.m-esnew-cousetl {
  padding-top: 40px; }
  .m-esnew-cousetl .tip {
    display: inline-block;
    *display: inline;
    float: right;
    font-size: 14px; }
    .m-esnew-cousetl .tip .num {
      display: inline-block;
      display: inline-block;
      *display: inline;
      float: left;
      line-height: 30px;
      color: #808392; }
      .m-esnew-cousetl .tip .num strong {
        color: #ff7505; }
    .m-esnew-cousetl .tip .u-main-btn {
      display: inline-block;
      *display: inline;
      float: left;
      margin-left: 22px; }
  .m-esnew-cousetl .sxtMyCourse-tl {
    display: inline-block;
    *display: inline;
    float: left;
    user-select: none;
    font-weight: bold;
    line-height: 28px;
    font-size: 22px;
    color: #272b32;
    padding-left: 42px;
    position: relative; }
    .m-esnew-cousetl .sxtMyCourse-tl i {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      height: 28px;
      width: 28px;
      background: url("images/lxs-ico.png") 0px -59px no-repeat; }
    .m-esnew-cousetl .sxtMyCourse-tl .ico2 {
      background-position: -32px -59px; }

.m-esnew-CourseList.train_sign .sxtCourseList-item {
  padding: 38px 0;
  margin-left: 0; }
.m-esnew-CourseList.train_sign .u-regis-status {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  text-align: center;
  min-width: 70px;
  height: 20px;
  line-height: 18px;
  font-size: 10px;
  color: #fff;
  border-bottom-right-radius: 12px; }
  .m-esnew-CourseList.train_sign .u-regis-status.nostart {
    background: rgba(128, 131, 146, 0.9); }
  .m-esnew-CourseList.train_sign .u-regis-status.ing {
    background: rgba(24, 195, 52, 0.9); }
  .m-esnew-CourseList.train_sign .u-regis-status.over {
    background: rgba(255, 117, 5, 0.9); }
.m-esnew-CourseList.train_sign .sxtCourseList-item_info {
  width: 390px; }
  .m-esnew-CourseList.train_sign .sxtCourseList-item_info h5 {
    padding-bottom: 4px; }
    .m-esnew-CourseList.train_sign .sxtCourseList-item_info h5 a {
      line-height: 24px;
      color: #353a55;
      font-size: 18px;
      font-weight: 600; }
      .m-esnew-CourseList.train_sign .sxtCourseList-item_info h5 a:hover {
        color: #057bff; }
  .m-esnew-CourseList.train_sign .sxtCourseList-item_info .info {
    padding: 0;
    line-height: 21px;
    color: #353a55; }
  .m-esnew-CourseList.train_sign .sxtCourseList-item_info .prefix {
    font-size: 14px;
    color: #808392; }
.m-esnew-CourseList.train_sign .sxtCourseList-item_progress {
  right: 0;
  top: 57%;
  transform: translateY(-50%);
  text-align: center;
  width: 150px; }
.m-esnew-CourseList.train_sign .orgTip {
  color: #ff7505; }
.m-esnew-CourseList .sxtCourseList-item {
  padding: 38px 20px;
  min-height: 134px;
  position: relative;
  width: 100%;
  margin-left: -20px;
  border-bottom: 1px solid #dedede; }
  .m-esnew-CourseList .sxtCourseList-item:hover {
    background: #f5f5f5; }
    .m-esnew-CourseList .sxtCourseList-item:hover .sxtCourseList-item_image img {
      transform: scale(1.2); }
  .m-esnew-CourseList .sxtCourseList-item_image {
    position: relative;
    display: inline-block;
    *display: inline;
    float: left;
    width: 220px;
    height: 132px;
    overflow: hidden; }
    .m-esnew-CourseList .sxtCourseList-item_image img {
      width: 100%;
      height: 100%;
      transition: all 0.4s; }
    .m-esnew-CourseList .sxtCourseList-item_image .u-course-themetxt {
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      font-size: 10px;
      padding: 2px 5px;
      background: rgba(0, 0, 0, 0.5); }
  .m-esnew-CourseList .sxtCourseList-item_info {
    display: inline-block;
    *display: inline;
    float: left;
    padding-left: 35px; }
    .m-esnew-CourseList .sxtCourseList-item_info h6 {
      max-width: 670px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .m-esnew-CourseList .sxtCourseList-item_info h6 a {
        font-size: 18px;
        font-weight: 600;
        color: #272b32; }
        .m-esnew-CourseList .sxtCourseList-item_info h6 a:hover {
          color: #057bff; }
    .m-esnew-CourseList .sxtCourseList-item_info p {
      padding: 25px 0 25px 23px;
      position: relative; }
      .m-esnew-CourseList .sxtCourseList-item_info p i {
        position: absolute;
        width: 17px;
        height: 13px;
        left: 0;
        top: 28px;
        background: url(images/lxs-ico.png) -44px 0 no-repeat; }
      .m-esnew-CourseList .sxtCourseList-item_info p span {
        display: inline-block;
        vertical-align: middle;
        color: #272b32;
        font-size: 14px; }
        .m-esnew-CourseList .sxtCourseList-item_info p span b {
          color: #ff4d00; }
        .m-esnew-CourseList .sxtCourseList-item_info p span.time {
          position: relative;
          padding-left: 23px;
          color: #70757d; }
          .m-esnew-CourseList .sxtCourseList-item_info p span.time:before {
            content: '';
            position: absolute;
            top: 5px;
            left: 10px;
            display: block;
            width: 1px;
            height: 14px;
            background-color: #dedede; }
  .m-esnew-CourseList .sxtCourseList-item_progress {
    display: inline-block;
    *display: inline;
    float: right;
    position: absolute;
    right: 20px;
    top: 45px;
    text-align: center; }
    .m-esnew-CourseList .sxtCourseList-item_progress p {
      color: #70757d;
      font-size: 14px;
      margin-bottom: 8px; }
      .m-esnew-CourseList .sxtCourseList-item_progress p.point {
        font-weight: bold;
        font-size: 18px;
        color: #272b32;
        margin-bottom: 5px; }
  .m-esnew-CourseList .sxtCourseList-item_passIcon {
    display: inline-block;
    *display: inline;
    float: right;
    position: relative; }
    .m-esnew-CourseList .sxtCourseList-item_passIcon img {
      position: absolute;
      right: -23px;
      top: 23px; }
.m-esnew-CourseList .sxtProgressBar {
  position: relative;
  width: 55px;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #e6e6e6; }
  .m-esnew-CourseList .sxtProgressBar-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 3px;
    background-color: #338fe5; }

.m-xtfoot {
  background: #3d4143;
  padding: 30px 0;
  color: #c1c2c2;
  line-height: 22px; }
  .m-xtfoot .lf {
    display: inline-block;
    *display: inline;
    float: left; }
  .m-xtfoot .rt {
    display: inline-block;
    *display: inline;
    float: right; }
  .m-xtfoot .block {
    display: inline-block;
    *display: inline;
    float: left;
    position: relative;
    margin-left: 80px;
    padding-left: 50px; }
    .m-xtfoot .block i {
      position: absolute;
      left: 0;
      top: 6px; }

.m-sxtmore {
  position: relative;
  display: inline-block;
  color: #057bff;
  padding-right: 12px;
  line-height: 28px;
  font-size: 14px; }
  .m-sxtmore:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 1px;
    background: #057bff;
    transition: width 0.3s; }
  .m-sxtmore:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    border-left: 5px solid #057bff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: right 0.2s 0.1s; }
  .m-sxtmore:hover:after {
    right: -3px; }
  .m-sxtmore:hover:before {
    width: 100%; }

.m-esnew-noCourseList {
  min-height: 220px;
  padding-left: 463px;
  color: #808392;
  z-index: 14px;
  padding-top: 110px;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }
  .m-esnew-noCourseList .u-main-btn {
    margin-top: 20px; }
  .m-esnew-noCourseList img {
    position: absolute;
    left: 152px;
    top: 68px; }
  .m-esnew-noCourseList strong {
    font-size: 20px;
    line-height: 58px;
    color: #353a55;
    font-weight: normal;
    display: block; }
  .m-esnew-noCourseList.no2 {
    min-height: 280px; }
  .m-esnew-noCourseList.no3 {
    text-align: center;
    padding-left: 0;
    padding-top: 50px;
    min-height: 280px; }
    .m-esnew-noCourseList.no3 img {
      position: relative;
      left: 0;
      top: 0; }
  .m-esnew-noCourseList.nocont {
    padding-left: 0;
    text-align: center;
    border-bottom: none; }
    .m-esnew-noCourseList.nocont img {
      position: relative;
      top: 0;
      left: 25px; }

.u-lxspos-ico {
  display: inline-block;
  position: relative;
  width: 13px;
  height: 16px;
  background: url("images/lxs-ico.png") 0 0 no-repeat; }

.g-lxsCrt-md {
  padding-bottom: 40px;
  text-align: center; }
  .g-lxsCrt-md i {
    margin-right: 4px; }
  .g-lxsCrt-md .txt {
    padding-bottom: 22px;
    font-size: 16px;
    font-weight: 600; }

.u-lxsclork-ico {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 15px;
  background: url("images/lxs-ico.png") -63px 0 no-repeat; }

.g-commitTrain-wrap {
  padding-top: 18px;
  padding-bottom: 52px;
  min-height: 200px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: url(images/hand.png) right top no-repeat; }
  .g-commitTrain-wrap .block {
    width: 64%; }
  .g-commitTrain-wrap .info {
    line-height: 23px;
    color: #808392; }
  .g-commitTrain-wrap .txt {
    padding: 43px 0 14px 0;
    font-size: 18px; }
  .g-commitTrain-wrap .time {
    padding-bottom: 40px; }
  .g-commitTrain-wrap .u-lxsclork-ico {
    top: 2px;
    margin-right: 9px; }

.g-qstinvest-wrap {
  padding-top: 47px;
  padding-left: 446px;
  padding-bottom: 30px;
  min-height: 240px;
  background: url(images/write.png) 0 40px no-repeat; }
  .g-qstinvest-wrap .tt {
    padding-bottom: 17px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500; }
  .g-qstinvest-wrap .txt {
    line-height: 27px;
    color: #808392; }
  .g-qstinvest-wrap .u-lxsbtn-group {
    padding-top: 26px; }
  .g-qstinvest-wrap .lxriblock {
    padding-left: 116px;
    margin-top: 40px;
    position: relative; }
    .g-qstinvest-wrap .lxriblock .img {
      position: absolute;
      left: 0;
      top: 0;
      width: 88px;
      height: 88px;
      overflow: hidden; }
      .g-qstinvest-wrap .lxriblock .img img {
        width: 88px;
        height: 88px; }
    .g-qstinvest-wrap .lxriblock .tt {
      padding-bottom: 8px; }
    .g-qstinvest-wrap .lxriblock .rtxt p {
      color: #808392; }
    .g-qstinvest-wrap .lxriblock .rtxt strong {
      font-weight: 600;
      color: #ff7505; }
  .g-qstinvest-wrap.completeState .tt {
    padding-bottom: 0;
    color: #808392;
    font-size: 14px;
    font-weight: 600; }
  .g-qstinvest-wrap.completeState .txt {
    line-height: 26px;
    font-size: 12px; }
  .g-qstinvest-wrap.completeState .completeTip {
    position: relative;
    padding-top: 27px;
    padding-left: 30px;
    margin-top: 22px;
    font-size: 16px;
    border-top: 1px solid rgba(211, 218, 225, 0.55); }
    .g-qstinvest-wrap.completeState .completeTip i {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 27px;
      width: 20px;
      height: 20px;
      background: url(images/lxs-ico.png) -130px -59px no-repeat; }

.u-lxsbtn-group a {
  margin-right: 18px;
  line-height: 30px;
  display: inline-block;
  *display: inline;
  float: left; }

.u-lxstool-ico {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 32px;
  background: url("images/lxs-ico.png") 0 -100px no-repeat; }

.u-lxsCustSer-ico {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url("images/lxs-ico.png") -40px -100px no-repeat; }

.g-fillqst-maskwrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.55); }
  .g-fillqst-maskwrap .content {
    padding: 50px 70px;
    margin: 200px auto;
    width: 230px;
    min-height: 130px;
    background: #fff; }
    .g-fillqst-maskwrap .content .tt {
      padding-bottom: 8px;
      font-size: 16px;
      font-weight: 600; }
    .g-fillqst-maskwrap .content .txt {
      line-height: 25px;
      font-size: 15px; }
  .g-fillqst-maskwrap .u-lxsbtn-group {
    text-align: center;
    padding-top: 20px; }
    .g-fillqst-maskwrap .u-lxsbtn-group a {
      float: none; }

.g-browversion-lowmd .content-lxs {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99; }
.g-browversion-lowmd .g-hd {
  -webkit-filter: blur(1.5px);
  -moz-filter: blur(1.5px);
  -o-filter: blur(1.5px);
  -ms-filter: blur(1.5px);
  filter: blur(1.5px); }
.g-browversion-lowmd .g-sd {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px); }
.g-browversion-lowmd .g-bd {
  min-height: 690px; }
.g-browversion-lowmd .browvs-content {
  position: relative;
  padding: 110px 252px 0 0; }
  .g-browversion-lowmd .browvs-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 206px;
    background: #fff;
    -webkit-filter: blur(3.5px);
    -moz-filter: blur(3.5px);
    -o-filter: blur(3.5px);
    -ms-filter: blur(3.5px);
    filter: blur(3.5px); }
  .g-browversion-lowmd .browvs-content .tipBlock {
    position: relative;
    z-index: 99;
    padding-bottom: 50px;
    text-align: center; }
  .g-browversion-lowmd .browvs-content .info {
    line-height: 25px;
    color: #80848b; }
  .g-browversion-lowmd .browvs-content .tt {
    padding-bottom: 25px;
    color: #102030;
    font-size: 26px;
    font-weight: 500; }
.g-browversion-lowmd .g-mn {
  position: relative;
  z-index: 999; }
.g-browversion-lowmd .m-xtfoot {
  position: relative;
  z-index: 999; }
.g-browversion-lowmd:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: -webkit-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0.3));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0.3));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0.3));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0.3));
  /* */ }

.u-lxsLine-txt {
  position: relative;
  height: 20px; }
  .u-lxsLine-txt .txt {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 4px;
    padding: 4px 24px;
    color: #80848b;
    background: #fff; }
  .u-lxsLine-txt:before, .u-lxsLine-txt:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    width: 175px;
    height: 1px;
    background: #f00;
    background: -webkit-linear-gradient(right, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(right, rgba(46, 59, 78, 0.15) 40%, transparent); }
  .u-lxsLine-txt:before {
    left: 0; }
  .u-lxsLine-txt:after {
    right: 0;
    background: -webkit-linear-gradient(left, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, rgba(46, 59, 78, 0.15) 40%, transparent);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(left, rgba(46, 59, 78, 0.15) 40%, transparent); }

.m-browser-link {
  padding-top: 42px; }
  .m-browser-link .block {
    display: inline-block;
    *display: inline;
    float: left;
    text-align: center;
    width: 33%; }
  .m-browser-link .link {
    display: block;
    margin: 0 auto;
    color: #80848b; }
    .m-browser-link .link:hover {
      color: #057bff; }
    .m-browser-link .link i {
      margin: 0 auto 15px auto; }

.u-lxsbrow-ico {
  display: block;
  width: 55px;
  height: 55px;
  background: url(images/browser-ico.png) no-repeat; }
  .u-lxsbrow-ico.ico1 {
    background-position: 0 0px; }
  .u-lxsbrow-ico.ico2 {
    background-position: 0 -55px; }
  .u-lxsbrow-ico.ico3 {
    background-position: 0 -110px; }
  .u-lxsbrow-ico.ico4 {
    background-position: 0 -165px; }
  .u-lxsbrow-ico.ico5 {
    background-position: 0 -220px; }
  .u-lxsbrow-ico.ico6 {
    background-position: 0 -275px; }
  .u-lxsbrow-ico.ico7 {
    background-position: 0 -330px; }
  .u-lxsbrow-ico.ico8 {
    background-position: 0 -385px; }
  .u-lxsbrow-ico.ico9 {
    background-position: 0 -440px; }
  .u-lxsbrow-ico.ico10 {
    background-position: 0 -495px; }

.g-esfoot {
  position: relative;
  color: #fff;
  background: #333333; }
  .g-esfoot_top {
    height: 94px;
    border-bottom: 1px solid #484848; }
  .g-esfoot_logo {
    margin-top: 25px;
    display: inline-block;
    *display: inline;
    float: left;
    width: 188px;
    height: 42px; }
    .g-esfoot_logo img {
      width: 100%;
      height: 100%;
      opacity: 0.5;
      transition: opacity 0.2s; }
      .g-esfoot_logo img:hover {
        opacity: 1; }
  .g-esfoot_wechat {
    margin-top: 27px;
    position: relative;
    display: inline-block;
    *display: inline;
    float: right;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #484848; }
    .g-esfoot_wechat .icon {
      margin: 9.5px 0 0 7px;
      width: 22px;
      height: 17px;
      opacity: 0.5;
      transition: opacity 0.2s; }
    .g-esfoot_wechat .ercode {
      display: none;
      position: absolute;
      top: -108px;
      left: -31px;
      z-index: 5; }
    .g-esfoot_wechat:hover .icon {
      opacity: 1; }
    .g-esfoot_wechat:hover .ercode {
      display: block; }
  .g-esfoot_bottom {
    padding-top: 22px;
    height: 38px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5); }
    .g-esfoot_bottom span a {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.5); }
      .g-esfoot_bottom span a:hover {
        color: #fff; }
    .g-esfoot_bottom .l {
      display: inline-block;
      *display: inline;
      float: left; }
      .g-esfoot_bottom .l span {
        position: relative;
        margin: 0 12px; }
        .g-esfoot_bottom .l span:before {
          content: '';
          position: absolute;
          left: -12px;
          top: 3px;
          width: 1px;
          height: 12px;
          background-color: #484848; }
        .g-esfoot_bottom .l span:first-child {
          margin-left: 0; }
          .g-esfoot_bottom .l span:first-child:before {
            width: 0; }
    .g-esfoot_bottom .r {
      display: inline-block;
      *display: inline;
      float: right; }
      .g-esfoot_bottom .r span {
        margin-left: 20px; }

.m-htop-md {
  padding-bottom: 12px; }
  .m-htop-md .tt {
    display: inline-block;
    *display: inline;
    float: left;
    width: 70%;
    line-height: 30px;
    color: #353a55;
    font-size: 22px;
    font-weight: 600; }
  .m-htop-md .rt-block {
    display: inline-block;
    *display: inline;
    float: right;
    text-align: center;
    width: 136px; }
    .m-htop-md .rt-block .orgTip {
      color: #ff7505; }

.m-dashedTab {
  margin-bottom: 35px;
  width: 100%; }
  .m-dashedTab td {
    padding: 12px 28px 12px 15px;
    border: 1px dashed #d1d2d6;
    border-left: none; }
    .m-dashedTab td:last-child {
      border-right: none; }

.u-info-tx {
  color: #353a55;
  font-size: 14px; }
  .u-info-tx .gr {
    color: #808392; }

.u-proc-tt {
  padding-bottom: 22px;
  color: #353a55;
  font-size: 17px;
  font-weight: 600; }

.m-procedure-result {
  padding: 10px 12% 30px 12%; }
  .m-procedure-result .block {
    display: inline-block;
    *display: inline;
    float: left;
    position: relative;
    padding-left: 26px;
    text-align: center; }
    .m-procedure-result .block.aftLine {
      position: relative;
      margin-left: 170px; }
      .m-procedure-result .block.aftLine.z-crt:before {
        background: #057bff; }
      .m-procedure-result .block.aftLine:before {
        content: '';
        position: absolute;
        left: -160px;
        top: 50%;
        margin-top: 10px;
        width: 150px;
        height: 1px;
        background: #e5e5e5; }
      .m-procedure-result .block.aftLine.fail .txt, .m-procedure-result .block.aftLine.fail strong {
        color: #f00; }
      .m-procedure-result .block.aftLine.fail:before {
        background: #f00; }
      .m-procedure-result .block.aftLine.fail .ico3 {
        background-position: -38px -38px; }
    .m-procedure-result .block.z-crt strong {
      color: #057bff; }
    .m-procedure-result .block.z-crt .txt {
      color: #057bff; }
    .m-procedure-result .block.z-crt .ico.ico1 {
      background-position: -19px 0px; }
    .m-procedure-result .block.z-crt .ico.ico2 {
      background-position: -19px -19px; }
    .m-procedure-result .block.z-crt .ico.ico3 {
      background-position: -19px -38px; }
    .m-procedure-result .block.z-crt .ico.ico4 {
      background-position: -19px -57px; }
    .m-procedure-result .block.z-crt .ico.ico5 {
      background-position: -19px -76px; }
    .m-procedure-result .block.z-crt .ico.ico6 {
      background-position: -19px -95px; }
    .m-procedure-result .block.z-crt .ico.ico7 {
      background-position: -19px -114px; }
    .m-procedure-result .block.z-crt .ico.ico8 {
      background-position: -19px -133px; }
    .m-procedure-result .block.z-crt .ico.ico9 {
      background-position: -19px -152px; }
    .m-procedure-result .block.z-crt .ico.ico10 {
      background-position: -19px -171px; }
    .m-procedure-result .block .txt {
      color: #808392;
      font-size: 14px; }
    .m-procedure-result .block strong {
      color: #babcc3;
      font-size: 20px;
      font-weight: 600; }
    .m-procedure-result .block .ico {
      position: absolute;
      left: 0;
      bottom: 4px;
      display: inline-block;
      width: 19px;
      height: 19px;
      background: url(images/schedule-ico.png) no-repeat; }
      .m-procedure-result .block .ico.ico1 {
        background-position: 0 0px; }
      .m-procedure-result .block .ico.ico2 {
        background-position: 0 -19px; }
      .m-procedure-result .block .ico.ico3 {
        background-position: 0 -38px; }
      .m-procedure-result .block .ico.ico4 {
        background-position: 0 -57px; }
      .m-procedure-result .block .ico.ico5 {
        background-position: 0 -76px; }
      .m-procedure-result .block .ico.ico6 {
        background-position: 0 -95px; }
      .m-procedure-result .block .ico.ico7 {
        background-position: 0 -114px; }
      .m-procedure-result .block .ico.ico8 {
        background-position: 0 -133px; }
      .m-procedure-result .block .ico.ico9 {
        background-position: 0 -152px; }
      .m-procedure-result .block .ico.ico10 {
        background-position: 0 -171px; }

.m-trainDt-page dt {
  padding-bottom: 4px;
  font-weight: 600;
  color: #353a55; }
.m-trainDt-page dd {
  padding-bottom: 18px; }
.m-trainDt-page .info, .m-trainDt-page .txt {
  line-height: 29px;
  color: #808392; }

.u-enclosure {
  position: relative;
  padding-left: 56px;
  padding-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .u-enclosure strong {
    position: absolute;
    left: 0;
    top: 32px;
    font-weight: 600px;
    color: #353a55; }
  .u-enclosure a {
    display: block;
    margin-bottom: 10px;
    color: #057bff; }
    .u-enclosure a:hover {
      text-decoration: underline; }

.g-replay-notice {
  padding: 0 40px; }
  .g-replay-notice h3 {
    color: #40414a;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 25px; }
  .g-replay-notice .m-addElement-item {
    margin-bottom: 0; }
    .g-replay-notice .m-addElement-item .m-addElement-btn {
      text-align: center; }

.m-pbMod-ipt {
  position: relative;
  padding: 0 13px; }

.u-textarea {
  display: block;
  overflow: hidden;
  margin-left: -13px;
  padding: 5px 12px;
  width: 100%;
  min-height: 90px;
  max-height: 200px;
  background-color: #fff;
  border: 1px solid #dad9d9;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
  resize: vertical;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 22px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #353a55; }
  .u-textarea:disabled, .u-textarea.disabled {
    background-color: #f6f6f6;
    color: #cbcbcc; }

.m-addElement-btn {
  padding: 28px 0;
  text-align: left; }
  .m-addElement-btn.hasborder {
    border-top: 1px solid #d9d9d9; }
  .m-addElement-btn .btn {
    margin-left: 18px;
    padding: 0 40px;
    height: 34px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    line-height: 34px; }
    .m-addElement-btn .btn.u-main-btn {
      min-width: 30px;
      height: 36px; }

.u-inverse-btn {
  display: inline-block;
  padding: 0 12px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #057bff;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  line-height: 30px;
  color: #057bff; }
  .u-inverse-btn:hover {
    background-color: #057bff;
    color: #fff; }

.u-main-btn {
  display: inline-block;
  background-color: #057bff;
  border-color: #057bff;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: #fff; }
  .u-main-btn:hover {
    background-color: #248bff;
    border-color: #248bff;
    color: #fff; }
  .u-main-btn:active {
    background-color: #006ce5;
    border-color: #006ce5;
    color: #fff; }

.m-note {
  margin: 0;
  padding: 16px 15px; }
  .m-note .note {
    padding-bottom: 8px; }
    .m-note .note span {
      display: inline-block;
      *display: inline;
      float: left;
      font-size: 12px;
      line-height: 17px; }
    .m-note .note .note-l {
      margin-right: 10px;
      padding: 5px;
      text-align: center;
      border-radius: 3px;
      background: #fef4ea;
      color: #c7824f;
      width: 48px; }
    .m-note .note .note-c, .m-note .note .note-r {
      padding: 5px;
      color: #919191;
      margin-right: 10px; }
    .m-note .note .note-r a {
      color: #3898ea; }

.qr-warp{position:fixed;right:0;top:230px;width:207px;text-align:center;border-radius:5px;padding-bottom:25px;background-color:#fff;box-shadow:0px 2px 12px 0px rgba(20,22,59,0.1)}.qr-warp .qr-inner{position:relative;padding:30px 20px 0 20px}.qr-warp .qr-inner .qr{width:100px;height:101px;border:solid 1px rgba(0,0,0,0.1);margin:0 auto}.qr-warp .qr-inner .qr img{width:100%;height:100%}.qr-warp .qr-inner .title{font-weight:bold;color:#000000;font-size:14px;padding:15px 0 23px}.qr-warp .qr-inner .tip{border-top:1px dashed rgba(0,0,0,0.1);text-align:left;font-size:12px;color:#000;padding-top:20px;line-height:1.5}.qr-warp .qr-inner .tip b{color:#fc9707}.qr-warp .qr-inner .close{position:absolute;right:19px;top:6px;font-size:18px;color:rgba(0,0,0,0.5);cursor:pointer}

/*# sourceMappingURL=userNew-style.css.map */