@charset "utf-8";
/*
	power by http://www.nxb100.com/
	v1.0 | 2016/01/25
 	-----------------------------------------
	nxb100 | 2016(yy)/01(mm)/25(dd) 
	http://www.nxb100.com/
*/
/* #reset style
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
::-webkit-scrollbar {width: 6px;background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #666666;border-radius: 4px;}
::-moz-scrollbar {width: 6px;background-color: transparent;}
::-moz-scrollbar-thumb {background-color: #666666;border-radius: 4px;}
body {
  font: 12px/160% "hiragino sans gb","helvetica","microsoft yahei","simhei";
  word-break:break-all;
  word-wrap:break-word;
  position: relative;
  -ms-word-wrap: normal;
}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins,s { text-decoration: none; }
del { text-decoration: line-through;}
em,i {font-style:normal;}
/* remove annoying border on linked images. */
a,img { border: none; text-decoration:none; }
a{text-decoration:none;}
a:hover{text-decoration:underline;}a:focus{outline:none;-moz-outline:none;}
a:active{outline:none;blr:expression(this.onfocus=this.blur())}
h1 {font-size: 36px;line-height: 45px;font-weight:normal;}
h2 {font-size: 24px;line-height: 30px;font-weight:normal;}
h3 {font-size: 18px;line-height: 22px;font-weight:normal;}
h4 {font-size: 16px;line-height: 20px;font-weight:normal;}
h5 {font-size: 14px;line-height: 18px;font-weight:normal;}
h6 {font-size: 12px;line-height: 16px;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block;}
/* #custom
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}.fr {float: right;}
.pr {position: relative; }.pa {position: absolute; }
.f-fh {font-family: 'simhei';}.f-fm {font-family: 'microsoft yahei';}.f-fa {font-family: 'simsun';}.f-fg {font-family: 'georgia';}
.unbg {background: none !important;}
.unbr {border: none !important;}
.unfw {font-weight: normal;}
.dis{display:block;}
.disib {display: inline-block;*display: inline;*zoom: 1;}
.undis{display:none;}
.of{overflow: hidden;}
.ov{overflow: visible;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.hand {cursor: pointer;}
.zoom {_zoom: 1;}
.fsize12 {font-size: 12px;}
.fsize14 {font-size: 14px;}
.fsize16 {font-size: 16px;}
.fsize18 {font-size: 18px;}
.fsize20 {font-size: 20px;}
.fsize24 {font-size: 24px;}
.fsize28 {font-size: 28px;}
.fsize34 {font-size: 34px;}
.mt3 {margin-top: 3px;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.pb5 {padding-bottom: 5px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.ml30 {margin-left: 30px;}
.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.ml40 {margin-left: 40px;}
.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.ml50 {margin-left: 50px;}
.pt5 {padding-top: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.pt30 {padding-top: 30px;}
.pl40 {padding-left: 40px;}
.pt50 {padding-top: 50px;}
.pb40 {padding-bottom: 40px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pl50 {padding-left: 50px;}
.icon12 {display: inline-block;*display: inline;*zoom: 1;height: 12px;width: 12px;vertical-align: middle;}
.icon14 {display: inline-block;*display: inline;*zoom: 1;height: 14px;width: 14px;vertical-align: middle;}
.icon16 {display: inline-block;*display: inline;*zoom: 1;height: 16px;width: 16px;vertical-align: middle;}
.icon18 {display: inline-block;*display: inline;*zoom: 1;height: 18px;width: 18px;vertical-align: middle;}
.icon24 {display: inline-block;*display: inline;*zoom: 1;height: 24px;width: 24px;vertical-align: middle;}
.icon30 {display: inline-block;*display: inline;*zoom: 1;height: 30px;width: 30px;vertical-align: middle;}
.txtof {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hlh20 {height: 20px;line-height: 20px;}
.hlh30 {line-height: 30px;}/*height: 30px;*/
.col-75 {width: 75%;}
.col-25 {width: 25%;}
.col-50 {width: 50%;}
.col-65 {width: 65%;}
.col-35 {width: 35%;}
.container {margin-left: auto;margin-right: auto;width: 1120px;}
/*========== theam ==========*/
.c-master {color: #de0000;}
.c-master2 {color: #9198ab;}
.c-green {color: #14ba4c;}
.c-yellow {color: #ffcc00;}
.c-orange {color: #bf1a21;}
.c-blue {color: #3580de;}
.c-blue1 {color: #3274b9;}
.c-purple {color: #af5edd;}
.c-red {color: #bf1a21;}
.c-333 {color: #333;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-ccc {color: #ccc;}
.c-fff {color: #fff;}
.c-e5 {color: #e5e5e5;}
.f-bold {font-weight: bold;}
.bg-green {background-color: #14ba4c;}
.bg-orange {background-color: #ff5f16;}
.bg-f8 {background-color: #f8f8f8;}
.bg-fff {background-color: #fff;}
.bg-fa {background-color: #fafafa;}
.bg-ef {background-color: #efefef;}
  /*all icon*/
.dclose,.o-radio,.p-cou-icon,.s-vv-txt,.i-live-time tt,.p-homewk-icon,.material-icon,.view-icon,.download-icon,.p-ques-icon,.p-down-arrow,.plan-desc .p-cou-box em,.s-r-c-time,.sign-in em,.u-play-btn,.a-img,.v-play-btn em,.uc-mask .c-play-btn,.icon12,.icon14,.icon16,.icon18,.icon24,.s-btn em,.user-icon,.pwd-icon,.lr-yzm-li .pwd-icon,.c-play-num,.c-review-num,.c-couse-v,.net-c-more em,.tel-icon,.r-f-icon-1,.r-f-icon-2,.r-f-icon-3,.r-f-icon-4,.comm-new-list li p,.login-err-icon,.f-h-i-title em,.dcontent .dclose,.n-hiderightbtn a em,.nlt-up em,.cou-arrow-up,.cou-arrow-down,.s-r-year,.s-r-sj,.help-c-nav li .h-nav-sec-dl dd em,.hc-list-1 ol li,.a-time,.a-read,.l-c-time-icon span,.l-c-sta-top em {background: url(/uploads/image/qimages/icon_nxb.png) no-repeat;}
.tips-icon {background: url(/uploads/image/qimages/tips-icon.png) no-repeat;}
.s-btn em {background-position: 0 0;}
.user-icon { background-position: 1px -29px;}
.pwd-icon {background-position: 1px -58px;}
.c-play-num {background-position: -1px -114px;}
.c-view-num {background-position: -320px -227px;width: 24px; height: 14px;}
.c-review-num {background-position: 0 -134px;margin-right: 5px;}
.c-couse-v {background-position: 0 -157px;}
.net-c-more em {background-position: -1px -93px;}
.tel-icon {width: 26px; height: 26px; display: inline-block;vertical-align: middle;background-position: -31px -2px;}
.r-f-icon-1 {background-position: -67px -40px;}
.r-f-icon-2 {background-position: -30px -40px;}
.r-f-icon-3 {background-position: -304px 0;}
.r-f-icon-4 {background-position: -347px 2px;}
.comm-new-list li p,.hc-list-1 ol li {background-position: -508px 14px;}
.login-err-icon {background-position: -30px -236px;}
.f-h-i-title em {background-position: -63px -255px;}
.f-dd-close em {background-position: -63px -238px;}
.nlt-up em,.cl-back em {background-position: -63px -195px;}
.nlt-dw em {background-position: -63px -219px;}
.l-em-arrow,.cou-arrow-down {background-position: -64px -175px;}
.path-wrap { color: #ccc;line-height: 30px; margin: 20px 0;display: none;}
.v-play-btn em {background-position: -31px -75px;display: inline-block; vertical-align: middle;}
.c-cou-btn em {background-position: -32px -172px;}
.c-sc-alr em{background-position: -187px -176px;}
.c-share em {background-position: -1px -261px;}
.chap-seclist ul li.current .play-icon-box em {background-position: -32px -217px;}
.c-rec em {background-position: -93px -259px;}
.lr-yzm-li .pwd-icon {background-position: -123px -175px;}
.n-hiderightbtn a em {background-position: -160px -36px;}
.n-hiderightbtn a.open em {background-position: -130px -36px;}
.c-reply {background-position: -152px -175px;}
.c-cou-type em,.play-icon-box em {background-position: -32px -195px;}
.material-type em {background-position: -324px -251px;}
.c-ques-type em {background-position: -361px -251px;}
.c-exam-type em {background-position: -361px -225px;}
.lt-ie9.lt-ie8 .c-cou-type em {background-position: -32px -193px;}
.lt-ie9.lt-ie8 .c-learn-plan .c-blue-dot {top: 14px;}
.image-icon-box em {background-position: -123px -251px;}
.audio-icon-box em {background-position: -123px -225px;}
.wd-icon-box em {background-position: -123px -200px;}
.chap-seclist ul li.current .image-icon-box em {background-position: -151px -251px;}
.chap-seclist ul li.current .audio-icon-box em {background-position: -151px -225px;}
.chap-seclist ul li.current .wd-icon-box em {background-position: -151px -200px;}
.no-data-ico {width: 96px; height: 128px; display: inline-block; vertical-align: middle;background:  no-repeat;background-size: 100% ;}
.no-data-ico.ctipsico {background-image: url(/uploads/image/qimages/ctipsico.png);width: 64px;height: 64px;}
.page-prev {background-position: -66px -195px;}
.page-next {background-position: -66px -218px;}
.lt-ie9.lt-ie8 .page-prev,.lt-ie9.lt-ie8 .page-next {margin-top: 13px;}
.q-view {background-position: -1px -219px;}
.q-review {background-position: -1px -240px;}
.noter-dy em {background-position: -217px -175px;}
.course-icon {background-position: -217px -199px;}
.teacher-icon {background-position: -217px -225px;}
.student-icon {background-position: -217px -251px;}
.crea-time {background-position: -186px -64px;}
.compl-time {background-position: -185px -127px;}
.remain-time {background-position: -185px -148px;}
.learn-pro {background-position: -186px -85px;}
.parti-state {background-position: -186px -107px;}
.cou-arrow-up {background-position: -92px -175px;}
.s-r-year {background-position: -442px -234px;}
.s-r-sj {  background-position: -276px -47px;  }
.u-address-set em {background-position: -255px -177px;}
.u-address-set:hover em {background-position: -256px -227px;}
.u-address-delete em {background-position: -255px -201px;}
.u-address-delete:hover em {background-position: -255px -253px;}
.cn-q {background-position: -189px 0;}
.help-c-nav li .h-nav-sec-dl dd em {background-position: -293px -202px;}
.help-c-nav li .h-nav-sec-dl dd.current em {background-position: -293px -228px;}
.sc-already em {background-position: -187px -176px;}
.zan-already em {background-position: -289px -251px;}
.a-time {background-position: -322px -201px;}
.a-read {background-position: -321px -178px;}
.l-c-time-icon span {background-position: -449px -124px;}
.l-c-sta-top em {background-position: -230px -1px;}
.c-check em {background-position: -324px -176px;}
.good-answ-icon {background-position: -271px 0;}
.ts-top-icon {background-position: -389px 0;}
.o-radio {background-position: -492px -18px;}
.t-p-options label.current .o-radio {background-position: -492px -44px;}
.o-checkbox {background-position: -492px -71px;}
.t-p-options label.current .o-checkbox {background-position: -492px -100px;}
.s-r-c-time {background-position: -312px -44px;}
.sign-in em {background-position: -119px -351px;}
.plan-desc .p-cou-box em {background-position: 0 -356px;}
.plan-desc .p-ques-box em {background-position: 0 -356px;}
.plan-desc .p-exam-box em {background-position: 0 -356px;}
.plan-desc .p-ques-box em {background-position: -77px -356px;}
.plan-desc .p-exam-box em {background-position: -38px -356px;}
.p-cou-icon {background-position: -4px -321px;}
.p-down-arrow {background-position: -90px -286px;}
.p-up-icon {background-position: -46px -322px;}
.p-exam-icon {background-position: -43px -288px;}
.p-ques-icon {background-position: -4px -288px;}
.material-icon {background-position: -125px -319px;}
.view-icon {background-position: -126px -287px;}
.download-icon {background-position: -86px -322px;}
.p-homewk-icon {background-position: -169px -286px;}
.u-play-btn {background-position: -413px -326px;}
.u-live-play {background-position: -340px -325px;}
.boy {background-position: -149px -63px;}
.girl {background-position: -149px -85px;}
.s-vv-txt {background-position: -432px -286px;}
.select_textdiv .down em,.t-s-select .s-vv-txt em {background-position: -362px -201px;}
.t-s-select .s-vv-txt:hover  em{background-position:-362px -177px;}
.divfocus .down em {background-position: -362px -179px;}
.t-c-more,.t-article-box li,.dz-icon,.dzjg-icon,.foot-statistic li,.tzc-favorite {background:  no-repeat 0 0;}
.t-c-more {background-position: -5px -98px;}
.t-article-box li {background-position: -393px -277px;}
.dz-icon {background-position: -360px -4px;}
.dzjg-icon {background-position: -346px -72px;}
.foot-statistic li {background-position: -393px -202px;}
.tzc-favorite {background-position: -8px -142px;}
.sc-already .tzc-favorite {background-position: -8px -172px;}
.plan-person {background-position: -218px -252px;}
.plan-span-box .time-icon {background-position: -209px -289px;margin-right: 3px;}
.checkbox-icon {background:  no-repeat -1px -2px;}
.plan-sel-list li.current .checkbox-icon {background-position: -1px -38px;}
.plan-sel-list li:hover .checkbox-icon {background-position: -1px -20px;}

.dright {background-position: 0 0;}
.derror {background-position: 0 -35px;}
.dask {background-position: 0 -70px;}
.dfade {background-position: 0 -105px;}
/*========== pageing ==========*/
.paging {padding: 50px 0 40px;text-align: center;}
.paging a {text-decoration:none;border-radius: 4px;color: #666;display: inline-block; display: inline-block;margin: 0 5px;height: 26px;width: 30px;text-align: center;line-height: 26px;transition: 0.3s;-webkit-transition: 0.3s;}
.paging a.current,.paging a.undisable {cursor: text;color: #999;}
.paging a.current { background-color: #fff;border: 1px solid #ebebeb; color: #bf1a21;}
.paging a.active:hover {color: #bf1a21;}
.paging a.page-side {border: 1px solid #e8e8e8}
.inpt {width: 30px; padding: 0 5px;height: 21px; border: 1px solid #dbdbdb;background: #fff;margin: 0 2px;}
.paging a.sure-btn {width: 50px; height: 24px; font-size: 12px;margin: 0 2px; border: 1px solid #dbdbdb;text-align: center;display: inline-block;line-height: 24px;color: #888;border-radius: 0; background: #f8f8f8;}
/*========== comm style ==========*/
  /*all btn*/
  .bm-lr-btn {background: #bf1a21;border-radius: 3px;display: block;text-align: center;height: 40px;font: 18px/40px 'microsoft yahei';color: #fff;}

  .bm-lr-btn:hover,.c-more:hover,.c-sys-btn:hover,.brow-btn:hover,.l-c-sta-bot a:hover  {text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}

  .bm-lr-jy-box {background: #f9e5d8;border: 1px solid #f3995c;border-radius: 3px;color: #bf1a21;position: absolute;bottom: 45px;width: 100%;height: 30px;}
  .dt-arrow {cursor: default;position: absolute;left: 10px;bottom: -6px;width: 22px;}
  .dt-arrow * {cursor: default;display: block;font-family: "simsun";font-size: 12px;font-style: normal;font-weight: normal;height: 12px;line-height: 1.231;overflow: hidden;}
  .dt-arrow em {color: #f3995c;}
  .dt-arrow span {color: #f9e5d8;margin: -13px 0 0;}
  .bm-close {cursor: pointer;float: right;display: inline-block;width: 20px;height: 30px;text-align: center;color: #da3b3b;font-size: 16px;font-family: "simhei";}
  .img-responsive { display: block; height: auto; max-width: 100%; transition: all 0.8s ease 0s;}
  .j-course-title:hover,.net-c-more:hover tt {color: #bf1a21}
  .no-data-wrap {margin: 50px auto;text-align: center;}
 /*========== member image and desc style ==========*/
.c-learn-body span,.c-learn-body span img {width: 52px;overflow: hidden;display: inline-block;border-radius: 4px;text-align: center;}
.lt-ie9 .c-learn-body span {width: 54px;}
.lt-ie9 .no-data-wrap span,.lt-ie9.lt-ie8 .no-data-wrap span {width: auto;}
.c-learn-body span img {height: 52px;}
.c-learn-body {margin-left: -6px;}
.c-learn-body span {margin: 6px 0 0 6px;}
/*========== dialogwrap style ==========*/
.dialogwrap { background: #fff none repeat scroll 0 0; left: 50%; position: absolute; transition: all 0.3s ease 0s; z-index: 9999999;}
.d-s-head, .d-s-head-infor { border-bottom: 1px solid #e2e2e2; height: 40px; line-height: 40px; padding: 0 15px;}
.lrwrap {width: 320px;}
.d-s-head-txt, .d-s-head-txt-infor { color: #333; font-size: 16px;}
.d-s-head-tab a { border-bottom: 1px solid transparent; color: #666; display: block; float: left; font-size: 18px; line-height: 40px; text-align: center; width: 100px;}
.d-s-head-tab a.current {color: #bf1a21;border-bottom: 1px solid #bf1a21}
.d-s-head-tab a:hover { text-decoration: none;}
.e-login-options li input { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #666; font: 16px/38px "microsoft yahei"; height: 38px; padding-left: 16px; vertical-align: middle; width: 300px;}
.e-login-options li input:focus { border-color: #ccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) inset;}
.e-login-btn, .e-register-btn {color: #fff; display: block; font: 18px/34px simhei; height: 34px; margin: 0 auto; text-align: center; background: #bf1a21}
.e-login-btn:hover, .e-register-btn:hover { text-decoration: none; opacity: 0.92; -webkit-opacity: 0.92;}
.sf-lr-wrap { border-top: 1px solid #f2f2f2; padding-top: 15px;}
.sf-lr-wrap h6 { margin-top: -26px;}
.sf-lr-wrap a { display: inline-block; height: 32px; margin: 0 10px; position: relative;vertical-align: middle; width: 32px;}
.sf-lr-wrap a:hover { text-decoration: none;}
.e-l-jy { display: block; height: 20px; line-height: 20px;text-align: center;}
.e-login-options li .lr-tip-wrap { height: 18px;line-height: 18px; margin-top: 5px; clear: both;}
.sf-lr-wrap a.wb-sf {background:  no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wb-sf:hover { background:  no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wx-sf { background:  no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wx-sf:hover { background:  no-repeat scroll 50% 50%;}
.sf-lr-wrap a.qq-sf {background:  no-repeat scroll 50% 50%;}
.sf-lr-wrap a.qq-sf:hover { background:  no-repeat scroll 50% 50%;}
.bmask { background: #000 none repeat scroll 0 0;  height: 100%;left: 0; opacity: 0.3;-moz-opacity: 0.3;filter: alpha(opacity=30); position: fixed;top: 0; width: 100%; z-index: 99999;}
.sj-login-tab { height: 24px; overflow: hidden;}
.sj-login-tab li { background: #f9f9f9 none repeat scroll 0 0; clear: none; float: left; margin-top: 0;  text-align: center; width: 50%;}
.sj-login-tab li a { color: #666;  display: block; font-size: 14px; height: 20px; line-height: 20px; padding: 0 20px;}
.sj-login-tab .current a { background: #e9e9e9 none repeat scroll 0 0; color: #ea6767;text-decoration: none;}
.sj-login-tab li a:hover { color: #ea6767; text-decoration: none;}
/*========== global header ==========*/
.nxb-box { min-height: calc(100vh - 249px);background: #fff;}
#header {background-color: #fff;box-shadow: 0 2px 3px rgba(7, 0, 2, 0.04);-moz-box-shadow: 0 2px 3px rgba(7, 0, 2, 0.04);-webkit-box-shadow: 0 2px 3px rgba(7, 0, 2, 0.04);position: relative;}
.lt-ie9.lt-ie8 #header,.lt-ie9 #header {border-bottom: 1px solid #f2f2f2;z-index: 9;}
#logo {float: left;height: 40px;overflow: hidden;margin: 16px auto 12px;}
#logo a {display: block;vertical-align: middle;height: 40px;}
#logo a img {max-width: 100%;}
#logo a img.pc-logo-pic {display: block;}
#logo a img.m-logo-pic {display: none;}
.tzc-title {font-size: 24px; color: #bf1a21;line-height: 30px; margin: 22px 0 0 23px;}
.lt-ie9.lt-ie8 #logo a img {width: auto;height: auto;}
#is-login-one {cursor: pointer;}
#is-login-one .l-em-arrow {transition: 0.3s;-webkit-transition: 0.3s;margin-top: 5px;}
#is-login-one:hover .fn-sub-box {display: block;}
#is-login-one:hover .l-em-arrow {transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg); margin-top: -4px;}
.fn-sub-wrap { background-color: #fff; border: 1px solid #eee; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03);-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03);-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03);  cursor: text;  left: -27px;  max-height: 380px; padding: 7px 10px 8px;  position: absolute; top: 4px; width: 86px;z-index: 99;}
.fn-sub dl dd a { color: #333;display: block;text-align: center;font-size: 14px; line-height: 34px;  padding: 0;}
.fn-sub dl dd a:hover {text-decoration: none; color: #bf1a21}
.nav-sub-wrap {border: none;top: 51px; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.02);-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.02);display: none;width: auto; padding: 18px 0 8px;left: -20px;}
.nav-sub-wrap dl dd a {display: block;margin: 2px 0;padding: 10px;width: 101px;font-size: 16px;text-align: center;}
.nav-sub-wrap dl dd a:hover {text-decoration: none;background-color: #fff7f5;color: #bf1a21}
#nav-other:hover #nav-sub-wrap {display: block;}
.nav {padding: 0;}
.header-box {background: #bf1a21;height: 50px;overflow: hidden;}
.nav li,.nav li a {float: left;}
.nav li a {color: #fff;font-family: "microsoft yahei";display: block;font-size: 18px;line-height: 50px;padding: 0 21px;transition: .3s;-webkit-transition: .3s;}
.lt-ie9.lt-ie8 .nav li a,.lt-ie9 .nav li a {margin-right: 12px;}
.nav li.current a.nav-fir,.nav li .nav-fir:hover,.h-r-login li .nav-fir:hover {background: #e20c15;color: #fff;text-decoration: none;}
.nav li.current a.nav-other,.nav li .nav-other:hover,.h-r-login li .nav-other:hover {border-color: #fff;color: #fff;}
.h-r-login,.h-r-search {float: right;}
.h-r-login li {float: left;margin: 0 3px;position: relative;color: #999}
.h-r-login li a {line-height: 74px;font-size: 16px;display: inline-block;color: #ccc;transition: .3s;-webkit-transition: .3s;}
.u-login-box .red-point {position: absolute;right: -4px;top: 21px;}
.h-r-login li a span {color: #666; display: inline-block;padding: 0 8px 0 6px;}
.h-r-login li a:hover {text-decoration: none;}
.h-r-login li.h-r-user a img {border-radius: 50%;width: 30px;height: 30px;}
.h-r-login li.h-r-user span {max-width: 60px;height: 20px;font-size: 16px;line-height: 20px;overflow: hidden;}
.u-login-box img { border-radius: 50%; height: 30px; vertical-align: middle; width: 30px;}
.red-point {position: absolute;right: 2px;top: -4px;display: block;width: 8px;height: 8px;border-radius: 50%;background: #cb2020;text-indent: -9999px;}
.h-r-search {margin: 22px 20px 0 0;}
.t-s-select {width: 77px;height: 30px;left: 0; top: 0;line-height: 30px;border: 1px solid #bf1a21;color: #666;position: absolute;padding: 1px;border-right:0;}
.s-vv-txt {cursor: pointer;padding: 0 10px;text-align: center;opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60);transition: .3s;}
.s-vv-txt:hover {color: #bf1a21;opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}
.t-s-select .s-vv-txt tt {font-size: 12px;color: #666;margin-right: 2px;}
.t-s-select .s-vv-txt  em {transition: .3s;}
.t-s-select .s-vv-txt:hover tt{color: #bf1a21;}
.s-vv-ol {background: #fff;z-index: 99;box-shadow: 5px 5px 0 rgba(0,0,0,.04);display: none;padding: 2px 0;position: absolute;left:-1px;top: 32px;width: 77px;border: 1px solid #bf1a21; }
.s-vv-ol li a {display: block;text-align: center;line-height: 32px;color: #666;}
.s-vv-ol li a:hover {color: #333;text-decoration: none;background-color: #f1f1f1;}
.h-r-s-box {display: block;position: relative;padding: 0 0 0 77px;}
.h-r-s-box input {border: 1px solid #bf1a21;border-left: none;color: #aaa;padding: 0 31px 0 10px;font-family: 'microsoft yahei';width: 170px;height: 32px;line-height: 32px;transition: .3s;-webkit-transition: .3s;}
.h-r-s-box .s-btn {background: #bf1a21;border: none;position: absolute;right: 0;top: 0;width: 34px;height: 33px;cursor: pointer;}
.head-mobile, .h-mobile-mask, .mw-nav-btn, .mw-nav { display: none;}
.mw-nav-btn,.mw-nav {display: none;}
.i-q-txt {height: 20px; overflow: hidden;}
.i-q-txt p {line-height: 20px;}
.i-q-txt2 {height: 40px;}
.i-q-txt3 {height: 42px;}
.i-box {background-color: #fff;padding: 20px;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);}
.i-box1 {background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); }
.pd20 {padding: 20px;}
.pd20-50 {padding: 20px 50px;}
.caret {  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-top: 4px dashed;  display: inline-block;  height: 0;  margin-left: 2px;  vertical-align: middle;  width: 0;  }
.downmenu .dt-arrow {left: 50%; top: -7px;margin-left: -9px;width: 18px;z-index: 999;}
.downmenu .dt-arrow em {color: #eee;}
.downmenu .dt-arrow * {font-size: 14px;}
.downmenu .dt-arrow span {color: #fff; margin: -10px 0 0;}
.downmenu .fn-sub-wrap {top: 0;}
/*========== global footer ==========*/
.t-top-link {margin: 0 auto;width: 70%;height: 30px; overflow: hidden;}
.t-top-link li,.t-top-link li a {display: block; float: left;line-height: 30px;color: #999;}
.t-top-link li a {color: #333; padding: 0 6px;font-size: 14px;}
.t-top-link li a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90)}
.bot-navwrap {background: #efefef; padding: 1px 0 5px;}
.bot-navlist {margin: 17px auto 0;padding-bottom: 10px; text-align: center;color: #999;}
.bot-navlist * {vertical-align: middle;}
.bot-navlist a {font-size: 16px;color: #666;padding: 0 4px;display: inline-block;}
.bot-navlist a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90)}
.dzjg-icon {width: 55px; height: 68px; display: inline-block;}
.foot-statistic {width: 370px;margin-top: 10px;}
.foot-statistic li {width: 50%; float: left;margin-top: 9px;}
.foot-left-mod {width: 400px;}
.logo-fb {margin-top: 3px;}
.lt-ie9.lt-ie8 .foot-statistic li {width: 49.6%;}
.foot-statistic li span {color: #fff;font-size: 14px; line-height: 30px;margin-left: 12px;}
.logo-fb img {width: 245px;}
.ewm-wrap {position: relative;}
.ewm-wrap img {position: absolute; left: 0;top: 5px;}
.foot-box {position: absolute; left: 0; top:0; width: 100%;min-height: 30px; height: 100%; }
.ewm-wrap dl {position: relative; padding-left: 67px;min-height: 30px;}
.ewm-wrap dl dt {position: absolute; left: 0px; top: 0;}
.ewm-wrap dl dt,.ewm-wrap dl dd {font-size: 14px; color: #fff; line-height: 32px;}
.footwrap {background-color: #a00303;height: 242px;overflow: hidden;position: relative;}
.footwrap .foot-top {height: 192px;}
.footwrap .flink { border-bottom: 1px solid #3f3f3f;}
.flink dt, .flink dd { color: #b4b4b4; float: left; height: 50px; line-height: 50px; overflow: hidden;}
.flink dt span {color: #888;}
.flink dd a { color: #888;display: inline-block; padding: 0 15px; vertical-align: middle;}
.flink dd a:hover,.b-f-link a:hover { color: #bbb; text-decoration: none;}
.foot-middle-wrap {padding: 15px 0;}
.ewm-wrap {margin-top: 16px;}
.ewm-wrap .ewm-pic {display: inline-block; display: inline;margin-left: 21px;}
.foot-tel span {font: 26px/34px "microsoft yahei";color: #aaa;vertical-align: middle;margin-left: 10px;}
.foot-help-wrap li {border-left: 1px solid #3f3f3f;float: left;width: 168px;}
.foot-help-wrap li .f-h-w-box {border-left: 1px solid #3f3e3e;padding-left: 35px;}
.foot-h-item dt span { font: 18px/30px "microsoft yahei"; color: #aaa; transition: all 0.3s ease 0s;}
.foot-h-item dt {padding-bottom: 4px;}
.foot-h-item dd {clear: both;}
.foot-h-item dd p a {font: 14px/30px "microsoft yahei"; color: #888;cursor: pointer;}
.foot-h-item dd p a:hover,.b-f-link a:hover {color: #aaa; text-decoration: none;}
.foot-bottom-sec {background-color: #2d2d2d;line-height: 50px;text-align: center;display: none;}
.b-f-link {color: #7a7a7a;}
.b-f-link * {vertical-align: middle;}
.b-f-link a, .b-f-link span { color: #888;display: inline-block;margin: 0 10px 5px;vertical-align: middle;}
.foot-middle-wrap .f-m-left {width: 16%;}
.gwcp-box {padding-bottom: 25px;}
.foot-middle-wrap { margin-bottom: 15px;}
.foot-zixun .smgz-pic { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; bottom: 0; display: none; height: 180px; position: absolute; right: 50px; width: 150px;}
.foot-icon {display: block;width: 26px;height: 28px;margin: 3px auto 0;background-size: 100%!important;}
.sy-icon {background:  no-repeat 0 0;}
.global-nav ul li.current .sy-icon {background:  no-repeat 0 0;}
.f-cou-icon {background:  no-repeat 0 2px;}
.global-nav ul li.current .f-cou-icon {background:  no-repeat 0 2px;}
.global-nav ul li.current .f-new-icon {background:  no-repeat 0 0;}
.f-new-icon {background:  no-repeat 0 0;}
.f-zt-icon {background:  no-repeat 0 0;}
.global-nav ul li.current .f-zt-icon {background:  no-repeat 0 0;}
.f-login-icon {background:  no-repeat 0 0;}
.global-nav ul li.current .f-login-icon {background:  no-repeat 0 0;}

/*------ global nav style ------*/
.global-nav {height: 52px;position: fixed;right: 0;bottom: -1px;left: 0;width: 100%;z-index: 77;display: none;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.global-nav ul {background: #f8f8f8;border-top: 1px solid #e2e2e2;height: 50px;}
.global-nav ul li {float: left;width: 20%;text-align: center;height: 50px;}
.global-nav ul li a:hover {text-decoration: none;}
.global-nav ul li a p {font: .8rem/24px 'helvetica neue','simhei';color: #888888;margin-top: -4px;}
.global-nav ul li.current a p {color: #ff0000;}
/*========== global umenutabcard ==========*/
.js-tap li {float: left;}
.js-tap li a {display: block;padding: 0 21px;cursor: pointer;line-height: 40px;color: #666;font-size: 14px;border-top: 1px solid transparent;}
.js-tap li span {padding: 0 10px}
.js-tap li.current a {background-color: #fff; border-top: 1px solid #bf1a21;}
.js-tap li a:hover {color: #bf1a21;text-decoration: none; }
.plan-js-tap li a {padding: 0 20px;}
.plan-js-tap li.current a {color: #bf1a21;background: #f4f4f4;border-top: 1px solid #f4f4f4;}
.c-title-box {background-color: #f2f2f2;height: 50px;padding-left: 20px;}
.c-title-box .js-tap li a {line-height: 48px;font-size: 16px;padding: 0 28px;}
.c-title-box .js-tap li.current a {border-top: 4px solid #bf1a21;color: #bf1a21;line-height: 46px;}
/*========== global footer rfixedgroup ==========*/
.r-fixed-wrap {bottom: 300px; position: fixed; right: 5px;z-index: 9999;}
.r-fixed-ul li { margin-bottom: 1px;position: relative; width: 45px;}
.r-fixed-ul li a { background: #cacbcd none repeat scroll 0 0; color: #fff; display: block; height: 45px; overflow: hidden; text-align: center; transition: all 0.3s ease 0s;}
.r-fixed-ul li a em { display: inline-block;height: 32px;margin-top: 8px; vertical-align: middle; width: 32px;}
.r-fixed-ul li a span {color: #fff; display: none;font-size: 14px;line-height: 22px;margin: 0 auto; width: 32px;}
.r-fixed-ul li a:hover, .r-fixed-ul li a:hover span { display: block; text-decoration: none;}
.r-fixed-ul li a:hover { background-color: #bf1a21}
.r-fixed-ul li a:hover em,#gotop {display: none;}
.i-offc-wrap {padding: 20px 20px 1px;}
.f-h-i-title {display: block; cursor: pointer;}
.f-h-i-title em {display: none;}
/*========== global offline course==========*/
.i-offcour-list li,.u-f-c-list li { border-bottom: 1px dotted #ddd; margin-bottom: 15px; min-height: 100px; padding: 0 120px 20px 175px;position: relative;}
.i-oc-pic {left: 0;position: absolute;text-align: center;top: 0;border: 1px solid #d9d9d9;cursor: pointer;padding: 2px; transition: all 0.3s ease 0s;width: 150px;}
.i-oc-pic img {max-width: 100%;display: block;}
.i-oc-title {color: #333; font-size: 18px;}
.i-oc-title:hover {text-decoration: none; color: #bf1a21;}
/*========== global course review==========*/
.noter-pic {left: 0; position: absolute; top: 20px;}
.noter-pic img { border-radius: 50%; display: block; height: 50px; width: 50px;}
.lh-reply-btn { background: #fff; border-radius: 2px;color: #bf1a21;border: 1px solid #bf1a21;display: inline-block;font: 14px/28px "microsoft yahei"; height: 28px;text-align: center; padding: 0 20px;}
.lh-reply-btn:hover { text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}
.n-reply-wrap textarea { background: #fff none repeat scroll 0 0;resize: none; border-radius: 4px; border: 1px solid #ddd; color: #666; font-size: 14px;height: 48px; overflow-x: hidden; overflow-y: auto; padding: 4px 1.5%; width: 96%;}
.n-reply-wrap textarea:focus { border-color: #bf1a21;}
.review-box ul li { border-bottom: 1px solid #f2f2f2; min-height: 50px;padding: 20px 5px 10px 65px; position: relative;}
.review-box ul li:hover {background-color: #fdfdfd;}
.com-err-info {font-size: 14px;}
.noter-txt p {font-size: 14px; line-height: 28px;color: #666;}
.msg-e-icon {background-position: -94px -239px; vertical-align: middle;}
/*========== global course menu start==========*/
.chapter-name { height: 42px; line-height: 42px;color: #555; font-size: 16px; background-color: #f2f6fa;border-top: 1px solid #dfe7ef;padding: 0 15px;}
.chap-seclist ul li {position: relative;transition: 0.3s;-webkit-transition: 0.3s;padding: 6px 0;}
.chap-seclist ul li:hover {background: #f3f7fb;}
.chap-seclist ul li .c-p-wrap {padding: 0 145px 0 12px;}
.chap-seclist ul li .c-p-wrap a:hover {text-decoration: none;}
.chap-seclist ul li .c-learn-sec {display: inline-block; width: 57px;margin-left: 0;}
.c-p-t-btn { background: #6c9cca none repeat scroll 0 0;  border-radius: 3px;  color: #fff;  display: inline-block;  line-height: 22px;  padding: 0 9px;  position: absolute;  right: 6px;  top: 50%;margin-top: -12px;}
.c-p-t-btn:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.c-t-enter-btn { background: #6c9cca none repeat scroll 0 0;  border-radius: 3px;  color: #fff;padding: 0 13px;  display: inline-block;  line-height: 22px;}
.c-t-enter-btn:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.play-icon-box {position: absolute;top: 10px;right: 5px;}
.c-p-title {font-size: 14px; line-height: 28px; color: #777;font-family: "microsoft yahei";}
.chap-seclist {margin-left: 25px;border-left: 2px solid #ccc;}
.c-blue-dot {position: absolute;left: -5px;top: 10px;}
.c-blue-dot tt {width: 8px; height: 8px;display: inline-block; background-color: #6c9cca;border-radius: 50%;}
.c-white-box {position: absolute;bottom: 0px;left: -9px;width: 20px; height: 16px;}
.lt-ie9.lt-ie8 .c-white-box {bottom: -4px; height: 27px;}
.lt-ie9 .c-white-box {height: 21px;}
.c-p-title:hover,.chap-seclist ul li.current .c-p-title,.chap-seclist ul li.current .c-blue1 {color: #bf1a21;}
.chap-seclist ul li.current .c-blue-dot tt {background-color: #bf1a21;}
/*========== department learning plan==========*/
.e-s-mod1 {position: absolute; left: 0;top: 0;}
.e-s-mod3 {padding: 15px;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;text-align: center;}
.e-s-box {position: relative;padding: 7px 0 16px 152px;border-bottom: 1px solid #e5e5e5;}
.e-s-mod2 {width: 100%;}
.e-m-stasec {padding-right: 135px;}
.emp-sta-box .w50pre {width: 50%;}
.bor-dot-right {border-right: 1px dashed #ccc}
.emp-s-b-sec { padding: 0;margin: 0 0 20px 20px;border: 1px solid #e5e5e5;}
.uc-emp-box ol {margin-left: -20px;}
.emp-s-b-sec h3 {padding: 10px;border-bottom: 1px solid #e5e5e5;text-align: center;background: #f5f5f5;}
.e-m-stasec p {line-height: 32px;height: 32px;}
.check-out-btn { background-color: #bf1a21;height: 30px;line-height: 30px;padding: 0 27px; border-radius: 20px;}
.mem-out-btn {
  border: 1px dashed #bf1a21; color: #bf1a21;display: inline-block;font: 12px/24px "hiragino sans gb","microsoft yahei"; height: 24px;padding: 0 15px; border-radius: 16px;}
.mem-out-btn:hover{background-color: #bf1a21 ;  color: #fff; text-decoration: none;transition: all 0.8s ease 0s;}
/*========== global course==========*/
.job-cou-list {margin-left: -20px;}
.job-cou-list li {float: left; width: 33.3%;}
.course-slide .job-cou-list li { width: 25%;}
.job-cou-list li .cc-l-wrap { display: block;margin: 0 0 50px 20px; overflow: hidden;border: 1px solid #eee;}
.job-cou-list li:hover .cc-l-wrap {box-shadow: 0 0 6px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.course-img {overflow: hidden;position: relative;cursor: pointer;width: 100%;display: block;}
.course-img img {width: 100%;height: 158px;}
.c-cou-mask {background:  repeat scroll 0 0;text-align: center; bottom: 0; height: 100%;left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
.job-cou-list li:hover .course-img img {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.c-pk-wrap .course-img img {height: 316px;}
.t-job-coulist .course-img img {height: 201px;}
.cj-cou-desc {margin-top: 15px;}
.cj-cou-desc dd {width: 33.3%;float: left; width: 33%;}
.cj-cou-desc dd .c-c-sbox {border-right: 1px solid #e5e5e5; text-align: center;line-height: 22px;}
.cj-plan-desc dd .c-c-sbox {text-align: left; margin-right: 5px;}
.time-bar-wrap {position: relative;}
.lev-num-wrap {background: #e1e1e1;border-radius: 18px;width: 240px;height: 10px;position: relative;display: inline-block;}
.lev-num-bar {border-radius: 18px;width: 0%;font-size: 0;background-color: #bf1a21;position: absolute;left: 0;top: 0;height: 10px;z-index: 7;transition: .3s;-webkit-transition: .3s;}
.lev-num {color: #fff;position: absolute;top: 1px;left: 10px;font-family: 'microsoft yahei';font-size: 12px;line-height: 10px;z-index: 9;}
.lev-num big,.lev-num small {font-size: 12px;}
.lev-num small {color: #f2f2f2;}
.j-c-desc-wrap {background-color: #fff;padding: 0 15px 15px;}
.cj-cou-desc dd .c-c-sbox tt {color: #333;font-family:"verdana";font-size: 14px; vertical-align: middle;margin-left: 2px;}
.net-cou-box .job-cou-list li {width: 25%;}
.net-cou-box .job-cou-list {margin-left: -20px;}
.net-cou-box .job-cou-list li .cc-l-wrap {margin: 0 0 25px 20px;overflow: hidden;position: relative;}
.net-cou-box .job-cou-list li .cc-l-wrap .icon-m-tc { position: absolute;background: rgba(0, 0, 0, 0)  no-repeat scroll left top; height: 80px; left: 0;top: 0; width: 80px;  z-index: 60; background-size: 100%;}
.net-cou-box .j-course-title{font-size: 16px;}
.net-cou-box .cj-cou-ds span {font-size: 14px;}
.cj-cou-ds .fl {width: 69%;}
.net-cou-box .cj-cou-ds .fl {width: 40%;display: block;}
.net-cou-box .cj-cou-ds .fr {width: 60%;display: block;text-align: right;}
.net-cou-box .cj-cou-desc dd .c-c-sbox tt {font-size: 12px;}
.j-course-title {font-size: 16px;color: #333;}
/* global dialog
================================================== */
.dialog-shadow,.dialogwrap {-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.dialog-shadow {position: absolute;z-index: 99999;}
.dialog-shadow {border: 5px solid rgba(0,0,0,.1);overflow: hidden;}
.lt-ie9.lt-ie8 .dialog-shadow,.lt-ie9 .dialog-shadow {border: 1px solid #ddd;}
.dialog-shadow .dcontent {background: #fff;position: relative;}
.dcontent .dhead {border-bottom: 1px solid #f0f0f0;font-size: 12px;font-weight: 700;height: 37px;line-height: 37px;vertical-align: middle;cursor: move;}
.dhead span {font-size: 13px;margin-left: 16px;}
.dcontent .dclose,.dclose {background-position: -90px -190px;display: inline-block;height: 18px;width: 18px;vertical-align: middle;position: absolute;right: 8px;top: 10px;cursor: pointer;}
.dcontent .dclose:hover,.dclose:hover {background-position: -90px -211px;text-decoration: none;}
.dcwrap {padding: 12px 15px;overflow: hidden;}
.dca0,.dca1,.dca2 {width: 340px;text-align: center;margin: 10px 0 0;}
.dca3,.dca4 {width: 560px;}
.dca5 {width: 200px;text-align: center;margin: 10px 0;}
.dca .dtextarea {line-height: 26px;;min-height: 68px;width: 100%; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;color: #666;}
.yiny-txt {background: #f4f4f4;padding-left: 8px;}
.dca .dgt {background-position: -46px -114px;}
.jbradio label {font-size: 12px;color: #666;margin: 0 6px;vertical-align: middle;}
.jbradio label input {margin: 0 2px 0 0;vertical-align: -2px;}
.dcfoot {border-top: 1px solid #e2e2e2;margin: 20px -20px -10px;height: 42px;line-height: 42px;text-align: center;overflow: hidden;clear: both;}
.dcfoot a.cbtn {display: block;color: #083865;font-size: 16px;text-align: center;}
.dcfoot a.cbtn:hover {color: #bf1a21;text-decoration: none;}
.dcfoot a.cbtn.dcancel {border-left: 1px solid #e2e2e2;margin-left: -1px;}
.dcfoot .fk-yes-btn { background: #bf1a21;margin-top: 8px;border: none; display: inline-block;color: #fff;  font: 18px/28px "microsoft yahei"; height: 28px;text-align: center; width: 286px;}
.dcfoot .fk-yes-btn:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90)}
/* paginationstyle */
.paginationwrap {padding: 40px 0 30px;text-align: center;}
.pagination ul {display: inline-block;*display: inline;vertical-align: middle;margin-bottom: 0;margin-left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*zoom: 1;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul > li {display: inline;}
.pagination ul > li > span {letter-spacing: -6px;}
.pagination ul > li > a,
.pagination ul > li > span {float: left;color: #454545;padding: 6px 16px;line-height: 20px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;}
.pagination ul > li > a:hover {background-color: #328ae1;color: #fff;}
.pagination ul > .active > a,
.pagination ul > .active > a:hover {background-color: transparent;color: #999;}
.pagination ul > .active > a,
.pagination ul > .active > span {color: #999999;cursor: default;}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {color: #999999;cursor: default;background-color: transparent;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {border-left-width: 1px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-moz-border-radius-topleft: 4px;}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;}
.c-more-pagination {background: #f2f2f2;}
/* dialog style */
.l-r-w-inpt li label { color: #666; display: inline-block; font-size: 14px; text-align: right; width: 45px;}
.l-r-w-inpt li input.ltxt { background: #fff none repeat scroll 0 0; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: #666;height: 32px; line-height: 32px; padding: 0 10px; width: 260px;}
.l-r-w-inpt li input.ltxt.yzm { width: 100px;}
.l-r-w-inpt li input.ltxt:focus,.dca .dtextarea:focus { border-color: #f1a181; box-shadow: 1px 1px 4px rgba(255, 72, 0, 0.1);}
.login-btn input ,.yes-btn span { background: #bf1a21;border: medium none; color: #fff;  font: 18px/28px "microsoft yahei"; height: 28px;text-align: center; width: 286px;}
.yes-btn span {display: inline-block;}
.fk-i-inpt li label {width: 80px;}
.fk-i-inpt {margin-left: 73px;}
.live-banner {background:  repeat; display: none;}
.bind-inpt li label {width: 45px;}
.bind-inpt li input.ltxt {width: 235px;}
.bind-inpt {margin-left: 0;}
.top-box { left: 0; margin: 0;display: none; padding-left: 15px; padding-right: 30px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000;background-color: #fafafa;}
.body-top-box {margin-top: 50px;}
.t-b-wrap {height: 30px;padding: 10px 0;position: relative;}
.t-b-close {position: absolute; right: 10px;top: 0;}
/*input输入框*/
.input_text{-web-kit-appearance:none;-moz-appearance: none;font-size:16px;width: 70%;height:2.2em;border-radius:4px;border:1px solid #c8cccf;color:#6a6f77;margin-bottom: 10px;}

.ewm-box {left: 45%;}
.ewm-pic { width: 200px; height: 200px;margin: 10px auto 0;}
.ewm-pic img {width: 100%; height: 100%;}
.back-btn {display: none;}
/*------子站基地-------*/
.tzc-substation .header-box {background: #195ebb;}
.tzc-substation .nav li.current a.nav-fir,.tzc-substation .nav li .nav-fir:hover,.tzc-substation .h-r-login li .nav-fir:hover {background: #0b4ea9;color: #fff;text-decoration: none;}
.tzc-substation .t-common-title {border-color: #195ebb;}
.tzc-substation .t-common-title span {color:  #195ebb;}
.tzc-substation .swiper-active-switch {background: #195ebb;}
.sub-msg-red {right: 3px; top: 24px;}
@media (min-width: 1200px) {
  .container {
    width: 1120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
  .c-d-firstli .c-d-l-wrap a img, .c-d-firstli .c-d-l-wrap {width: 312px;}
  .com-dynamic-list li img, .c-d-l-wrap {width: 149px;}
  .h-r-search {display: none;}
  .e-s-box {padding: 20px 0 20px 153px;}
  .j-c-desc-wrap {padding: 0 9px 15px;}
  .course-img img {height: 126px;}
  .t-job-coulist .course-img img {height: 155px;}
  .nav li a {padding: 0 14px;}
  .foot-help-wrap li {width: 140px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px;
  }
  .h-r-search {display: none;}
  #header {padding: 20px 0 10px;}
  .ewm-wrap {margin-left: 0;}
  .foot-help-wrap li .f-h-w-box {padding-left: 20px;}
  .foot-help-wrap li {width: 124px;}
  .foot-bottom-sec {line-height: 24px;padding: 8px 0;}
  .e-s-mod1 {position: relative;left: 0;top: 0;}
  .e-s-mod3 {position: relative; left: 0; top: 9px; margin-bottom: 15px;}
  .nav li a {padding: 0 7px;font-size: 16px;}
  .foot-tel span {font-size: 26px;}
  .e-s-box {padding: 0;}
  .j-c-desc-wrap .fsize18,.net-cou-box .cj-cou-ds span{font-size: 0.82rem;}
  .j-c-desc-wrap {padding: 0 8px 10px;}
  .cj-cou-desc {display: none;}
  .course-img img {height: 96px;}
  .t-job-coulist .course-img img {height: 120px;}
  .u-m-q-attr .fr {float: left; margin-top: 5px;}
  .gwcp-box {padding-bottom: 20px;}
  .staff-review ul {padding: 1px 0;}
  .staff-review ul .sta-r-face {display: none;}
    .staff-review ul li .sta-r-wrap {padding: 8px 0 5px 0;}
}
/* global animation
================================================== */
@-webkit-keyframes bouncein {
  0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05);}
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bouncein {
  0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
  100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
.bouncein {-webkit-animation-name: bouncein;animation-name: bouncein;}
@-webkit-keyframes bounceout {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {opacity: 0;-webkit-transform: scale(.5);transform: scale(.5);}
  100% {-webkit-transform: scale(0);transform: scale(0);}
}
@keyframes bounceout {
  0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
  50% {opacity: 0;-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
  100% {opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
}
.bounceout {-webkit-animation-name: bounceout;animation-name: bounceout;}


@media only screen and (min-width:768px){
  .m-me-box{
    display: none;
  }
  /* 干部在线心得广场pc */
  .tzc_experience_square{
    width: 100%;
    height: 40px;
    color: white;
    font-size: 22px;
    font-weight: 800;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    background: #bf1a21;
    border-bottom: 1px solid #f5f5f5;
  }
  .tzc_right_box{
    margin-top: 10px;
  }
  .tzc_fl_xx{
    background: white;
    margin-top: 10px;
    padding-top: 10px;
  }
  .tzc_experience_box{
    width: 100%;
    height: 140px;
    float: left;
    background: white;
    margin-top: 23px;
    border-bottom: 1px solid #f5f5f5;
  }
  .tzc_e_left{
    width: 30%;
    height: 140px;
    float: left;
    position: relative;
  }
  .tzc_e_l_head{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
  }
  .tzc_e_l_head img{
    width: 100%;
    height: 100%;
  }
  .tzc_e_l_name{
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
  }
  .tzc_e_right{
    width: 68%;
    height: 140px;
    float: left;
    margin-left: 1%;
  }
  .tzc_e_r_bt{
    width: 100%;
    height: 40px;
    float: left;
    font-size: 18px;
    line-height: 40px;
    color: #446495;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .tzc_e_r_bt p a{
    color: #446495;
    font-weight: bold;
    text-decoration:none
  }
  .tzc_e_r_content{
    width: 100%;
    height: 60px;
    float: left;
    /* background: #f5f5f5; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .tzc_e_r_content p{
    line-height: 30px;
    font-size: 16px;
    color: #303030;
    /* padding-left: 15px; */
    text-indent: 2em;
  }
  .tzc_e_r_date{
    width: 100%;
    height: 40px;
    float: left;
    border-top: 1px solid #f5f5f5;
    /* background: rgba(248, 248, 248, 0.493); */
  }
  .tzc_e_r_date div:nth-of-type(1){
    width: 25%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    /* font-weight: 600; */
    /* margin-left: 15px; */
    color: #303030;
    overflow: hidden;
  }
  .tzc_e_r_date div:nth-of-type(2){
    width: 25%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    /* font-weight: 600; */
    /* margin-left: 15px; */
    color: #303030;
    overflow: hidden;
  }
  .tzc_e_r_date div:nth-of-type(3){
    width: 25%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    /* font-weight: 600; */
    /* margin-left: 15px; */
    color: #303030;
    overflow: hidden;
  }
  .tzc_e_r_date div:nth-of-type(4){
    width: 25%;
    height: 40px;
    float: right;
    line-height: 40px;
    text-align: right;
    font-size: 14px;
    /* font-weight: 600; */
    /* margin-right: 15px; */
    color: #303030;
    overflow: hidden;
  }
}
@media only screen and (max-width:768px) and (min-width:300px){
  .m-pe-box{
    display: none;
  }
  /* 干部在线心得广场移动端 */
  .tzc_experience_square_mo{
    width: 100%;
    height: 2.5rem;
    color: white;
    font-size: 17px;
    font-weight: 800;
    line-height: 2.5rem;
    margin-top: 5px;
    text-align: center;
    background: #d43b33;
    border-bottom: 1px solid #f5f5f5;
  }
  .tzc_right_box_mo{
    margin-top: 15px;
  }
  .tzc_fl_xx_mo{
    background: white;
    margin-top: 15px;
    padding-top: 10px;
  }
  .tzc_experience_box_mo{
    width: 100%;
    height: 6rem;
    float: left;
    background: white;
    margin-top: 10px;
    border-bottom: 1px solid #f5f5f5;
  }
  .tzc_e_left_mo{
    width: 37%;
    height: 6rem;
    float: left;
    position: relative;
  }
  .tzc_e_l_head_mo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .tzc_e_l_head_mo img{
    width: 100%;
    height: 100%;
  }
  .tzc_e_l_name_mo{
    width: 100%;
    height: 2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    z-index: 2;
    text-align: center;
    line-height: 2rem;
    font-size: 12px;
  }
  .tzc_e_right_mo{
    width: 61%;
    height: 6rem;
    float: left;
    margin-left: 1%;
  }
  .tzc_e_r_bt_mo{
    width: 100%;
    height: 2rem;
    float: left;
    font-size: 12px;
    line-height: 2rem;
    color: black;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .tzc_e_r_content_mo{
    width: 100%;
    height: 2rem;
    float: left;
    /* background: #f5f5f5; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
  }
  .tzc_e_r_content_mo p{
    line-height: 2rem;
    font-size: 12px;
    /* font-weight: 600; */
    color: #303030;
    /* padding-left: 15px; */
    text-indent: 2em;
  }
  .tzc_e_r_date_mo{
    width: 100%;
    height: 2rem;
    float: left;
    /* background: rgba(248, 248, 248, 0.493); */
  }
  .tzc_e_r_date_mo div:nth-of-type(1){
    width: 50%;
    height: 2rem;
    float: left;
    line-height: 2rem;
    text-align: left;
    font-size: 12px;
    /* font-weight: 600; */
    /* margin-left: 15px; */
    color: #303030;
  }

  .tzc_e_r_date_mo div:nth-of-type(2){
    width: 50%;
    height: 2rem;
    float: right;
    line-height: 2rem;
    text-align: right;
    font-size: 12px;
    /* font-weight: 600; */
    /* margin-right: 15px; */
    color: #303030;
  }
}


@media only screen and (min-width:768px){
  .m-me-box{
    display: none;
  }
  /*
  心得广场详情
  */
  .tzc_volunteer_details_box{
    width: 100%;
    height: auto;
  }
  .tzc_volunteer_d_header{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    background: white;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
  }
  .tzc_volunteer_d_img{
    width: 28%;
    height: 160px;
    float: left;
    position: relative;
  }
  .tzc_volunteer_d_img img{
    width: auto;
    height: 85%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .tzc_volunteer_d_content{
    width: 75%;
    height: 160px;
    float: right;
  }
  .tzc_volunteer_d_contents{
    width: 72%;
    height: auto;
    float: right;
  }
  .tzc_volunteer_d_c_bt{
    width: 100%;
    height: 50px;
    float: left;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.030);
  }
  .tzc_volunteer_d_c_state{
    width: 50%;
    height: 50px;
    float: left;
    line-height: 50px;
    font-size: 16px;
  }
  .tzc_volunteer_d_c_date{
    width: 100%;
    height: 40px;
    float: left;
    line-height: 45px;
    font-size: 16px;
  }
  .tzc_volunteer_d_footer{
    width: 100%;
    height: auto;
    float: left;
    /*    margin-top: 15px;*/
    margin-bottom: 15px;
    background: white;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
  }
  .tzc_volunteer_d_footer p{
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 30px;
    font-size: 16px;
    text-indent: 2em;
    margin-top: 15px;
  }
  .tzc_t_details_c_bt{
    width: 100%;
    height: 30px;
    float: left;
    margin-top: 15px;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    background:#f2f2f2;
    /*    color: #bf1a21;*/
    color: black;
  }
}
@media only screen and (max-width:768px) and (min-width:300px){
  .m-pe-box{
    display: none;
  }
  /*
  心得广场详情
  */
  .tzc_volunteer_details_box_mo{
    width: 100%;
    height: auto;
  }
  .tzc_volunteer_d_header_mo{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0.5rem;
    background: white;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
  }
  .tzc_volunteer_d_img_mo{
    width: 100%;
    height: 12rem;
    float: left;
    position: relative;
  }
  .tzc_volunteer_d_img_mo img{
    width: 90%;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .tzc_volunteer_d_content_mo{
    width: 100%;
    height: auto;
    float: right;
  }
  .tzc_volunteer_d_c_bt_mo{
    width: 100%;
    height: 2.8rem;
    float: left;
    line-height: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.030);
  }
  .tzc_volunteer_d_c_state_mo{
    width: 100%;
    height: 2rem;
    float: left;
    line-height: 2rem;
    font-size: 12px;
  }
  .tzc_volunteer_d_footer_mo{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    background: white;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.016);
  }
  .tzc_volunteer_d_footer_mo p{
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 2rem;
    font-size: 12px;
    text-indent: 2em;
    margin-top: 0.5rem;
  }
  .tzc_t_details_c_bt_mo{
    width: 100%;
    height: 2rem;
    float: left;
    margin-top: 0.5rem;
    line-height: 2rem;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    background:#f2f2f2;
    /*    color: #bf1a21;*/
    color: black;
  }
}
@media only screen and (min-width:768px){
  #h_buf{
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000;
    display: none;
  }
  #h_buf2{
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000;
    display: none;
  }
  .tzc_m_box{
    width: 400px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    background:white;
    z-index: 1500;
    display: none;
  }
  /* 动画部分 */
  /* .tzc_dh{
      animation:mydh 1.5s;
      -moz-animation:mydh 1.5s;
      -webkit-animation:mydh 1.5s;
      -o-animation:mydh 1.5s;
  }
  @keyframes mydh{
      from {
          left: 50%;
          top: 150%;
      }
      to {
          left: 50%;
          top: 150%;
      }
  } */
  .tzc_content{
    width: 100%;
    height: 50px;
    float: left;
    font-size: 18px;
  }
  .tzc_a1{
    margin-top: 20px;
  }
  .tzc_c_box1{
    background: #bf1a21;
    line-height: 50px;
    font-size: 20px;
    color: white;
    font-weight: 600;
    text-align: center;
  }
  .tzc_account{
    width: 25%;
    height: 50px;
    float: left;
    text-align: center;
    line-height: 50px;
    color: #333;
  }
  .tzc_a_content{
    width: 75%;
    height: 50px;
    float: left;
    text-align: center;
    line-height: 50px;
  }
  .tzc_a_content input{
    width: 85%;
    height: 27px;
    outline: none;
  }
  .tzc_yzm_box{
    width: 85%;
    height: 27px;
    outline: none;
    margin-left: 7.5%;
  }
  .tzc_yzm_box input{
    width: 55%;
    height: 100%;
    outline: none;
    float: left;
  }
  .tzc_an_yz{
    width: 40%;
    height: 33px;
    background: #bf1a21;
    color: white;
    float: left;
    margin-left: 3%;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    line-height: 33px;
  }
  .tzc_button{
    width: 100%;
    height: 50px;
    float: left;
    text-align: center;
    line-height: 50px;
  }
  .tzc_button input{
    width: 55%;
    height: 30px;
    background: #bf1a21;
    color: white;
    font-size: 18px;
    font-weight: 600;
    border: none;
    outline: none;
    cursor:pointer;
  }
}
@media only screen and (max-width:768px) and (min-width:300px) {
  #h_buf{
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000;
    display: none;
  }
  #h_buf2{
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000;
    display: none;
  }
  .tzc_m_box{
    width: 90%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background:white;
    z-index: 1500;
    display: none;
  }
  /* 动画部分 */
  /* .tzc_dh{
      animation:mydh 1.5s;
      -moz-animation:mydh 1.5s;
      -webkit-animation:mydh 1.5s;
      -o-animation:mydh 1.5s;
  }
  @keyframes mydh{
      from {
          left: 50%;
          top: 150%;
      }
      to {
          left: 50%;
          top: 150%;
      }
  } */
  .tzc_content{
    width: 100%;
    height: 2.5rem;
    float: left;
    font-size: 14px;
  }
  .tzc_a1{
    margin-top: 20px;
  }
  .tzc_c_box1{
    background: #bf1a21;
    line-height: 2.5rem;
    font-size: 16px;
    color: white;
    font-weight: 600;
    text-align: center;
  }
  .tzc_account{
    width: 25%;
    height: 2.5rem;
    float: left;
    text-align: center;
    line-height: 2.5rem;
    color: #333;
  }
  .tzc_a_content{
    width: 75%;
    height: 2.5rem;
    float: left;
    text-align: center;
    line-height: 2.5rem;
  }
  .tzc_a_content input{
    width: 85%;
    height: 1.7rem;
    outline: none;
    -webkit-appearance: none;
  }
  .tzc_yzm_box{
    width: 85%;
    height: 2.5rem;
    outline: none;
    margin-left: 7.5%;
  }
  .tzc_yzm_box input{
    width: 55%;
    height: 1.7rem;
    outline: none;
    float: left;
  }
  .tzc_an_yz{
    width: 40%;
    height: 1.7rem;
    background: #bf1a21;
    color: white;
    float: left;
    margin-left: 3%;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    line-height: 1.7rem;
  }
  .tzc_button{
    width: 100%;
    height: 2.5rem;
    /*float: left;*/
    text-align: center;
    line-height: 2.5rem;
  }
  .tzc_b_box{
    margin-top: 10px;
  }
  .tzc_button input{
    width: 55%;
    height: 1.7rem;
    background: #bf1a21;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    -webkit-appearance: none;
    cursor:pointer;
  }
}