/*
 * @name abb.css
 * @author Fyz
 * @time 2014.05.28
 * @version 4
*/


/* reset */
body,div,p,h1,h2,h3,h4,h5,h6,dl,dd,form{ margin:0; font-family: "microsoft yahei";}
ul,ol,input,button,textarea,fieldset, legend{ margin:0; padding:0;}
td,th{ padding:0;}
img{ border:0; vertical-align:bottom; display:inline-block;}
a{ text-decoration:none; cursor:pointer; color:#000;}
li{ list-style:none;}
em,strong,cite,dfn{ font-style:normal;}
table,td{ border-spacing:0; border-collapse:collapse;}
html,body{/* -webkit-text-size-adjust:none;*/}/* chrome min-font-size */
/* moz,webkit default */
input,button,select,textarea{outline:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#808080;}
textarea{resize:none; overflow-y:auto;}
input{ vertical-align:middle;}

.fimg img { max-width: 100%}

/* common */
.l{ text-align:left;}
.r{ text-align:right;}
.c{ text-align:center;}

.fl{ float:left;}
.fr{ float:right;}
.clear:after {visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0;}
* html .clear {zoom: 1;}
*:first-child+html .clear {zoom: 1;}
.divclear {clear:both; float:none; font-size:0; overflow:hidden; visibility:hidden; width:0; height:0;}

.dHide{ display:none;}
.vHide{ visibility:hidden;}
.relative{ position:relative; zoom:1;}


::-webkit-scrollbar { width:16px; height:16px; background-image:-webkit-gradient(linear,0 0,100% 0,from( #f2f2f2),color-stop(0.5, #fafafa),to( #fafafa)); border-left:solid 1px #e4e4e4;}
::-webkit-scrollbar-thumb { max-width:30px; min-height:30px; -webkit-border-image:url(/images/new/thum.png) 4 0 4 0 stretch stretch; border-width:4px;}


/* layout */
body{ font-family: Arial, sans-serif; font-size:14px; color:#333;background: #F1F1F1;min-width:1200px;}
body.help,body.fixedPage { background: #fff;}
.innerWrap{ width:1200px; margin:0 auto; clear:both; min-width: 1200px;}
/* backTop */
*html{ background-image:url(about:blank); background-attachment:fixed;}
#backTop a{width:53px; height:53px; position:fixed; right:0; bottom:50px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt

(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#c4c4c4 url(/images/common/backTop.png) no-repeat center center;}


/* btn css */
.s_btn_tihuan, .s_btn, .dark{ display: inline-block; padding: 0 10px; line-height: 28px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor: pointer; text-align: center;}
.s_btn{ background-color: #ff9900; color: #fff;}
.s_btn_tihuan{-webkit-border-radius: 5px;  border: 1px solid #cfcfcf;}
.dark{ border-color: #cfcfcf;}
.dark:hover{ background-color: #f2f4f6; border-color: #f2f4f6;}
.disabled, .disabled:hover{ background-color: #b5b5b5; border-color: #b5b5b5; cursor: auto;}
.dark cite, .sentPwd cite.s{ display: inline-block; background: url("/images/common/n_load.gif") no-repeat 0 center; padding-left: 20px;}

/* blue */
.blue{ color: #4f9dfe; cursor: pointer;}
.blue:hover{ text-decoration: underline;}
.s_blue{ color: #4f9dfe; text-decoration: underline; cursor: pointer;}


/*msgbox*/
.alert_msg{ position:absolute; line-height:20px; padding:5px 10px;  font-size:14px; border-radius:5px; z-index:999 }
.alert_msg span{ color:#b94a48; font-weight:600; margin-right:5px}
.alert_msg .e_close{ display:block; float:right; width:12px; height:16px; margin-left:10px; background:url('http://res.abaobao.net/community/images/main.gif') -14px -243px;}
._msg_err{border:1px solid #ebc9ce; background-color:#f2dede; color:#b94a48;}
._msg_err span{ color:#b94a48}
._msg_suc{border:1px solid #cfe6bd; background-color:#dff0d8; color:#468847;}
._msg_suc span{ color:#468847}


/* dialog */
.dialog{ }
.dialogMask{ width: 100%; height: 100%; position: fixed; _position:absolute; left: 0; top: 0; background-color: #000; filter:alpha(opacity=50); opacity: 0.5; z-index: 10;}
.dialogArea{ position: fixed; _position:absolute; left: 50%; top: 50%; z-index: 10;}
.dialogTitle{ background-color: #ededed; position: relative;}
.dialogTitle h3{ font-size: 14px; font-weight: normal;color: #000; padding-left: 15px; font-family: "Microsoft YaHei"; color: #333}
.dialogTitle span{ width: 28px; background: url("/images/dialog/dialog.png") no-repeat 0 center; _background-image: url("/images/dialog/dialog_8.png"); position: absolute; top: 0; right: 15px; cursor: pointer;}
.dialogTitle span:hover{ background-position: -79px center;}
.dialogCon{ background-color: #fff;}
.dialog .btnArea{ margin-top: 20px; text-align: right;}
.dialog .btnArea .nomar{ margin-left: 0;}
.dialog .s_btn, .dialog .dark, .dialog .s_btn_tihuan{ line-height: 40px; font-size: 14px; width: auto !important; width: 80px; min-width: 80px; margin-left: 10px;}
.dialog .txt{ border: 1px solid #ededed; height: 38px; line-height: 38px; font-size: 14px; padding: 0 8px;}
.dialog .focus{ border-color: #f7aa2d;}
.dialog .txtCon{ line-height: 2.0; padding: 0 20px;}
.dialog .tip, .dialog .err{ color:#f00;}
.dialog em.s{ color:#f7aa2d; padding:0 5px;}

/* error tip */
.errTip{ background: url("/images/common/sp_icon.png") no-repeat; padding-left: 20px;}


/* form */
.fBox,.gBox{ padding:30px 0 0 25px;}
.fBox li,.gBox li{ margin-bottom: 25px; overflow: hidden; zoom:1;}
.fBox span,.gBox span{ float: left; width:72px; text-align: right; line-height: 25px; font-size: 14px; color: #000;}
.fBox .filed{ margin-left: 96px;}
.fBox .test_input, .fBox .checkSchool,.gBox .test_input{ border: 1px solid #ccc; width: 316px; height: 25px; line-height: 25px; padding: 0 5px; font-size: 14px; color: #abadb3;}
.fBox .address{ margin-top: 12px;}
.fBox .focus, .fBox .focus .test_input, .fBox .focus textarea,.gBox .focus,.gBox .focus .test_input{ color: #333; border-color: #f7aa2d;}
.fBox select{ color: #000; border: 1px solid #abadb3; width:95px;}
.fBox select.s{ width: 130px;}
.fBox label{ padding-right: 65px;}
.fBox label input{ margin: -1px 3px 0 0;}
.fBox .submit, .gBox .submit{ display: inline-block; height:40px; background-color: #f7aa2d; padding: 0 15px; text-align:center; color: #fff; font: 24px/40px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; cursor: pointer; -moz-border-

radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow:visible;}
.fBox .submit:hover, .gBox .submit:hover{background-color: #eb9c1b;}
.fBox .tip{ font-size: 14px; color: #000; padding-left: 36px;}
.fBox .err .tip{background: url(/images/passport/sp_passport.png) no-repeat 14px -954px; font-family:\5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.fBox .rule{font-size: 14px; color: #000; padding-left:15px;}
.fBox p.s{ padding-top:12px;}


/*
 * web guide
*/
.guideMark{ width: 100%; height: 100%; position: fixed; _position:absolute; left: 0; top: 0; z-index: 1; background-color: #000; filter:alpha(opacity=65); opacity: 0.65;}
.guideCon{ position: fixed; _position:absolute;  z-index: 2;}
/* passport guide */
.g_passport{ width:100%; left: 0; top: 0;  top: 0;}
.g_passportClose{ width: 64px; height: 53px; position: absolute; background: url("/images/guide/pClose.png") no-repeat right 0; _background-image: url("/images/guide/pClose_8.png"); right: 0; top: 0; cursor: pointer;}
.g_passportCon{ width: 555px; height: 380px; position: absolute; background: url("/images/guide/passport1.png") no-repeat right 0; _background-image: url("/images/guide/passport1_8.png");  top: 0;}
.g_passportCon .iKnow{ display: block; width:140px; height: 75px; margin:304px 0 0 414px; cursor: pointer; }
.g_passportBtn{ position: relative; z-index: 2; }
.guideLoad p{width:100px; height: 100px; margin: -50px 0 0 -50px; background: url("/images/guide/load.gif") no-repeat; position: fixed; _position:absolute; left: 50%; top: 50%; z-index:2;}


/** page **/
.page{ font-size:12px; color:#808080; padding:0 10px;}
.page dfn{ padding:0 4px;}
.page a{ display: inline-block; padding: 0 5px; line-height: 18px; border:1px solid #cfcfcf; cursor: pointer; font-size:14px; margin-left:4px; background-color:#fff; border-color:#cfcfcf;}
.page a.cur{ background-color:#f7aa2d; border-color:#f7aa2d; color:#fff;}
.page .first, .page .last, .page .prev, .page .next{ display:inline-block; width:9px; height:18px; background:url(/images/common/page.png) no-repeat; vertical-align:middle;}
.page .first{ background-position:0 -87px;}
.page .last{ background-position:0 -57px;}
.page .prev{ background-position:0 -28px;} 
.page .next{ background-position:0 2px;}
.tPage{ padding: 15px; background-color: #f2f4f6;}

/** radioModel **/
.radioModel label{ display:inline-block; border:1px solid #ccc;line-height: 25px;  padding: 0 5px; cursor: pointer; margin:10px 10px 0 0; position: relative;}
.radioModel label.sel{ border-color: #ef632c;}
.radioModel input{ filter:alpha(opacity=0); opacity:0; position: absolute; left: 0; top:0;}

/** tabTitle **/
.tabTitle{ border-bottom: 3px solid #f7aa2d; position: relative;}
.tabTitle span{ display: inline-block; line-height: 32px; padding: 0 20px; font-size: 14px; border:1px solid #cfcfcf; border-bottom: 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; 

cursor:pointer;}
.tabTitle span.sel{ background-color: #f7aa2d; border-color: #f7aa2d; color: #fff;}
.tabTitle em{ padding-top: 3px;}
.tabTitle span.sel a{ color:#fff;}


/* hd */
/*
.hd{ background: url("/images/passport/h_line.png") repeat-x 0 bottom; height: 60px; border-bottom:1px solid #d1d1d1; box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
.hdBg{background-image: url(/images/common/hdline.png); background-color:#fefefe; border-bottom: 0; box-shadow: none;}
*/
.hdFixed, .hdBg { background: url("/images/passport/new/h_line.png") repeat-x 0 bottom; background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2); position: relative;}
.logo { margin-top: -3px; background: url('/images/common/logo.png') no-repeat left; _background: url('/images/common/logo_ie6.jpg') no-repeat left; width: 166px; height: 60px; float: left;}
.moreSet{ padding-top:20px; width:45px;}
.moreSet .relative{ z-index:2;}
.moreSet span, .moreSet a, .joinstudent{ display: inline-block; background: url("/images/common/sideNav.png") no-repeat;}
.moreSet span{ font: 16px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; background-position: right -994px; padding-right: 12px; cursor: pointer;}
.moreSet ul{ width: 145px; background: url("/images/common/sideNav.png") no-repeat 110px -1034px;  padding-top: 12px; position: absolute; right: 0; top: 20px; _top:19px; zoom:1; z-index: 400; overflow:hidden;}
.moreSet a{width: 100%; line-height:40px; background-color: #dbdbdb; color: #000; border-bottom: 1px solid #fff; padding-left: 32px;}
.moreSet a.download{ background-position: 6px -1052px;}
.moreSet a.logout{ background-position: 6px -1093px;}
.moreSet a:hover{ background-color: #b5b5b5;}

/* bd */
.bd{ padding:20px 0;}
.fixedPage .bd{ padding: 100px 0 30px;}

/* ft */
.ft{ padding: 20px 0 25px;}
.ft p.s{ margin-top: 8px;}
.ft a{ padding: 0 7px;}
.ft a:hover{ text-decoration:underline}


/* s_nav
 * passport
 * about
 * forget
*/
.s_nav{ font-size: 14px; color: #5b5b5b;}
.s_nav a{display: inline-block; padding: 0 14px; line-height: 60px;}
.s_nav a.btn_login, .s_nav a.btn_register{ background-color: #f7aa2d; padding:0 16px; line-height: 24px; font-size: 15px; color: #fff; border:1px solid #f7aa2d; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;}
.s_nav a.sel{ color: #f7aa2d;}
.s_nav a.btn_register{ background-color: #fff; border-color:#b5b5b5; color: #808080; margin-left: 5px;}


/**
 * passport -- index
*/
.passportPage .bd{ background: url("/images/passport/p_bg.jpg") no-repeat center 0;}
.forAbb{ height: 516px;}
.forAbbCon{ padding-top: 80px; font-family:  \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.forAbbCon h2{ font-size:40px; font-weight: normal; color: #2f2f2f; line-height: 1.3;}
.forAbbCon p{ font-size: 24px; color: #da682b; line-height: 1.4; margin: 27px 0 12px;}
.forAbbCon a{ display: inline-block; font-size: 30px; color: #fff; width: 220px; line-height: 65px; padding-left: 30px; background:url("/images/passport/sp_passport.png") no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; 

border-radius: 5px;}
.forAbbCon a.apply{ background-color: #EF632C; background-position: 185px -793px; margin-bottom: 10px;}
.forAbbCon a.app{ background-color: #61bb35; background-position: 185px -872px;}
.forAbbCon a:hover{ opacity: 0.85; filter:alpha(opacity=85);}

.loginPage .bd{ background-color: #ebebeb;}
.passport{ min-height: auto !important; height: 800px; min-height: 800px; font-family:  \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.p_form{ width: 290px; background: url("/images/passport/pBg.png") no-repeat 150px 0; padding:60px 0 120px 390px;}
.p_form li{ margin-bottom: 14px; color: #8f8f8f; position:relative; zoom:1; overflow: hidden;}
.p_form input.txt{ border: 0; border:1px solid #bebebe; width:270px; padding:0 9px; height: 46px; line-height: 46px; font-size:12px; color: #8f8f8f; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; -moz-box-

shadow: 0 2px 4px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1) inset; box-shadow: 0 2px 4px rgba(0,0,0,0.1) inset;}
.p_form input.check{ margin:-1px 3px 0 0; vertical-align: middle;}
.p_form a{ color: #8f8f8f;}
.p_form input.submit{ width: 290px; height: 48px; border: 0; background-color: #f7aa2d; font: 24px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #fff; cursor: pointer; letter-spacing: 20px; text-indent: 20px; *text-indent: 0;  

_line-height: 50px; overflow: hidden; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;}
.passport p{ font-size: 22px; color: #959595; padding-left: 325px; -moz-text-shadow: 1px 2px 1px #fff; -webkit-text-shadow: 1px 2px 1px #fff; text-shadow: 1px 2px 1px #fff;}

.p_form .tips{ width:270px; height: 48px; line-height:48px;  _line-height: 54px; overflow: hidden; padding:0 9px; position:absolute; left:0px; top:0; zoom:1; font-size:12px; color:#ccc;}
.login_error{ color:#f00;}


.aboutCon{}
.aboutCon h2.t{ height: 38px; border-bottom: 1px solid #d0d0d0; margin:24px 0 54px; position: relative; zoom:1;}
.aboutCon h2.t span{ font: 32px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #555; background-color: #fff; padding: 0 15px; position: absolute; top:18px; left: 400px;}
.a_summary h4{ font:normal 35px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #000; margin-bottom:20px;}
.a_summary p{ font-size: 16px;  line-height: 2.0;}
.videoPlay{ padding-top:50px; }
.videoPlay span{ display:inline-block; font-size:18px; color:#000;}
.videoPlay span.s{padding-left:14px;}
.videoPlay embed{ margin-top:5px;}

.a_con h2.t span{ left: 320px;}
.a_con div{ border-bottom: 1px solid #ededed;}
.a_con h3{ font:45px/1.2 \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; padding: 8px 5px 40px 0;}
.a_con p{ font-size: 16px; line-height: 1.7; padding-left:5px; margin-bottom: 18px;}
.a_con h3{ background: url("/images/passport/sp_passport.png") no-repeat;}
.a_cOne{ background:url("/images/passport/img1.jpg") no-repeat; padding:73px 0 0 864px; height: 560px;}
.a_cTwo{ background:url("/images/passport/img2.jpg") no-repeat right 0; padding-top:75px; height: 534px;}
.a_cThree{ background:url("/images/passport/img3.jpg") no-repeat 0 bottom; padding:75px 0 0 870px; height: 550px;}
.a_con .a_cFour{ background:url("/images/passport/img4.jpg") no-repeat right 100px; padding-top:72px; height: 426px; border-bottom: 0;}
.a_cOne h3{ background-position: 0 -627px; }
.a_cOne p{ padding-left:32px;}
.a_cTwo h3{ background-position: 208px -131px;}
.a_cThree h3{ background-position: 0 -297px;}
.a_cFour h3{ background-position: 265px -460px;}

.a_cOne em.tip{ color: #ff9f02;}
.a_cOne em.audio{ color: #36c29d;}
.a_cOne em.img{ color: #3ca2e6;}
.a_cOne em.video{ color: #050505;}
.a_cFour p.s{ margin-right: 55px;}

.usersArea h2.t span{ left: 416px;}
.users{ padding-top:10px;}
.users img{ margin: 0 27px;}
.userList{ padding-top: 40px;}
.userList li{ float: left; width: 330px; height: 250px;}
.userList div.one{ padding:0 35px 0 5px;}
.userList div.two{ border-left:1px solid #dedede; border-right:1px solid #dedede; padding:0 30px 30px;}
.userList div.three{ padding:0 15px 0 30px;}
.userList p{ line-height: 1.9;}
.userList p.s{ height: 175px;}

.mediaReport h2.t span{ left: 384px;}
.reportList{ padding:20px 0 30px;}
.reportList a{ display: inline-block; background: url("/images/passport/report.png") no-repeat; height: 38px; margin: 0 30px; line-height: 120px; font-size: 0; overflow: hidden;}
.reportList a.one{ background-position: 0 0; width: 120px;}
.reportList a.two{ background-position: -178px 0; width: 111px;}
.reportList a.three{ background-position: -350px 0; width: 113px;}
.reportList a.four{ background-position: -518px 0; width: 124px;}
.reportList a.five{ background-position: -692px 0; width: 123px;}

.videoPlay{height:368px;}
.videoview img{ width:600px; height:338px}
.videoinf{margin-top:10px}
.videoinf div{font-size:16px; line-height:30px; color:#000}
.videoinf span{width:10px; height:10px; background-color:#a4a4a4; border-radius:5px; margin-left:5px}
.videoinf span.selIn{background-color:#f7aa2d}

/**
 * apply
*/
.applyArea{ padding-left:60px; font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; font-size: 14px; color: #000; min-height: auto !important; height: 800px; min-height: 800px;}
.applyArea h2{ font-size: 24px; font-weight: normal; color: #606060; margin-bottom: 24px;}
.applyArea p.s{ padding:0 0 8px 25px; line-height: 1.7;}
.applyArea p a{ color: #00f; text-decoration:underline;}
.test_form, .registerForm, .joinSchool .fBox{ background: url("/images/passport/p_line.png") no-repeat 109px 0;}
.test_form p{ margin-left: 96px;}
.applysubmit{ border: 0; background-color: #f7aa2d; width: 103px; height: 40px; line-height: 40px; text-align:center; color: #fff; font-size: 24px; font-weight: bold; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; 

border-radius: 2px;}
#applyErr{ color:#f00; padding-left:10px; display:inline-block; line-height:40px; vertical-align:top;}

/* 
 * user head  
 * img radius
 * dom radius
*/
.addInfo .r_head img, .parentInfo img, .teachInfo img, .idList img, .m_appWrap .head img{ background-color:#efefef; border:1px solid #d1d1d1; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.infoList .r_head img, .commentList img, .contactList img, .setData, .dataList img, .setInfo img{ background-color:#efefef; border:1px solid #d1d1d1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.parentInfo a:hover img, .idList a:hover img, .r_head a:hover img, .commentList a:hover img, .contactList a:hover img, .b_head img:hover{ opacity:0.4; filter:alpha(opacity=40);}


/**
 * chooseId
*/
.bodyBg{ background:#fff;}
.bodyBg .bd{ padding-top:20px;}
.chooseId{ border:1px solid #dbdbdb; padding:57px 70px; height:auto !important; height:600px; min-height:600px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.chooseId h3{ border-bottom:1px solid #e9e8e8; font:normal 26px \5FAE\8F6F\96C5\9ED1; padding-bottom:23px;}
.idList{ padding:36px 0 0 340px;} 
.idList li{ margin-bottom:44px; font-family:\5FAE\8F6F\96C5\9ED1;}
.idList img{ vertical-align:middle;} 
.idList span{ font-size:20px; color:#999; padding-left:20px;}

.chooseId .setInfo{ padding-left:290px;}
.chooseId .setInfo a.s_btn em{ width:110px;}
.chooseId .setInfo a.ws_btn em{ width:140px;}

/**
 *  register
*/
.registerForm cite{ display: inline-block; padding-top: 10px;}
.registerForm dfn{color: #5b5b5b; }
.registerForm dfn.code{ display: inline-block; line-height: 27px; padding:0 10px; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 28px; cursor: pointer;}
.registerForm dfn a{ color: #f7aa2d;}
.registerForm em.t{ color:#f00; padding:0 5px;}
.registerForm dfn.disabled{ background-color:#f2f4f6;}

.completeArea{ padding-top: 95px;}
.completeArea .success{ background: url("/images/passport/registerbg.png") no-repeat center 0; padding: 338px 0 85px;}
.completeArea a{ display: inline-block; font: 24px/96px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; background:#4abdd2 url(/images/passport/sp_passport.png) no-repeat 32px -1004px; color: #fff; width: 210px; text-align: center; padding-

left:110px;}
.completeArea a.create{ background-position: 32px -1104px; background-color: #f7aa2d; margin:0 15px;}
.completeArea a.back{ background-position: 32px -1204px; background-color: #e595b2;}
.registerSubmit{ padding-top:0;}

/**
 *  forget
*/
.forgetArea{ padding:0 60px 30px; height:auto !important; height:800px; min-height:800px;}
.forgetArea .back{ color:#00a8ff; font-size:14px; line-height:20px;}
.f_conWrap{ border:1px solid #d0cfcf; padding:35px; margin-top:5px;}
.f_conWrap h2{ font-size:18px; font-weight:normal; color:#010101; padding-bottom:8px;}

.f_con{ border-top:1px solid #d0cfcf; border-bottom:1px solid #d0cfcf; padding:20px 0 40px;}
.f_step span{ display:inline-block; margin-right:6px;}
.f_step em{ display:inline-block; width:114px; background:url(/images/passport/step.png) no-repeat; font:14px/31px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#fff; padding-left:40px;}
.f_step .e1{ background-position:0 0;}
.f_step .e2{ background-position:-161px 0;}
.f_step .e3{ background-position:-321px 0;}
.f_step .e4{ background-position:-482px 0;}
.f_step .sel .e1{ background-position:0 -33px;}
.f_step .sel .e2{ background-position:-161px -33px;}
.f_step .sel .e3{ background-position:-321px -33px;}
.f_step .sel .e4{ background-position:-482px -33px;}
.f_desc{ color:#666; line-height:1.8; margin-top:20px;}

.forgetInfo{ padding:65px 0 20px 65px;}
.forgetList li{ overflow:hidden; zoom:1; padding-bottom:20px; color:#666;}
.forgetList em.s{ float:left; width:100px; text-align:right; line-height:24px; font-size:14px;}
.forgetList div.s{ margin-left:105px;}
.forgetList .msg{ font-size:14px; color:#f00; padding-left:10px;}
.forgetList input.text{ border:1px solid #ddd; width:180px; height:24px; line-height:24px; color:#999; padding-left:8px;}
.forgetList input.num{ width:120px;}
.forgetList .btn{ width:85px; height:28px; line-height:28px; border:0px; background-color:#f7aa2d; font-size:14px; color:#fff;  border-radius:3px; cursor:pointer; overflow:visible;}

.f_tip{ width:450px; background-color:#fff7e5; border:1px solid #ffe2a3; border-radius:4px; padding:15px 30px;}
.f_tip p{ background:url("/images/passport/tip.png") no-repeat 0 4px; font-size:14px; color:#010101; padding-left:30px; line-height:2.0;}
.f_result .f_tip{ font-size:14px; color:#010101; text-align:center;}
.f_tip .success, .f_tip .fail{ background:url("/images/passport/tip.png") no-repeat 120px -94px; font-size:24px; color:#f00; margin-bottom:12px;}
.f_tip a{ color:#00a8ff;}
.forgetList .f_tip{ margin-bottom:20px;}
.f_tip .fail{ background-position:55px 6px;}

.selfun dd,.selfun dt{ margin-bottom:15px}
.selfun input{ width:110px; height:26px; border:0px; background-color:#f7aa2d; color:#fff; border-radius:3px;cursor:pointer;}
.selfun dt{ color:#888}
.tbx{ height:18px}


/**
 * help / about
*/
.aboutArea{ padding-bottom: 30px; height:auto !important; height:800px; min-height:800px;}
.a_demo{ margin-bottom: 38px;}
.a_demo h3.t{ font:24px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #f7aa2d; border-bottom: 1px solid #ededed; padding-bottom: 3px; margin-bottom: 15px;}
.a_demo h3.t a{ float: right; color: #f7aa2d; font-size: 12px; padding: 14px 5px 0 0;}
.a_detail{ line-height: 1.8; font-size: 14px; color: #676767;}
.a_detail p{ margin-bottom: 27px;}
.a_detail h3{ color: #515151;}
.company a{ color: #1f52a1; text-decoration: underline;}

/* join */
.a_join{ background: url("/images/about/img4.jpg") no-repeat; height: 328px;}
.a_join p{ font-size: 14px; color: #000; line-height: 1.7; text-align: center; padding-top: 265px;}
.a_join a{ color: #00c0ff;}

/* service */
.serviceArea p{ margin-bottom: 10px;}

/* contact */
.contactArea p{ margin-bottom: 0;}
.contactArea a{ color: #03b5ff;}

/* trade */
.openInfo{ background: url("/images/about/img3.png") no-repeat; height: 326px;}
.openInfo p{ font:24px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #fff; line-height: 80px; padding: 245px 0 0 95px;}
.openInfo em{ padding:0 30px;}
.join{ padding-top: 15px;}
.joinCon{ width: 580px; background: url("/images/about/bg.jpg") no-repeat 335px 45px; padding-top: 10px;}
.joinCon dt{ font-size:16px; font-weight: bold; color: #f7aa2d; margin: 20px 0 5px;}
.toApply{ width: 410px;}
.toApply h3{ font-size:14px; color: #f7aa2d;}
.getId{ border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-size: 12px; font-size: 14px; color: #9b9b9b; margin:5px 0 8px 0;}
.getId td{ border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 6px 8px;}
.getId td.r{ padding-right: 30px;}
.getId textarea{ width: 254px; height: 95px; border:1px solid #e4e4e4; vertical-align: bottom;}
.getId em{ color: #f00; padding-right: 5px;}
.getId input{ width: 244px; height: 25px; line-height: 25px; border: 1px solid #e4e4e4; padding:0 5px;}
.getId select{ width:89px; font-size: 14px;}
.toApply dfn{ display: inline-block; width: 255px; background-color: #f7aa2d; font: 24px/40px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #fff; cursor: pointer; text-align: center; letter-spacing: 10px; text-indent: 10px; *text-

indent: 0; border-radius: 2px;}
.toApply span{ padding-right: 10px; font-size: 12px; color: #f00;}




/*
* app download
*/
.appDownload{ background-color:#dfdfdf}
.appDownload .bd{ background:#fde374 url("/images/app/bg.png") no-repeat center bottom; height: auto !important; height: 780px; min-height: 780px; padding-top:140px;}
.aboutApp{ font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.installation{ width:720px;}
.installation li{ float: left; width:240px; height: 240px; text-align: center;}
.installation li.title{ font-size: 44px; color: #000; line-height: 1.3;}
.installation span, .installation a{ display: inline-block;}
.installation li.one{ background:#46b3e1 url("/images/app/icon1.png") no-repeat center 45px;}
.installation li.two{ background:#EF632C url("/images/app/icon2.png") no-repeat center 45px;}
.installation li.three{ width:480px; background:#fff url("/images/app/icon3.png") no-repeat 180px 26px; filter:alpha(opacity=80); opacity: 0.8; text-align: left; font-size: 14px; color: #575c65;}
.installation li.four{ background:#79df73 url("/images/app/code.png") no-repeat center 30px;}
.installation li.title span{ padding-top: 60px;}
.installation li.one a, .installation li.two a, .installation li.four span{ padding-top: 180px; font-size: 18px; color: #fff;}
.installation li.three div{ padding: 55px 0 0 68px;}
.installation li.three p.t{ font-size: 18px; color: #3d434d; margin-bottom: 55px;}
.installation input{ border: 1px solid #a1a1a1; width: 215px; height: 30px; line-height: 30px; padding: 0 5px; color: #a1a1a1; margin-right: 15px;}
.installation input.focus{ color: #575c65;}
.installation button{ border: 0; background-color: #e84505; border-radius: 1px; width: 96px; height: 32px; font-size: 14px; color: #fff; vertical-align: middle; cursor:pointer;}
.installation button.dark{background-color:#888;}
.installation li.three em{ font-size: 12px; color: #f00; padding-left: 74px;}
.installation li.three p.s{ margin: 5px 0;}

.sentSms{ width:240px; height: 480px; background:#fff5d6 url("/images/app/icon4.png") no-repeat center 165px; filter:alpha(opacity=80); opacity: 0.8; font-size: 14px; color: #707070;}
.sentSms p{ font-size: 18px; color: #3d434d; padding: 100px 0 175px;}
.sentSms em{ color: #f7aa2d;}

.downloadTip{ color: #4c4c4c; margin-top: 30px;}
.downloadTip a{ color: #0039B9; text-decoration: underline;}
.appFt{ color: #4c4c4c; line-height: 1.5; background-color:#dfdfdf; padding: 20px 0;}
.appFt a{ color: #4c4c4c; padding: 0 7px;}

.appStep .bd{ padding:0 0 100px;}
.appStepTit{text-align: center; padding-top: 35px; font: 30px/1.0 \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#666;}
.appNav{ border-bottom:1px solid #ededed; margin: 35px 0 20px; padding-bottom: 5px;}
.appNav a{ display:inline-block; width:76px; height: 20px; text-align:center; font-size:14px; font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#515151; cursor:pointer; margin-right:24px;}
.appNav a:hover, .appNav a.sel{ color:#f7aa2d;}
.appNav cite{ width:76px; height:7px; background:url("/images/app/arrow.png") no-repeat; position:absolute; top:20px; left:0;}

.appStepCon li{ float: left; width: 495px; text-align: center; font-size: 14px; color: #515151; line-height: 1.9; padding-bottom: 32px;}
.appStepCon p{ margin-top: 17px; height: 55px;}
.appStepCon em{ color: #f7aa2d;}
.appStepTip{ color: #8e8e8e;}
.appStepTip em{ padding-top: 8px;}
.appStepCon img, .appStepTip img{ vertical-align: middle;}
.appStepTip p{ margin-left: 62px; line-height: 2.0;}
.appStepTip p.s{ margin-top: 20px;} 






/**
 * page
 * hd
 * left nav
*/
.minHeight{ height:auto !important; height:800px; min-height:800px;}
.bLeft{ width:179px; background: #fff; border-right: solid 1px #e1e1e1;}
.bLeftArea{ position:relative;}
.bLeftArea h3.t{  margin-top: 15px; font-size:12px; font-weight: normal; color: #000;}
.bLeftArea h3.t a.school{ display:inline-block; width: 100%; line-height:32px; font-weight:normal; text-align: center; background-color: #f7aa2d; color:#fff;}
.bLeftArea h3.t span{ padding: 0 10px;}
.bLeftArea h3.t .s_btn{ margin-left:10px;}

.bRight{ width:1020px; background:#fff;}
.bRightArea{ height:auto !important; height:1000px; min-height:1000px;}
.i_conArea{ padding: 20px; height:auto !important; height:1000px; min-height:1000px;}
.st_bRightArea .infoArea{ padding-left:25px;}
.st_bRightArea .i_conArea{ border-right:0; background:none; padding:0 0 30px 0;}

/* left menu */
.authorArea{ padding:20px 0; color:#fff; text-align:center; border-radius:3px 0 0 3px;}
.authorArea img { border-radius:5px; border:solid 3px rgba(255,255,255,0.7); box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.authorArea span{ display: inline-block; vertical-align: top; padding: 10px 0 0 5px;}
.authorArea .name{ font:16px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; display:inline-block; width:166px; height:22px; overflow:hidden;}
.authorArea em{ color: #b5b5b5; line-height: 1.5;}
.menu{  font-size:14px;}
.secondMenu{ margin-top:20px;}
.threeMenu{ margin-top:20px;}
.menu a{ display:block; height:40px; line-height:40px; margin-top: 10px; padding-right:20px;}


.menu li.s{ padding:10px 10px 10px 14px; overflow:hidden; zoom:1;}
.menu li.s img{ border:1px solid #d1d1d1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-right:5px; vertical-align:middle;}
.menu .userName{ font-size:12px; font-weight:bold; color:#9e9e9e;}
.menu .current a { background:#FFF; color:#1659BD; font-weight:bold;}
.menu a.fr{ line-height:27px; color:#9e9e9e;}

.menu{ border-left:0; font-size:14px; margin-bottom: 10px;}

.menuList{}
.menu a.s{ display:block; height:40px; line-height:40px; background:url(/images/common/sideNav.png) no-repeat; padding-left:66px; color: #888;}
.menu a.czjl{ background-position:22px 3px;}
.menu a.bjxc{ background-position:22px -77px;}
.menu a.hdxx{ background-position:22px -36px;}
.menu a.bbsp{ background-position:22px -117px;}
.menu a.txl{ background-position:22px -158px;}
.menu a.dkkq{ background-position:22px -212px;}
.menu a.ttcp{ background-position:22px -255px;}
.menu a.zjh { background-position: 22px -1172px;}
.menu a.tel{ background-position:22px -350px;}
.menu a.gl{ background-position:22px -293px;}
.menu a.qygt{ background-position:22px -1203px;}
.menu a.yzb{ background-position:22px -1232px;}
.menu a.help{ background-position:22px -389px;}
.menu a.set{ background-position:22px -429px;}
.menu a.gg { background-position: 22px -1329px;}
.menu a.gg:hover { background-position: 22px -1372px;}
.menu li.current a.s, .menu a.s:hover{ background-color:#4abdd2; color:#fff; zoom:1;}
.secondMenu li.current a.s, .secondMenu a.s:hover{ background-color:#f7aa2d;}
.threeMenu li.current a.s, .threeMenu a.s:hover{ background-color:#e596b3;}
.menu li.current a.czjl, .menu a.czjl:hover{ background-position:22px -497px;}
.menu li.current a.bjxc, .menu a.bjxc:hover{ background-position:22px -577px;}
.menu li.current a.hdxx, .menu a.hdxx:hover{ background-position:22px -536px;}
.menu li.current a.bbsp, .menu a.bbsp:hover{ background-position:22px -617px;}
.menu li.current a.txl, .menu a.txl:hover{ background-position:22px -658px;}
.menu li.current a.dkkq, .menu a.dkkq:hover{ background-position:22px -712px;}
.menu li.current a.ttcp, .menu a.ttcp:hover{ background-position:22px -755px;}
.menu li.current a.tel, .menu a.tel:hover{ background-position:22px -850px;}
.menu li.current a.gl, .menu a.gl:hover{ background-position:22px -793px;}
.menu li.current a.help, .menu a.help:hover{ background-position:22px -889px;}
.menu li.current a.set, .menu a.set:hover{ background-position:22px -929px;}
.menu li.current a.zjh, .menu a.zjh:hover{ background-position:22px -1138px;}
.menu li.current a.qygt, .menu a.qygt:hover{ background-position:22px -1264px;}
.menu li.current a.yzb, .menu a.yzb:hover{ background-position:22px -1293px;}


#Submit { overflow:hidden;}

/* nav */
.navTabs, .location{ border-bottom:1px solid #ededed; padding-bottom: 6px; overflow:hidden;}
.navTabs li{ float:left; width:96px; height:22px; display:inline; margin-right:10px; text-align:center; overflow:hidden;}
.navTabs a.s{ font:16px/normal  \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#000; cursor:pointer; }
.navTabs a.s:hover, .navTabs a.sel{ color:#f7aa2d;}
.navTabs cite{ width:96px; height:6px; background:url("/images/common/nav_arrow.png") no-repeat center 0; position:absolute; top:22px; left:0;}
.navTabs .fr{ padding-top: 5px;}
.navTabs .blue, .location a:hover{ color: #4f9dfe; cursor: pointer;}
.navTabs .blue:hover{ text-decoration: underline;}
.location{ font:16px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#000; padding-left:5px;}
.location .back{ float: right; font:12px/normal \65B0\5B8B\4F53,arial; color: #808080; padding-top: 6px;}
.location em{ color: #808080;}
.location .errTip{ font-size: 12px; color: #f00; padding-top: 4px; background-position: 0 4px;}
.s_location{ line-height:28px; overflow:hidden;}
.s_location .back{ line-height:28px; padding-top:0; margin-left:5px;}
.s_location .back:hover{ color:#808080;}

/*** join school ***/
.joinSchool{ padding-top: 15px;}
.joinSchool select{ margin-top: 5px;}
.joinSchool select.w{ width: 326px;}
.joinSchool textarea{ border: 1px solid #ccc; width: 326px; height: 126px;}
.joinSchool label{ padding-right: 35px; line-height: 2.0}
.joinSchool cite{ display: inline-block; padding-top: 2px;}
.joinSchool dfn.s{ color: #000;}
.joinSchool .checkSchool{ width:150px;}
.joinSchool .check{ display: inline-block; line-height: 25px; padding:0 10px; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 10px; cursor: pointer;}
.joinSchool .dark{ background-color:#fff; color:#808080;}
.joinSchool .dark:hover{ background-color: #f2f4f6; border-color: #f2f4f6;}
.cancelApply{ width:300px;}
.joinSchool .setUserName{ background: none; border-bottom: 1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.setUserName li{ margin-bottom: 10px;}
.setUserName .s_btn{ margin-right: 10px;}
.setUserName div.s{ font-size: 14px; padding: 5px 0;}
.setUserName .blue{ padding-left: 20px;}
.setUserName .dHide{ display:none;}
   

.createSchool .fBox{ background-position: 150px 0;}
.createSchool span{ width: 115px;}
.createSchool .filed{ margin-left: 138px;}
.createSchool dfn{ display: inline-block;}
.createSchool em.s{ display: inline-block; padding:5px 0 0 16px; color: #808080;}
.createSchool .test_input{ font-size: 12px;}
.createSchool .stip{ vertical-align: bottom;}
.createSchool .upload{ display: inline-block; width:140px; line-height: 27px; text-align:center; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 28px; cursor: pointer;}
.createSchool input.file{width:140px; filter:alpha(opacity=0);opacity:0; cursor:pointer; overflow:hidden;position:absolute; left:0; top:6px;}
.createSchool li.s{ margin-bottom: 12px;}
.createSchool .address{ margin-top: 0;}


/**
 * account
*/
.setCon{  color:#8d8d8d; padding:0 10px;}
.setList li{ padding-bottom:7px; margin-bottom: 40px; border-bottom:1px solid #ededed; overflow: hidden; zoom: 1;}
.setList li.nobor{ border-bottom:0; padding-top: 0;}
.setList li.head img{  margin: 15px 15px 0 0;}
.setList a.editHead{ vertical-align: bottom; color: #f7aa2d;}
.setList strong{ font-size:14px; font-weight: normal; color:#000;}
.setList a.s{ float: right; color:#4f9dfe; padding-left: 10px;}
.setList a.s:hover{ text-decoration: underline;}
.setList p.no{ margin: 5px 0 0 78px;}
.setList em.s{ padding:0 10px;}

.setInfo{ padding:20px 0 35px;}
.setInfo dd{margin-top:15px; overflow:hidden; zoom:1; }
.setInfo span{ width:62px; font-size: 12px; color: #8d8d8d;}
.setInfo .filed{ margin-left:72px;}
.setInfo .num{ width: 100px;}
.setInfo p.s{ margin-top: 10px;}
.setInfo .code{ display: inline-block; line-height: 28px; padding:0 10px; background-color: #f2f4f6; color: #b5b5b5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 5px; cursor: pointer;}
.setInfo .result{ padding-left:10px; color:#f00;}
.setInfo .true, .setUserName .true{ color:#f7aa2d; margin-right:10px;}

.otherSet{ font:16px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#000; padding-left:5px; border-bottom: 2px solid #b5b5b5;margin-bottom: 25px;padding:25px 0 5px 5px;}
.setSms, .setWebsite dd{ padding-left: 10px;}
.setSms label, .setWebsite label{ padding-right: 12px;}
.setSms label input, .setWebsite label input{ margin-right: 5px;}
.setSms label.s{ padding-left: 25px;}
.setWebsite dd.s{ padding-left: 135px;}
.setWebsite .filed{ margin-left: 0;}

.location .errTip{ padding-left:0;}
.location .errTip em{ display:inline-block; width:20px; height:17px; vertical-align:middle; cursor:pointer;}

.setSelf{}
.setSelf label{ display: inline-block; padding: 6px 15px 0 0;}
.setSelf .sTip{ background: url("/images/common/sp_icon.png") no-repeat 0 -511px; padding:6px 0 0 20px;}
.setSelf .sName{ padding-top:5px;}




/**
 * manage
*/
.editUser .fBox{ background: url("/images/manage/rolebg.jpg") no-repeat right 0;}
.editUser .fBox li,.editUser .gBox li{ margin-bottom: 16px;}
.editUser .fBox p,.editUser .gBox p{ margin-left: 90px;}
.editUser .test_input{ width: 220px; height: 40px; line-height: 40px;}
.editUser .fBox span,.editUser .gBox span{ width: 85px; font:16px/40px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.editUser .fBox label,.editUser .gBox label{ padding-right: 20px; line-height: 2.0;}
.editUser .fBox .submit,.editUser .gBox .submit{ font-size:16px;}
.editUser select{ width:232px;}
.editUser em.s{ display:inline-block; font-size:14px; line-height:1.5;}
.editUser dl{width: 120px; float: left; width: 100px; margin-right: 20px; }
.editUser dd{text-align: center; font-size: 16px; color: #000; line-height:24px; font-family: Microsoft yahei}
.editUser dd em{ font-size:  12px;  float: right; color: #4f9dfe;
text-decoration: underline;
padding: 0 5px;
cursor: pointer;}


.tableData{ border-top:1px solid #dbdbdb;}
.tableData td{ padding:12px 10px; border-bottom:1px solid #dbdbdb;}
.tableData tr.hover{ background-color:#f2f4f6;}
.tableData .dark{ width: 40px; margin-left: 8px;}
.tableData tr.hover .dark, .tableData .dark:hover{ background-color: #fff; border-color: #cfcfcf;}
.tableData p{ line-height: 1.8;}
.tableData em{ color: #000; padding-right:12px;}
.tableData .changeClass{ color: #4f9dfe; cursor: pointer;}
.tableData .changeClass:hover{text-decoration: underline;}

/* tiao ban */
.changeClassArea{ width:700px;}
.changeClassArea .inner{ padding:5px 15px 15px;}
.classesList{ margin-bottom: 30px;}
.classesList label{ display:inline-block; border:1px solid #ccc;line-height: 25px;  padding: 0 5px; cursor: pointer; margin:10px 10px 0 0; position: relative;}
.classesList label.sel{ border-color: #ef632c;}
.classesList input{ filter:alpha(opacity=0); opacity:0; position: absolute; left: 0; top:0;}


/* editArea */
.editArea .relative,.editArea .nobg { float: left;}
.editArea .con{ padding:10px 0; width: 100%;}
.editArea dfn{  display: inline-block; background:#fff url("/images/common/sp_icon.png") no-repeat; cursor: pointer;}
.editArea .add, .editArea .search, .editArea .review{ color: #fff; background-color:#ff9900; height:42px; line-height:42px; display:inline-block; text-align:center; padding:0 20px; cursor:pointer;}
.editArea .search { float: left;}
.editArea .fr span{ overflow:hidden; padding:9px; border:solid 1px #ddd; float:left; margin-left:10px;}
.editArea a.nobg { height:36px; line-height:36px; padding:0 15px; background-color:#ff9900; color:#FFF; margin-right:10px; float:left;}
.editArea .class{ background-position: 8px -193px; padding:0 12px; z-index: 2; height:40px; line-height:40px; border:solid 1px #e1e1e1; margin:0 10px; display:inline-block;}
.editArea .role{ background-position: 10px -240px; padding:0 12px; z-index: 2; height:40px; line-height:40px; border:solid 1px #e1e1e1; margin:0 10px; display:inline-block;}
.editArea .search input{ background:none; width:32px; color:#fff; font-family: \65B0\65B0\5B8B\4F53, Arial, Helvetica, sans-serif; vertical-align:top; cursor:pointer;}
.editArea .review{ background-position: 8px -142px; margin-right: 10px;}
.editArea .add{background-position: 8px -45px;}
.editArea .cart{background-position: 8px -322px; padding-left: 28px;}
.editArea em{ display: inline-block; font-size: 10px; color: #fff; background-color: #f00; vertical-align: top;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 3px; position: absolute; right: 5px; top: -10px;}



.editArea input{ height:40px; line-height:40px\9; padding:0 10px; border:solid 1px #e1e1e1;}
.editArea dfn.s{ background-position:right -287px; padding:0 35px 0 3px; vertical-align: top; overflow:hidden;min-width:100px;}
.jobWrap .editArea dfn.s,.class dfn.s.sw,.role dfn.s { background-position:right -276px;}
.editArea dfn.sw{}
.editArea .date cite{ padding:0 5px; line-height:42px;}
.selectModel{ position:relative; zoom:1; z-index:1;}
.selectList{ width:106px; position: absolute; left: 0; top: 23px; background-color:#fff; border: 1px solid #ddd; padding:5px 0 8px; height:auto !important; height:300px; max-height:300px; overflow-y:auto; z-index:1;}
.selectList li{ padding: 0 8px; cursor: pointer; line-height:25px;}
.selectList li:hover{ background-color:#EEE;}
.s_editArea{ padding: 15px 0;}
.s_editArea a{ margin-right: 0;}
.s_editArea p.t{ line-height: 42px;}
.s_editArea cite.num{ color:#f7aa2d; padding-left:5px;}
.sPage .editArea{ margin-bottom: 6px;}
.editArea a.data{ background:none; border:0; padding:0; position:absolute; right:0; top:70px; zoom:1;}
#skey cite{ position:absolute; left:0; top:0; zoom:1; line-height: 22px; padding:0 10px;}

.showArea{ background-color: #f2f4f6; margin-top: 22px; padding: 24px; zoom:1;}
.showArea span{margin-right: 50px;}

.tableDataList{ border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.tableDataList th, .tableDataList td{ padding:8px 0; border:1px solid #dbdbdb;}
.tableDataList th{ font-size: 14px; font-weight: normal; color: #000; background-color:#f2f4f6;}
.tableDataList th.l{ padding-left: 16px;}
.tableDataList td{ text-align: center;}
.tableDataList td.l{ text-align: left; padding-left: 16px;}
.tableDataList tr.s:hover{ background-color:#f2f4f6;}
.tableDataList a.s, .tableDataList span.s{ color: #4f9dfe; text-decoration: underline; padding: 0 5px; cursor: pointer;}
.tableDataList th.s{ text-align: left; border-left: 0;}
.tableDataList .red{ color:#f00;}
.tableDataList .black{ color:#000;}
.s_tableDataList td{ text-align: left; padding: 15px 10px; font-size: 14px; color: #000;}
.s_tableDataList a{ text-decoration: none; color: #000;}
.s_tableDataList span.t{text-decoration: none; color: #4f9dfe;}
.editAll{ font-size:12px; padding-left: 5px;}
.editAll em{ display: inline-block; line-height: 28px; border: 1px solid #b5b5b5; padding: 0 8px; background-color: #fff; cursor: pointer;}
.editAll em:hover{ background-color: #f2f4f6;}
.editAll a.blue{ text-decoration: none; padding: 8px 10px 0 0;}
.editAll a.blue:hover{ text-decoration: underline;}
.editAll .page{ padding-top:5px;}
.otherManage{ margin:18px 0 0 32px; color: #000;}
.otherManage em{ padding:0 5px;}

/*** sms ***/
.smsTitle{ border-bottom: 3px solid #f7aa2d;}
.smsTitle span{ display: inline-block; line-height: 26px; padding: 0 20px; font-size: 14px; border:1px solid #cfcfcf; border-bottom: 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}
.smsTitle span.sel{ background-color: #f7aa2d; border-color: #f7aa2d; color: #fff;}
.smsTitle em{ padding-top: 3px;}
.fullSms{ width: 600px; background: url("/images/manage/blue_arrow.png") no-repeat center bottom; padding-bottom: 16px; position: absolute;zoom: 1;}
.fullSms div{ background-color: #4f9dfe; padding: 8px 15px; line-height: 1.8; color: #000;}

/* step */
.step{ padding-top: 5px; margin-bottom: 30px;}
.step span{ display: inline-block; width: 247px; position: relative; border-top:5px solid #b5b5b5; text-align: center; padding-top: 15px;}
.step span.sel{ border-color: #3bc4a2;}
.step em{ position: absolute; top:-15px; left: 111px; width: 25px;  font:18px/25px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #fff; text-align: center; background-color: #b5b5b5; -moz-border-radius: 13px; -webkit-border-radius: 

13px; border-radius: 13px;}
.step span.sel em{ background-color:#3bc4a2;}

.packagesList li{ float:left; width: 240px; height: 230px; border:1px solid #fff; text-align:center;}
.packagesList label{  font:18px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; cursor:pointer;}
.packagesList span{ display:block; background: url("/images/manage/smsIcon.png") no-repeat center 30px; padding: 105px 0 50px; font-size: 30px; color: #b5b5b5;}
.packagesList input{ vertical-align:middle; margin:-1px 8px 0 0;}
.packagesList input.s{ width:50px; height: 22px; line-height: 22px; border:1px solid #ccc; margin-top: -4px;}
.packagesList li.sel{ border-color: #ededed;}
.packagesList li.sel span{background-position: center -151px; color: #f7aa2d;}
.smsArea .btnArea{  width:100%; font:18px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #000; padding: 10px 0; border-top:1px solid #d1d1d1; background-color: #f9f9f9; -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.2); -webkit-

box-shadow: 0 -1px 5px rgba(0,0,0,0.2); box-shadow: 0 -1px 5px rgba(0,0,0,0.2); position: fixed; _position: absolute; right: 0; bottom:0; zoom:1; _top:expression(eval(document.documentElement.scrollTop

+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.smsArea .btnArea dfn{ color: #f00;}
.smsArea .s_btn{ font-size: 24px; background-color: #3bc4a2; line-height: 40px; border-color: #3bc4a2; margin-left: 25px;}
.smsArea .dark{font: 14px/40px \65B0\5B8B\4F53,arial; padding: 0 30px;}
.smsArea .s_btn:hover{ background-color: #18ac87; border-color: #18ac87; }
.smsArea #err{ color:#f00; padding-right:20px; font-size:12px;}

.moreEditUser{ background: url("/images/manage/rolebg2.jpg") no-repeat right 0;}
.moreEditUser .fBox{ background:none;}
.moreEditUser .fBox span{ line-height:normal;}
.moreEditUser .fBox p.s{ padding-top:2px;}
.moreEditUser .submit{ border: 0;}
.moreEditUser .tip{ color:#f00;}
.uploadMould{ margin:130px 0 50px;}
.uploadMould a{ font-size:14px; color:#4f9dfe; padding-left:60px;}
.uploadMould a:hover{ text-decoration:underline;}


/* bankList */
.paymentArea{ border:1px solid #ccc; padding:15px 0 0 30px; margin-top: 10px;}
.paymentArea h3{ font-size: 12px;}
.paymentArea h3 em{ font-weight: normal;}
.bankList{ padding-bottom: 50px;}
.bankList li{ float:left; display:inline; margin:20px 38px 0 0;}
.bankList label{ cursor:pointer;}
.bankList span{ display:inline-block; width:180px; height: 51px; border:1px solid #ccc; vertical-align: middle; background: url("/images/common/bank.png") no-repeat;}
.bankList span.zy{ background-position: -2px 0;}
.bankList span.js{ background-position: -190px 0;}
.bankList span.gs{ background-position: -381px 0;}
.bankList span.ny{ background-position: -2px -74px;}
.bankList span.zs{ background-position: -190px -74px;}
.bankList span.pf{ background-position: -2px -144px;}
.bankList span.xy{ background-position: -190px -144px;}
.bankList span.gf{ background-position: -381px -144px;}
.bankList span.ms{ background-position: -2px -218px;}
.bankList span.zx{ background-position: -190px -218px;}
.bankList span.hz{ background-position: -381px -218px;}
.bankList span.sh{ background-position: -2px -286px;}
.bankList span.nb{ background-position: -195px -286px;}
.bankList span.pa{ background-position: -381px -286px;}
.bankList span.bjns{ background-position: -2px -351px;}
.bankList span.fd{ background-position: -190px -351px;}
.bankList span.yz{ background-position: -381px -351px;}
.bankList span.zfb{ background-position: -2px -419px;}
.bankList span.cft{ background-position: -190px -419px;}
.bankList span.yl{ background-position: -381px -419px;}
.bankList span.gd{ background-position: -2px -488px;}

.bankList input{ margin-right: 8px; width:13px; height: 13px;}
.bankList li.dHide{ display: none;}
.bankList li.sel span{ border-color:#f7aa2d;}
.bankList cite{ display: inline-block; background: url("/images/common/bank.png") no-repeat -338px -75px; color: #336799; line-height: 50px; padding-right: 25px; margin-left: 22px; cursor: pointer;}
.bankList cite.up{ background-position: -514px -75px;}

.payInfo{ border:1px solid #ccc; background-color:#f6f6f6; font-size:16px; padding:15px 30px 5px;}
.payInfo p{ margin-bottom:10px;}
.paySuccess, .payFail{background: url("/images/manage/success.jpg") center 0 no-repeat; padding:260px 0 50px 500px; font-size:14px; border: 0;}
.payFail{ background-image: url("/images/manage/fail.jpg");}


/*** video ***/
.videoTitle a{ padding-top: 5px;}
.videoTitle dfn{ padding-left: 20px;}
.vRecord input.s{ width: 152px;}
.vRecord cite.s{ display: inline-block; padding: 0 5px; margin: 0 5px;}

.s_step span{ width: 198px;}
.s_step em{ left: 86px;}
.selUser p{ margin-bottom: 12px; color: #000;}
.selUser p em{ color: #f7aa2d; padding: 0 5px;}
.v_studentList{ margin-bottom:30px;}
.v_studentList dt{ border-bottom: 3px solid #f7aa2d;}
.v_studentList dfn{ display: inline-block; padding: 0 15px; background-color: #f7aa2d; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; font:16px/28px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B

\4F53,arial;  color: #fff;}
.v_studentList em{ float: right; font-size: 14px; cursor: pointer; padding: 7px 5px 0 0;}
.v_studentList dd{ background-color: #f2f4f6; padding:6px 15px 15px 6px;}
.v_studentList span, .p_selUser span{ display: inline-block; padding:0 12px; line-height: 27px; text-align:center; color: #7a7a7a; background-color: #fff; border: 1px solid #ccc; margin:9px 0 0 9px; cursor: pointer;}
.v_studentList span.sel, .p_selUser span{ border-color: #f7aa2d;}

.v_option, .videoArea .agree{font:14px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; }
.v_option{ background: url("/images/manage/video.jpg") no-repeat; height: 240px; margin-bottom: 20px;}
.v_bInner{ padding: 60px 0 0 80px;}
.v_bInner h3{ font-weight: normal;}
.v_bInner p{ padding-left: 30px; margin: 20px 0 15px;}
.v_bInner div{ padding-left: 30px;}
.v_bInner span{ font-size: 18px; color: #000; padding-right:10px;}
.v_price{ font-size: 30px; color: #f00;}
.v_price del{ padding-right: 35px;}
.videoArea .agree{ color: #000;}
.videoArea label{ padding-right: 10px;}
.videoArea input{ vertical-align: middle; margin: 0 5px 0 0;}

.s_btnArea .dark{font:24px/40px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; margin-left: 25px; padding:0 10px;}
.v_stateCon{ padding-top: 15px;}
.v_stateCon em{ background: url("/images/video/arrow.png") no-repeat; width: 29px; height: 15px; position: absolute; top: 3px; right:15px;}
.v_stateCon dl{ border: 1px solid #e4e4e4; padding:10px 15px; color: #7a7a7a; line-height: 1.6;}
.v_stateCon dt{ font-weight: bold; margin-bottom: 2px;}
.v_stateCon span{ display: block; padding-left: 18px;}


/*** review ***/
.completeDialog .reason{width: 395px; height: 100px; border: 1px solid #ededed; margin-top: 10px;}


/*** add role ***/
#addRole .checkClasses{ display:inline-block; width:230px;}


/*
 * dialog
 * manage
 */
/* editDialog */
.editDialog{ width: 380px;}
.editDialog p.s{ padding:15px 0 0 30px;}
.editDialog .txt{ width: 290px;}
.editDialog textarea{ border:1px solid #ededed; width:376px; height:85px;}

/* payTip */
.payTip{ width:400px; padding:20px 0; text-align:center;}
.payTip h3{ font-size:16px; font-weight:normal; padding-bottom:30px;}
.payTip .s_btn em{ width:140px;}
.payTip .nomar{ margin-left:0;}

/* joinDialog */
.joinDialog{ width:200px;}

/* completeDialog */
.completeDialog{ width:400px;}

/* confirmDialog alertDialog */
.confirmDialog, .alertDialog{ width:400px;}
.confirmDialog p, .alertDialog p{ line-height:1.5;}



/**
 * contacts
*/
.contactWrap{ margin-top:15px;}
.contactWrap h3{ font-size:16px; margin-bottom:15px; color:#000;}
.contactWrap p.null{ padding:0 0 5px 15px;}
.contacts .page{ padding: 15px; background-color: #f2f4f6;}
.contactList{ margin-left: -11px; padding-bottom: 5px;}
.contactList li{ float: left; width: 234px; height: 78px; border: 1px solid #dbdbdb; margin: 0 0 11px 11px; display: inline;}
.contactList li.hover{ background-color: #dbdbdb;}
.contactList li.hover a{ color: #4f9dfe;}
.contactList .box{ padding: 15px 0 0 15px; overflow: hidden; zoom:1;}
.contactList img{ float: left;}
.contactList div.s{ margin-left: 60px;}
.contactList p.s{}
.contactList .name{ font:16px/0.8 \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #000; height: 20px; line-height: 20px; width: 159px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contactList a{ color: #000;}
.contactList .tel{ color: #4cbfd3;}
.contactList .send{ position: absolute; right: 15px; top: 23px; zoom:1; background: url("/images/common/sp_icon.png") no-repeat 0 -369px; width: 32px; height: 32px;}
.editArea dfn.w100{ width:100px;}
.editArea dfn.w250{}


/**
 * inter
*/
.editMsgArea{ margin-bottom: 20px;}
.editMsgArea p.t{ font-size: 16px; color: #000;}
.editMsgArea p.t span{ display: inline-block; background: url("/images/inter/inter_icon.png") no-repeat right -200px; color: #4f9dfe; padding:0 10px 0 5px; margin-right:5px;cursor:pointer;}
.editMsgArea .count{ font-size: 12px; padding-top: 2px; color: #808080;}
.editMsgArea p.t a{ padding-left:10px;}

.editMsg{ margin: 10px 0; overflow:hidden; _position:static;}
.editMsg em{}
.editMsg textarea{ border: 1px solid #e1e1e1; border-right: 0; width: 845px; height: 74px; padding: 10px; border-radius:3px 0 0 3px;}
.editMsg span{ width: 94px; font:20px/96px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;} 
.editMsg .s_btn, .editMsg .dark{ border-radius:0 3px 3px 0;}
.editMsg .dark{ background-color:#f2f4f6; border-color:#f2f4f6;}



.editMsgOther { overflow:hidden; height:20px;}
.editMsgOther span { display:inline-block; height:20px; line-height:20px; padding-right:25px; cursor:pointer;}
.editMsgOther .swfUpload,.editMsgOther .addUser { float:left; margin-right:20px;}
.editMsgOther .addUser.fr { float:right; margin-right:0; margin-top:-2px\9; line-height:1.2\9;}

.editMsgOther em, .msgList .sms, .msgList ._sms, .myMsgList .sms, .f_list .sms, .attach em{ background: url(/images/inter/icon2.gif) no-repeat; padding-left: 25px; line-height: 20px; display:inline-block;}
.editMsgOther em { float:left\9; background: url(/images/inter/icon2.gif) no-repeat\9; padding-left:25px\9;}
.editMsgOther em.file, .attach em.file{ background-position:0 -52px; background: url(/images/inter/icon2.gif) 0 -52px no-repeat\9; float:left\9; padding-left:25px\9;}
.editMsgOther em.face{ background-position:0 -103px; background: url(/images/inter/icon2.gif) 0 -103px no-repeat\9; float:left\9; padding-left:25px\9;}
.editMsgOther em.sms, .msgList .sms, .myMsgList .sms, .f_list .sms{ background-position: 0 -158px; background: url(/images/inter/icon2.gif) 0 -158px no-repeat\9; float:left\9; padding-left:25px\9;}
.editMsgOther em.filein{ background-position: 2px -641px;}
.editMsgOther input.file{ width: 73px; cursor: pointer; opacity: 0; overflow: hidden; margin-right:25px;filter:alpha(opacity=0);}
.editMsgOther .tip{ color: #f00;}
.fileWrap {position: absolute; left: 0;top: 0; zoom:1;}
.msgList ._sms{ background-position: 0 -158px;width:15px;height:20px;}
.editMsgOther label{ line-height:20px;}
.editMsgOther label input{ margin-right:3px;}

.msgSmsSet{ border: 1px solid #dbdbdb; margin-top: 10px; overflow:hidden;}
.msgSmsSet h3{ background-color: #f2f4f6; border-bottom: 1px solid #dbdbdb; line-height: 30px; font-weight: normal; font-size: 14px; padding:0 7px 0 15px;}
.msgSmsSet h3 em{ color: #f00;}
.msgSmsSet h3 span{ color: #000;}
.msgSmsSet .close,.msgSmsSet label span{background: url("/images/inter/inter_icon.png") no-repeat right -523px;}
.msgSmsSet .close{ width: 13px; height: 30px;cursor:pointer;}
.msgSmsSet .box{ padding: 15px;}
.msgSmsSet .dark{ margin-left: 3px;}
.msgSmsSet p.s{ color: #000; padding-bottom: 5px; word-break: break-all; word-wrap: break-word;}
.msgSmsSet label.s{ padding-right: 8px; background-color: #f2f4f6;}
.msgSmsSet label span{ display: inline-block; width: 20px; height: 23px; vertical-align:middle; background-position:right -527px;}
.msgSmsSet .btnArea{ margin-top: 10px;}

.msgList{ padding: 5px 0;}
.msgList li{ border-top: 1px solid #ededed; padding: 8px; overflow: hidden;}
.msgList li.nobor{ border-top:0;}
.msgList li:hover{ background-color: #f2f4f6;}
.msgList .box{ margin-left: 62px;}
.msgList .send{font:16px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.msgList .send span{ font-size: 12px; padding-top: 2px;}
.msgList .send .blue{ padding-left: 8px;}
.msgList .send .s{ padding:0 8px 0 0;}
.msgList .con{ line-height: 1.8; color: #000; margin: 5px 0;}
.msgList .clear{ margin-top: 5px;}
.msgList .dark{ margin-left: 10px;}
.msgList li:hover .dark, .msgList li:hover .dark:hover{ background-color: #fff;}

.msgArea .editArea{ margin: 15px 0 0;}
.myMsgList{ padding-bottom: 15px;}
.myMsgList li{ margin-top: 15px; padding: 0 8px;}
.myMsgList .box{ border: 1px solid #cfcfcf; margin: 0 74px; padding: 15px;}
.myMsgList .arrow{ position: absolute; top: -1px; left: -16px; zoom:1; background: url("/images/inter/arrow_msg.png") no-repeat; width: 17px; height: 16px;}
.myMsgList .s_box{ background-color: #f2f4f6;}
.myMsgList .s_box .arrow{ background-image: url("/images/inter/arrow_msg2.png"); left: auto; right: -16px;}
.myMsgList .con{ line-height: 1.8; color: #000; margin: 5px 0;}
.myMsgList p.s{ margin-top: 10px;}

.imgUp, .fileUp{ border: 1px solid #dbdbdb; background-color: #f2f4f6; line-height: 30px; padding: 0 7px 0 15px; margin-top: 10px;}
.imgUp .close, .fileUp .close, .myMsgList li.none .close{ width: 13px; height: 30px;background: url("/images/inter/inter_icon.png") no-repeat right -523px; cursor: pointer;}
.myMsgList li.none .close{ position: absolute; top: 0; right: 5px;}

.msgArea .tableDataList{ margin-top:15px;}
.cursor{ cursor: pointer; }

/*** inter dialog ***/
.attnDialog{ width: 500px;}
.attnDialog .bg{ background: url("/images/inter/arrow_gt.png") no-repeat center 172px; margin-bottom: 22px;}
.attnList p.t, .attnList p.hover em, .attnList li.hover .addAll, .attnList dd, .attnBox .search{ background: url("/images/inter/inter_icon.png") no-repeat; cursor: pointer;}
.attnBox{ width: 224px;}
.attnBox .search{ display:inline-block; border: 1px solid #b5b5b5; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;  background-color: #fff; background-position: 13px -231px; padding:0 12px 0 36px;}
.attnBox .search input{ border: 0; width: 173px; height: 22px; line-height: 22px;}
.attnBox p.s{ color: #000; line-height: 24px;}

.attnList{ height: 320px; background-color: #f2f4f6; font-family:\5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; margin-top: 8px; overflow-y:auto;}
.attnList p.t{ line-height: 32px; background-position: 13px -265px; padding:0 10px 0 32px;}
.attnList p.hover{ background-color: #f7aa2d; background-position: 11px -300px; color: #fff;}
.attnList li.hover .addAll{ position: absolute; right: 10px; top:0; width: 16px; height: 32px; zoom:1; background-position: right -399px;}
.s_attnList p.t{ background-position: 24px -336px; padding-left: 35px;}
.s_attnList p.hover{ background-position: 24px -364px;}
.s_attnList p.hover em{float: right; width: 16px; height: 32px; background-position: right -479px;}
.attnList dl{ padding-left: 32px;}
.attnList dd{ line-height: 22px;background-position: 0 -340px; padding:0 10px;}

.attnDialog label{ font-size: 14px; color: #000;}
.attnDialog label input{ margin-right: 5px;}

.fixedMask{z-index:999; display: block;}
.sms_tips{z-index:1023; width:300px;position:absolute; top:300px; background-color:#ebffd7; padding:5px 26px; border:1px solid #86cd43}
.sms_tips p.tit{text-align:center; font-size:20px; font-weight:600; line-height:40px; color:#269401}
.sms_tips p.con{line-height:22px; color:#000}
.sms_tips p.btn{text-align:center; line-height:50px}
.sms_tips p.btn input{border:0px; background-color:#74bd5c; color:#fff; margin:0px auto; width:86px; height:28px; border-radius:4px}
.no-audio {background: url("/images/common/main.gif") no-repeat -524px -571px;color: #666;padding-left:26px;}




/*** cookbook ***/
.cooks{ margin-bottom: 20px; overflow:hidden;}
.dateInfo{ width: 220px; height: 130px; background-color: #e08d8d; border: 3px solid #e08d8d;}
.dateInfo div{ height: 89px; font:20px/normal \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #fff;}
.dateInfo span{ display: inline-block;}
.dateInfo em{ font-size: 30px;}
.dateInfo dfn{ font-size: 60px; display: inline-block; padding: 0 5px;}
.dateInfo p{ background-color: #fff; height: 39px; line-height:18px; padding:2px 0 0 4px;}
.cookInfo{ height: 104px; border: 1px solid #ededed; padding: 15px; width:722px; overflow:hidden;}
.cookInfo textarea{ width: 723px; height: 102px; line-height: 1.6; border: 1px solid #ededed; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cookInfo textarea:hover{ background-color: #f6f6f6;}
.cookInfo textarea.focus{ border-color: #e3d199; background-color: #fffbee;}
.cookInfo p{ line-height: 1.6;}
.c_tues{ background-color: #efda6f; border-color: #efda6f;}
.c_wednes{ background-color: #65e48c; border-color: #65e48c;}
.c_thurs{ background-color: #eaab7a; border-color: #eaab7a;}
.c_fri{ background-color: #86dfe7; border-color: #86dfe7;}
.c_satur{ background-color: #c5e261; border-color: #c5e261;}
.c_sun{ background-color: #88a7e8; border-color: #88a7e8;}

/** curriculum **/
.cuInfo{  min-height: 104px; border: 1px solid #ededed; padding: 15px; width:722px; overflow:hidden;}
.cuInfo p{ line-height: 1.6;}

/**
 * New CookBook By 2014-12-15.
 */
.cooklhead{margin-top: 20px}
.subMenubtn{height: 38px; line-height: 38px; font-size:20px; font-family: "Microsoft YaHei"; border-radius: 2px }
.cooklhead .tabTitle{ margin-top: 40px}
.cooklhead .tabTitle span{ width: 60px; text-align: center;}
.select{ border: 1px solid #ddd}
.cooklist{ margin: 16px 0px 0px 25px}
.cooklist li{ border-left: 1px solid #f7aa2d; padding-top: 20px; padding-right: }
.cooklist .cdate{ font-size: 20px; color:#f7aa2d; position: relative; left: -6px; line-height: 40px }
.cooklist .ctag{ display: block; background-color: #f7aa2d; background: url("/images/new/cook_tag.jpg") no-repeat; width: 80px; height: 36px; line-height: 18px; padding:2px 0px; padding-left: 20px }
.cooklist .ctag dl{ color: #fff; font-size: 14px; text-align: center; font-family: "Microsoft YaHei"}
.cooklist .cdate,.cooklist .ctag,.cooklist .cwk{ float: left;}
.cooklist .cbox{ width: 580px; border-bottom: 1px solid #efefef}
.cooklist .cbox dt{ width:480px; position:relative; }
.cooklist .cbox dl{ width: 408px; font-family:"Microsoft YaHei"; margin-top: 10px; height: 36px; line-height: 36px; font-size: 14px}
.cooklist .cbox dl.d1{background-color: #ffdbdb; color: #cf6a6a }
.cooklist .cbox dl.d2{background-color: #fff1db; color: #d19c56}
.cooklist .cbox dl.d3{background-color: #d3f0c4; color: #78ad49}
.cooklist .cbox dl.d4{background-color: #f7dbff; color: #c177e0}
.cooklist .cbox dl.d5{background-color: #dbe6ff; color: #769ae3}
.cooklist .cbox dd{ float: left; width: 280px; text-align: center;}
.cooklist .cbox dd.dcls{ width: 128px; color: #fff}
.cooklist .cbox .d1 .dcls{background-color:#e97c7c }
.cooklist .cbox .d2 .dcls{background-color:#e9bf7c}
.cooklist .cbox .d3 .dcls{background-color:#acdc6e}
.cooklist .cbox .d4 .dcls{background-color:#d893f5}
.cooklist .cbox .d5 .dcls{background-color:#7cafe9}
.cooklist .cbox .pic{ width: 420px}
.cooklist .cbox .pic dd{ float: left; width: 130px; margin-right: 9px}
.cooklist .cbox .pic img{width: 130px}
.cooklist .cbox .desc{ height: 50px; line-height: 50px}
.cooklist .cbox .desc dd,.cooklist .dt{ text-align: left; color: #ccc; font-size: 12px; }
.cooklist .cbox .ctrl{background: url("/images/common/sp_w_icon.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); cursor: pointer; display: inline-block;height: 20px; width: 15px;}
.cookl .none{background: url('/images/new/none.png') no-repeat 90px 60px; height: 600px} 
.cooklist .cbox .up{background-position:0 -25px}
.cookl .ctrlbox{position: relative;}
.cookl .selbtn{    background-color: #fff; border: 1px solid #9f9f9f; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); overflow-y: auto; position: absolute; top:30px; left:-65px; padding:0px 10px; width:60px; text-align:center; line-height:20px}
.cookl .selbtn a{display: block; width: 60px; line-height: 20px}
.cookl .page{padding-top: 20px}
.cookl .oldCook .ctext{ width: 420px; }
.cookl .cotx{padding: 10px;border:1px solid #efefef; font-family: "Microsoft YaHei"; font-size: 14px}
.cookl .dt{ font-family: "Microsoft YaHei"; line-height: 50px; }

/**
 * New Cookbook Create.
 */
.cook_crt{ font-family: "Microsoft YaHei"}
.cook_crt dt{ border-bottom: 1px solid #ededed; margin-bottom: 20px}
.cook_crt dfn{ background: url("/images/new/menu.png") no-repeat -8px 2px; text-indent: 20px; line-height: 36px; display: block; font-size: 20px; }
.cook_crt dfn a{color: #f7aa2d}
.menu_icon{ background: url("/images/new/menu.png") no-repeat -8px -26px; text-indent: 25px; line-height: 36px; font-size: 16px; color: #333; }
.menu_icon2{  background: url("/images/new/menu.png") no-repeat -8px -52px; text-indent: 25px; line-height: 36px; font-size: 16px; color: #333;}
.menu_icon3{  background: url("/images/new/menu.png") no-repeat -8px -80px; text-indent: 25px; line-height: 36px; font-size: 16px; color: #333;}
.menu_icon3 input{margin-left: 16px}
.editInfo{ margin-left: 50px}
.editMenu{ }
.select{ width: 125px; border: 1px solid #cfcfcf }
.test_input{ border: 1px solid #cfcfcf; margin-left: 20px; width:150px;  height: 17px}
.joinbox{ width: 350px ;text-align: right; }
.joinbox a{ color: #f7aa2d}
#cronSet{ padding-left: 25px;  font-size: 16px; color: #333; line-height: 36px}
.addAlbumList{ min-height: 150px}
.subMenubtn{width: 116px; height: 38px; font-size:20px; font-family: "Microsoft YaHei"; border-radius: 2px }
.removeCook{ cursor: pointer;}
.select{ border: 1px solid #ddd}
.editMenu .tips{color:red;}


/**
 * help
*/
.feedback{ padding: 24px 20px 0 0; cursor: pointer;}
.helpSummary{ font-size:14px; color:#000;}
.searchArea{ padding-top:10px;}
.searchArea a{ display:inline-block; font: 30px/1.2 \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color:#000; vertical-align:middle; padding-right:50px;}
.helpSearch input{vertical-align:top;}
.helpSearch input.txt{ width:290px; height:34px; line-height:34px;  border:1px solid #ededed; padding:0 5px;}
.helpSearch input.btn{ width:36px; height:36px; background:#f7aa2d url("/images/common/sp_icon.png") no-repeat 5px -464px; border:0px; cursor:pointer;}
.helpSummary p{ line-height:1.8;}
.helpSummary dfn{ color: #f7aa2d;}
.uload a{ color:#4f9dfe;}

.helpArea{ margin-top: 22px;}
.helpTab{ border-bottom:1px solid #ededed;}
.helpTab span{ display:inline-block; width:96px; font: 16px/35px \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; color: #000; text-align: center; cursor:pointer; margin-right: 20px;}
.helpTab span.sel{ color: #f7aa2d;}
.helpTab .line{ width: 96px; height: 2px; background-color: #f7aa2d; position: absolute; left: 0; bottom: -1px; overflow:hidden;}
.help_left{ width:215px;}
.help_right{ width:775px;}

.helpNav{ padding-top: 10px;}
.helpNav dd a:hover{ color: #000;}
.helpNav a.s{ display: inline-block; background: url("/images/inter/arrow_left.jpg") no-repeat 12px center; width: 190px; line-height: 30px;  font-size: 14px; padding-left:25px;}
.helpNav a.s:hover{ background-color: #eee;}
.helpNav li.sel a.s{ background-image: url("/images/inter/arrow_bottom.jpg"); background-color: #f7aa2d; color: #fff;}
.faqList{ padding: 7px 20px 0 25px;}
.faqList dd{ margin-bottom: 10px;}

.helpCon{ border-left:1px solid #ededed; padding: 25px 0 0 35px; }
.helpCon h3.t{ font-size: 14px; font-weight: normal; margin-bottom: 10px; color: #000;}
.helpDetail{ height:auto !important; height:770px; min-height:770px;font-size: 14px; line-height: 1.5;}



/**
 * video
*/
.s_videoArea{ background:#ffdc1b url("/images/video/bg.png") no-repeat; height: auto !important; height: 1000px; min-height: 1000px;}
.m_videoArea{ background-position: 0 -140px;}
.videoTip{ font-size:14px; font-weight: bold; color: #000; text-align: center; padding: 20px 0;}
.videoTip p{ font-weight: normal; padding-top: 10px;}
.videoTip em{ color: #f7aa2d; padding: 0 5px;}
.videoTry{ color: #f7aa2d; text-decoration: underline; cursor: pointer;}

.videoModel{ margin: 0 45px;}
.videoModel .mark{ width: 100%; height:148px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fff; filter:alpha(opacity=70); opacity: 0.7; position: absolute; left: 0; top: 0; zoom:1;}
.videoModel .box{ border: 3px solid #75898e; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 35px 20px; position: relative;}
.videoModel .s_btn{ height: 40px; line-height: 40px; font-size: 14px; padding: 0 25px; margin:2px 0 5px;}
.videoMsg textarea{ width: 400px; height: 70px; border: 1px solid #d1d1d1; font-size: 14px; color: #000; vertical-align: top; line-height: 1.5; margin-right: 8px;}
.videoMsg cite{ display: inline-block; position: relative;}
.videoMsg span{ font-size: 12px; color: #a2a2a2;}
.videoMsg dfn{ background: url("/images/video/tip.png") no-repeat; width:181px; height: 70px; position: absolute; left: 21px; top: -69px; color: #000; text-align:center;}
.videoMsg strong{ display: block; font-size: 14px; color: #f7aa2d; padding: 9px 0 10px;}
#successTip span{ color: #f00; font-size: 14px;  line-height: 60px;}

.buyVideo .mark{ height: 165px;}
.buyVideo .box{ padding: 20px 25px; font-size: 14px;}
.buyVideo h3{ font-size: 14px;}
.buyVideo h3 span{ color: #000; padding: 0 40px;}
.buyVideo h3 em{ font-weight: normal;}
.buyVideo .s_btn{ margin: 0; padding: 0 35px;}
.buyVideo .price{ font-size: 14px;color: #000;}
.buyVideo p.s{ margin: 10px 0 15px;}
.buyVideo dfn{ font-size: 30px; color: #f7aa2d; padding: 0 5px;}
.buyVideo del{ display: inline-block; vertical-align: top; padding-top: 5px; color: #808080;}

.s_videoAbout{ margin-top: 500px;}
.videoAbout{ padding:0 0 45px 20px;}
.videoAbout .bgTop, .videoAbout .bgBottom{ background: url("/images/video/tipbg.png") no-repeat;  width: 728px; height: 91px; overflow: hidden;}
.videoAbout .bgBottom{background-position: 0 -127px; height: 8px;}
.videoAbout .bgTop img{ margin: 45px 0 0 25px;}
.videoAbout .bgCon{ width: 722px; border-left: 3px solid #666;border-right: 3px solid #666; background-color: #fff;}
.v_demo{ padding: 15px 0 25px 15px;}
.v_demo li{ float: left; width:148px; height: 56px; border: 1px solid #e4e4e4; line-height: 56px; text-align:center; display: inline; margin: 10px 0 0 10px;}

.pMsg{ padding: 10px 20px 20px;}
.pMsgList li{ overflow: hidden; zoom:1; margin-top:8px; font-size: 14px;}
.pMsgList img{ float: left; border:1px solid #d1d1d1;}
.pMsgList p{ margin-left: 42px; padding-top: 6px; line-height: 1.7;}
.pMsg p.s{  border: 1px solid #ededed; text-align: center; margin-top: 10px;}
.pMsg span{ display: inline-block; width:100%; line-height: 36px; background: url("/images/video/video_icon.png") no-repeat 300px -272px;  cursor: pointer;}
.pMsg span.up{ background-position: 310px -303px;}
.videoFq{ font-size: 14px; padding: 0 30px 25px;}
.videoFq dt{ font-weight: bold; color: #000; padding: 25px 0 8px;}
.videoFq dd{ line-height: 1.7;}
.videoFq span{ display: block; padding-left: 2em;}

/*** index ***/
.videoPoints{ margin: 10px 0 30px -10px;}
.videoPoints span, .videoDatas li{ background: url("/images/video/video_icon.png") no-repeat 12px -428px; height: 42px; line-height: 42px; padding: 0 12px 0 40px; border: 1px solid #ededed;  margin:10px 0 0 10px; cursor: pointer; 

overflow: hidden;}
.videoPoints span{ display: inline-block; width: 130px;}
.videoPoints span.current { background-position: 12px -472px; border-color: #36ce0d;}
.videoPoints span.inline,.videoDatas li.over{ background-position: 12px -386px; border-color:#f7aa2d;}
.videoTit{ font-size: 14px; color: #000; line-height: 20px;}
.videoTit span.date,.videoTit span.downl{font-size:12px; color:#808080; float:right; background:url(/images/video/video_icon.png) no-repeat; padding-left:20px;}
.videoTit span.date{ margin-right:20px; background-position: 0 -177px;}
.videoTit span.downl{ background-position: 0 -214px; cursor:pointer;}

.videoDatas{ margin-left:-10px;}
.videoDatas li{ float:left; display:inline; width:325px;}
.videoDatas em{ color:#000; cursor:pointer;}
.videoDatas em.inplay{ color:#ef632c;}
.videoDatas a{ display:inline-block;  width:20px;  height:42px; margin-right:5px; cursor:pointer; background: url(/images/video/video_icon.png) no-repeat;}
.videoDatas .edit{background-position: 4px -22px;}
.videoDatas .edit:hover{background-position: 4px -563px;}
.videoDatas .rem{background-position: 3px -59px;}
.videoDatas .rem:hover{background-position: 3px -600px;}
.videoDatas .downl{background-position: 5px -96px;}
.videoDatas .downl:hover{background-position: 5px -637px;}
.editVideoTip{ width:40px; height:27px; text-align:center; line-height:20px; background:url(/images/video/editVideoTip.png) no-repeat; color:#585858; position:absolute;}


.liveSet, .actlog{ margin-top:20px;}
.liveSet li{ border: 1px solid #ededed; height: 42px; line-height: 42px; margin-bottom:8px; overflow: hidden; zoom:1;}
.liveSet li.over{ border-color:#f7aa2d;}
.liveSet .dLeft{ width: 410px; padding:0 70px;}
.liveSet .dright{ width: 218px;}
.liveSet span, .actlog em{ display: inline-block; background: url("/images/video/video_icon.png") no-repeat 0 -428px; padding:0 35px 0 25px;}
.liveSet span.switch{ cursor: pointer;}
.liveSet span.inline{ background-position: 0 -472px; color: #36ce0d;}
.liveSet span.close{ background-position: 0 -514px; cursor: pointer;}

.actlog td.s{ color:#000;}
.actlog em{ line-height: 18px; background-position: 0 -439px; padding-left: 22px;}
.actlog em.open{background-position: 0 -483px;}


/**
 * new note 
 */
.addAlbumList .upload-placeholder{position:absolute;}

.addAlbum{ width:910px; height: 430px; overflow-y:auto; position:relative; zoom:1;}
.addAlbum .btnArea{ padding: 0 15px 15px 0;}
.addAlbumList{ margin: 8px 0 0 13px; height: auto !important; height: 340px; min-height: 340px; position:relative;}
.addAlbumList span{ display: inline-block; position: relative; width:102px; height:102px; margin: 8px 8px 0 0; vertical-align: top; cursor: pointer; overflow: hidden;}
.addAlbumList img{ border:1px solid #e8e8e8;}
.addAlbumList span.s{ background:url(/images/common/addimg.png) no-repeat; font-size: 14px; color: #cbcbcb; text-align: center;}
.addAlbumList em.del{ background:url(/images/common/png_icon.png) no-repeat 0 -35px; _background-image:url(/images/common/png_icon_8.png); width:21px; height:21px; position:absolute; top:5px; right:5px; cursor:pointer;}
.addAlbumList em.bg{ width: 102px; height: 102px; position: absolute; left: 0; top: 0; background-color: #fff; filter:alpha(opacity=50); opacity:0.5;}
.addAlbumList cite{ display: inline-block; padding-top: 74px;}
.addAlbum .tip{ position: absolute; top: 14px; right: 234px; zoom:1; font-size: 14px; color: #f00;}

.editMsgOther span.swfUpload{ padding-right:90px; line-height:20px;}
.notes .addAlbumList .upload-placeholder{ width:74px; height:20px; top:-20px; left:0; zoom:1;}
.joinstudent{ background-position:right -996px; padding-right:12px; font-family: "Microsoft YaHei"}
.editMsgOther .edsc{*position:relative;*top:-20px; padding-right:0;}

.attach a{color:#3399ff;}
.attach a:active, .attach a:visited, .attach a:hover {text-decoration: underline;}
.msgList .sdate em{ margin-left: 30px; color: #63a6e4; cursor: pointer;}
.noticeReadUser{padding:10px; line-height: 1.5;}
/* 
 * user head  
 * img radius
 * dom radius
*/
.addInfo .r_head img, .idList img, .m_appWrap .head img{ background-color:#efefef; border:1px solid #d1d1d1;}
.infoList .r_head img{ background-color:#efefef; border:1px solid #d1d1d1;}

/* classRecord */
.classRecord{ margin-left: -12px;}
.classRecord li{ float: left; width:184px; height: 100px; border: 1px solid #ededed;  display:inline; margin: 0 0 12px 12px; word-break: break-all; background-color: #e8fbff;}
.classRecord li.y{ background-color: #fff8ed;}
.classRecord li.r{ background-color: #ffeef4;}
.classRecord li.y em{ background-color: #f7aa2d;}
.classRecord li.r em{ background-color: #e595b2;}
.classRecord em{ display: inline-block; width: 3px; height: 48px; background-color: #4abdd2; vertical-align: top;}
.classRecord a{ display:inline-block; width:157px; padding:5px 10px 0;}
.classRecord h3{ color:#000; font:normal 24px/1.2 \5FAE\8F6F\96C5\9ED1; text-align: left; height: 60px; overflow: hidden; margin-bottom: 8px;}


/* addInfo */
.addInfo{border:1px solid #d8d8d8; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; /*top:-20px;*/ left:-1px; _left:0;}
.addInfo .r_head{ width:82px; text-align:right; position:absolute; left:-115px; top:0;}
/*.ai_con{ padding:14px 20px 0 20px; overflow:hidden; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.ai_text{ padding-bottom:14px;}
.ai_text em{ background:url(/images/common/add_arrow.png) no-repeat; _background-image:url(/images/common/add_arrow_8.png); width:22px; height:25px; position:absolute; left:-22px; top:8px;}
.ai_text textarea{ width:100%; height:70px; border:0; font-size:16px; color:#bbb;}
.ai_text textarea.light{ color:#383838;}*/
.ai_upload{ padding:0 22px 12px 10px; overflow:hidden; background-color:#eee; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.ai_upload .upload{ background:url(/images/common/sp_b_icon.png) no-repeat 0 -127px; padding-left:35px; line-height:25px; color:#999;}
.toUser{ padding-right:100px;}
.toUser span{ display:inline-block; position:relative; zoom:1; margin:5px 5px 0 0; cursor:pointer;}
.toUser img{ border:1px solid #e7e7e7;}
.toUser span.sel em{ background-color: #000; filter:alpha(opacity=50); opacity:.5; width:35px; height:35px; position:absolute; left:1px; top:1px;}
.toUser span.sel dfn{ background:url(/images/common/png_icon.png) no-repeat 6px 8px; _background-image:url(/images/common/png_icon_8.png); width:35px; height:35px; position:absolute; left:1px; top:1px;}
.addInfo .s_btn{ background-position:0 0;}
.addInfo .s_btn em{ background-position:right 0;}
.addInfo .s_btn:hover, .addInfo .sel_btn{ background-position: 0 -40px;}
.addInfo .s_btn:hover em, .addInfo .sel_btn em{ background-position: right -40px;}
.addInfo .dark{ background-position:0 -950px;}
.addInfo .dark em{ width:115px; background-position:right -950px;}
.addInfo .dark:hover{ background-position:0 -990px;}
.addInfo .dark:hover em{ background-position:right -990px;}


.flashUpload{ width:586px; height:34px; left:-10px; background-color:#fff; overflow:hidden;}
.flashUpload object{ position:absolute; left:0; bottom:0; zoom:1;}
.flashShow{ height:150px;}


/* infoList */
.infoList{ margin-top:22px;}
.infoList li{ padding-bottom:30px; margin-bottom:30px; border-bottom:dotted 1px #ddd;}
.infoList .r_head{line-height: 2.0; margin-bottom:10px;}
.infoList .r_head span{ display:inline-block; font-size:12px; color:#999; line-height:1.9; vertical-align: top;}
.infoList .r_head img{ margin-right: 15px;}
.infoList .r_head a{ font-size:14px; font-weight: bold; color:#262626;}

.i_summary{ margin-left: 75px;}
.i_summary p.s{ line-height:1.5; word-wrap: break-word;}
.delInfo{ width: 51px; position:absolute; top:0; right:-20px; zoom:1;}
.t_infoList .delInfo{ top:3px;}
.delInfo a{display: block; width: 16px; height: 16px; background: url("/images/common/sp_w_icon.png") no-repeat 0 -401px;cursor:pointer; margin-left: 18px;}
.delInfo a:hover{ background-position: 0 -423px;}
.delInfo cite{ width: 51px; height: 25px; position: absolute; left: 0; bottom: 17px; background: url("/images/common/tipbg.png") no-repeat; _background-image: url("/images/common/tipbg_8.png"); text-align:center; line-height:21px; font-

size:12px; color:#fff;}
.i_imgArea{ width:642px; overflow: hidden; margin-top:10px;}
.imgDemo{ margin:-12px 0 0 -12px;}
.imgDemo img{ cursor:pointer;}
.imgDemo dd{ float: left; margin:12px 0 0 12px; display:inline;}
.demoSize0{ width: 642px; height: 380px; overflow: hidden;}
.demoSize1{ width: 315px; height: 315px; overflow: hidden;}
.demoSize2{ width: 206px; height: 206px; overflow: hidden;}

.i_love{overflow:hidden; padding:20px 0 5px;}
.i_love span{ display:inline-block; background:url(/images/common/sp_b_icon.png) no-repeat 8px -30px #eee; border:1px solid #cfcfcf; padding:0 8px 0 35px; font:14px/37px \5FAE\8F6F\96C5\9ED1; color:#8a8a8a; cursor:pointer; -webkit-border-

radius:5px; -moz-border-radius:5px; border-radius:5px;}
.i_love span.haslove{ background-position:8px 11px; color:#565656;}
.i_love span.forward{ width:10px; height:37px; background-position:17px -70px;}
.i_love img{ border:1px solid #d1d1d1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-left:10px; vertical-align:middle;}


.commentList dd{ overflow:hidden; zoom:1; margin-top:15px; padding:0 3px 0 5px;}
.c_info{ margin-left:55px;}
.c_info p{ line-height:1.5; word-wrap: break-word;}
.c_info a{ font-weight:bold; color:#262626;}
.c_info p.s{ font-size:12px; color:#8b8b8b; margin-top:3px;}
.c_info .del{ cursor:pointer;}
.addReply{ border:1px solid #e1e1e1; padding:10px; margin-top:15px; zoom:1;}
.addReply textarea{ width:100%; height:16px; font-size:14px; color:#adadad; border:0; overflow-y:hidden;}
.addReply textarea.focus{ height:50px; color:#383838; overflow-y:auto; background:#F7F7F7; margin-bottom:5px;}
.addReply span{ font-size:12px; color:#8b8b8b;}
.moreInfo{ line-height:40px; font-size:16px; background-color:#e5e5e5; cursor:pointer;}
.loading{background:#d5d5d5 url(/images/common/n_load.gif) no-repeat 250px 11px; text-indent:2em;}


/* parentInfo tip */
.parentInfo,.teachInfo{ width:400px;}
.parentInfo h3{ font-size:16px; color:#9f9f9f; line-height:34px; background-color:#f0f0f0;}
.parentInfo div{ padding:20px 0; font-family:\5FAE\8F6F\96C5\9ED1;}
.parentInfo span{ display:inline-block; margin:0 20px;}
.parentInfo .babys{ padding-top:0;}
.babys span{ margin-top:20px;}
.parentInfo div a{ display:inline-block;}
.parentInfo div em{ display:block; font-size:16px; color:#9f9f9f; padding-top:10px;}
.parentInfo strong{ font-size:20px; font-weight:normal; color:#383838; padding:0 5px;}
.parentInfo h3.s{ color:#5b5b5b;}
.parentInfo div.s{ background-color:#d0d0d0; padding-top:30px;}
.parentInfo div.s em{ font-size:18px;}
.parentInfo div.s strong{ font-size:26px;}
.parentInfo .tel, .teachInfo .tel{ display:inline-block; background:url(/images/common/sp_w_icon.png) no-repeat 0 -209px; font-size:22px; padding-left:22px;}
.parentInfo div.s .tel{ font-size:22px; color:#555; background-position:0 -238px;}
.parentInfo .btnArea, .teachInfo .btnArea{ text-align:center;}

/* teachInfo tip */
.teachInfo div{ font-family:\5FAE\8F6F\96C5\9ED1;}
.teachInfo h3, .teachInfo p{ font-size:18px; font-weight:normal; color:#9f9f9f; margin-top:8px;}
.teachInfo strong{ font-size:26px; font-weight:normal; color:#383838; padding:0 8px;}
.teachInfo p.s{ font-size:30px; color:#383838;}


/* shareArea tip */
.shareCon, .headCon{width:480px;}
.shareCon .btnArea, .headCon .btnArea{ padding-top:15px;}
.shareCon a.cancel, .headCon a.cancel, .albumCon a.cancel{ padding-right:25px; text-decoration:underline; font-size:14px; color:#5b5b5b;}
.shareCon p.t span{ display:inline-block; color:#155eb1;}
.shareCon p.t input{ margin:-2px 10px 0 0;}
.shareCon textarea{ border:1px solid #c9c9c9; width:99%; height:110px; line-height:1.5; font-size:14px; margin-top:5px;}
.shareCon p.t span,.sina_ico{ background:url(/images/common/ico_sina.gif) no-repeat; padding-left:20px; line-height:20px}
.sina_ico a{font-family:Arial,Sans-serif; color:#225599}

/**
 * teach page
*/
.ai_btnArea{ padding:9px 0 0 8px;}
.ai_btnArea label{ padding-right:12px;}
.ai_btnArea label input{ margin:-1px 4px 0 0;}
/*.addUser{ width:158px; border:1px solid #c9c9c9; background-color:#fff; border-radius:5px;}
.addUser p{ font-weight: bold; color:#252525; height:35px; line-height:35px; overflow:hidden; cursor:pointer; text-align: center;}*/
.addUser dfn{ font-size: 16px; font-family: arial; color: #8e8e8e; padding-left: 5px; vertical-align: middle;}


.who{ display: inline-block; position: relative;}
.who em{ display:inline-block; background: url(/images/common/sp_w_icon.png) no-repeat; width:15px; height:7px; cursor:pointer; *vertical-align: middle;}
.who em.up{ background-position:0 -30px;}
.infoList .r_head dd a{ font-size: 12px; font-weight: normal; color:#1F52A1; padding-right:13px;}
.who{ padding-left:17px;}
.who a.s{ padding:0 10px;}
.who a.s, .who a:hover{ text-decoration:underline;}
.whoList{ width: 298px; border: 1px solid #9f9f9f; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); overflow-y: auto;  position: absolute; right: 0; top: 23px; z-index:1;}
.whoList p{ width:260px; padding:9px 0 7px 15px; word-break: keep-all;word-wrap: break-word; font-size:12px;}
.whoList a{ line-height: 2.2;}
.whoList dfn{ padding-right:13px;}


/* checkStudent tip */
.checkStudent{ width:675px;}
.checkStudent h3{ font-size:16px; color:#5b5b5b; line-height:34px; background-color:#f0f0f0;}
.checkStudent .btnArea{ padding:0 15px 15px 0;}
.studentCon{ height:300px; overflow-y:auto;}
.studentList{ padding:24px 28px 7px;}
.studentList dt{ font-size:16px; font-weight:bold;}
.studentList a{ display:inline-block; padding:0 12px; line-height:32px; border:1px solid #cfcfcf; text-align:center; margin:11px 7px 0 0; font-size:14px; color:#7a7a7a; -webkit-border-radius:5px; -moz-border-radius:5px; border-

radius:5px;}
.studentList a.sel{ background:url(/images/common/sp_w_icon.png) no-repeat right -42px;}
.studentList .s_btn{ margin-left:25px;}
.studentList .s_btn, .dataList .s_btn{ background-position:0 -214px;}
.studentList .s_btn em, .dataList .s_btn em, .viceNav .s_btn em{ background-position:right -214px; height:30px; line-height:32px; font-weight:normal; width:60px;}
.studentList .sel_in, .dataList a.setting{ background-position:0 -180px;}
.studentList .sel_in em, .dataList a.setting em{ background-position:right -180px;}
.studentList .s_btn:hover, .dataList .s_btn:hover{ background-position:0 -755px;}
.studentList .s_btn:hover em, .dataList .s_btn:hover em{ background-position:right -755px;}
.studentList .sel_in:hover, .dataList a.setting:hover, .s_setData h3 a.s_btn:hover{ background-position:0 -721px;}
.studentList .sel_in:hover em, .dataList a.setting:hover em, .s_setData h3 a.s_btn:hover em{ background-position:right -721px;}
.viceNav .s_btn{ background-position:0 -331px;}
.viceNav .s_btn em{ background-position:right -331px; _line-height:30px;}
.viceNav .s_btn:hover{ background-position:0 -297px;}
.viceNav .s_btn:hover em{ background-position:right -297px;}



/* classList */
.classList li{ margin-bottom:40px;}
.classList span{ display:inline-block; background:url(/images/common/sp_w_icon.png) no-repeat right -87px; padding-right:30px; font-size:16px; font-weight:bold; cursor:pointer;}
.classList span.up{ background-position:right -117px;}
.classList a{ display:inline-block; font-size:14px; color:#1F52A1; margin:20px 20px 0 0;}
.classList a:hover{ text-decoration:underline;}

/* check */
.viceNav{ background-color:#f5f5f5; padding:10px 0;}
.vn_con { padding:0 10px;}
.searchInfo{font-size:14px;}
.searchInfo span{ padding-right:44px;}
.searchInfo input.txt{ width:90px; padding:0 5px; height:26px; line-height:26px; border:1px solid #cecece; font-size:14px; vertical-align:middle; margin:0 8px;}
.searchInfo input.s{ width:110px;}
.searchInfo .s_btn{ vertical-align:middle;}







/**
 * app
*/
.appWrap{ padding-top:20px;}
.appLeft{ width:700px;}
.al_inner{ border-right:1px solid #c8c8c8; padding:0 20px 0 91px; height:auto !important; height:570px; min-height:570px;}
.appRight{ width:290px;}
.ar_inner{ border-left:1px solid #fcfbfb; padding-left:15px;}

.al_inner .infoList{ padding:0;}
.al_inner .infoList a, .al_inner .i_imgArea img, .al_inner .i_love span.haslove, .al_inner .i_love span.forward, .m_appWrap a, .m_appWrap .i_imgArea img, .m_appWrap .i_love span.haslove, .m_appWrap .i_love span.forward{ cursor:inherit;}
.appWrap .i_comment{ padding-bottom:0;}
.appWrap .commentList dd{ padding:0;}
.appSummary{ font-size:18px; font-family:\5FAE\8F6F\96C5\9ED1; padding-bottom:10px;}
.appSummary h3{ font-size:24px; font-weight:normal; padding-bottom:8px;}
.appSummary p{ line-height:1.6; color:#666;}
.app_upload{ margin-top:12px;}
.app_upload a{ display:inline-block; background:url(/images/common/sp_btn.png) no-repeat 0 -373px; width:210px; text-align:center; font:24px/60px \5FAE\8F6F\96C5\9ED1; color:#fff; margin-right:20px;}
.ar_inner .code{ margin-top:30px;}
.ar_inner .code span{ display:inline-block; font-size:14px; text-align:center;}
.ar_inner .code img{ margin-bottom:8px;}

.m_appWrap{ background:#f2f1f0; font-family:\5FAE\8F6F\96C5\9ED1;}
.m_appWrap .appSummary img{ margin-right: 10px;}
.m_appWrap .appSummary div{ padding-top:5px; font-size:22px;}
.m_appWrap .appSummary h3{ font-size:30px; font-weight: normal;}
.m_appWrap .app_upload{ margin:0 20px 20px 0;}
.m_appWrap .app_upload a{ margin-top: 8px;}
.m_appWrap .infoList{ padding:0;}
.m_appWrap .head{ padding:20px 15px 0; font-size:18px; color:#a6a6a6;}
.m_appWrap .head p{ margin-left:100px;}
.m_appWrap .head span{ display:block; font-size:30px; color:#f60; padding-bottom:10px;}
.m_appWrap .i_summary p{ font-size:24px; color:#000;}
.m_appWrap .i_imgArea{ width: auto;}
.m_appWrap .i_imgArea img{ border-top:2px solid #fff;}
.m_appWrap .c_info{ margin-left: 70px;}
.m_appWrap .c_info p{ font-size: 18px; line-height: normal;}
.m_appWrap .c_info p.s{ font-size: 16px;}
.m_appWrap .c_info a{ font-size: 20px;}



/**
 * detail
 * baobao shijian zhou
*/
.hd_detail h1{ display:inline; margin-right:15px;}
.hd_detail a.s_btn{ background-position:0 -447px; margin-top:6px;}
.hd_detail a.s_btn em{ background-position:right -447px; height:33px; line-height:35px;}
.hd_detail a.s_btn:hover{ background-position:0 -492px;}
.hd_detail a.s_btn:hover em{ background-position:right -492px;}
.bb_summaryWrap{padding-top:55px;}
.bb_summary, .b_head img{ -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 3px rgba(0,0,0,0.1); box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.bb_summary{ background-color:#f5f5f5; border-bottom:1px solid #cfcfcf;}
.bb_summary span.edit{ position:absolute; top:240px; right:15px; height:35px; line-height:35px; padding:0 10px; background-color:#000; filter:alpha(opacity=80); opacity:0.8; font-size:14px; color:#e4e4e4; -webkit-border-radius:4px; -

moz-border-radius:4px; border-radius:4px;}
.bb_summary span.edit input{ position:absolute; right:0; top:8px; zoom:1; filter:alpha(opacity=0); opacity:0;}
.bb_summary img{}
.b_head{ padding:15px 0 15px 250px;}
.b_headArea{ background-color:#fff; position:absolute; top:-115px; left:55px; zoom:1;}
.b_headArea img{ padding:4px; border:1px solid #c8c8c8;}
.b_head span.s{ font:22px \5FAE\8F6F\96C5\9ED1; padding-right:60px;}
.b_head span.edit{ top:15px; height:29px; line-height:29px; cursor:pointer}
.b_head span.edit input{ top:5px;}
.detailPage .i_conArea{ padding:25px 110px 0;}
/*All note Search*/
.senduser{ position:relative; z-index:2;}
.senduser input { margin:0 10px;}
#ulists{ position:absolute; left:248px; top:12px; background-color: #f2f4f6; border: 1px solid #b5b5b5; padding:15px 0 8px; width:125px; height:auto !important; height:300px; max-height:300px; overflow-y:auto; z-index: 1;}
#ulists li{ padding: 0 8px; cursor: pointer; line-height:25px;}
#ulists li:hover{ background-color:#fff;}




/**
 * duan xin chong zhi
 * smsArea
*/
/*.smsArea{}
.titleArea h3{ font-size:16px;}
.smsSummary{ font-size:14px; margin:10px 0; padding-left:70px;}
.smsSummary span, .smsSummary a{ display:inline-block; vertical-align:middle;}
.smsSummary span{ color:#f60; padding-right:20px;}
.smsSummary em{ font-size:26px; padding-right:5px;}
.smsSummary a.charge, .smsSummary a.charge:hover{ background-position: 0 -587px;}
.smsSummary a.charge em{ background-position: right -587px; width:100px; height:41px; font:18px/39px \5FAE\8F6F\96C5\9ED1;}
.smsSummary a.charge:hover em{ background-position: right -587px;}
.smsSummary a.other{ background-color:#f7f7f7; border:1px solid #d8d8d8; color:#818181; padding:5px 10px; margin-left:10px;}

.tabArea{ margin-top:20px;}
.tab{ border-bottom:2px solid #a3a3a3; background-color:#ededed; padding:6px 0 0 12px;}
.tab span{ display:inline-block; border:1px solid #ededed; border-top-width:2px; border-bottom:0; font-size:14px; line-height:26px; padding:0 15px; cursor:pointer; position:relative; vertical-align:bottom;}
.tab span.sel{ border-color:#a3a3a3; background-color:#fff; font-weight:bold; top:2px;}
.tab a{ display:inline-block;}
.dataInfo{ font-size:14px; margin-bottom:30px;}
.dataInfo th{ font-weight:normal; border-bottom:1px solid #b8b8b8; padding:12px 0;}
.dataInfo td{ text-align:center; border-bottom:1px solid #dbdbdb; padding:15px 0;}
.dataInfo td.l{ text-align:left; padding:0 10px;}
.dataInfo span{ color:#f60;}
.sms_dataInfo{ font-size:12px;}
.sms_dataInfo tr{ cursor:pointer;}
.sms_dataInfo td{ border-bottom:0; padding:12px 0 0;}
.smsArea a.more{ color:#1F52A1;}

.smsOrderTip{ color:#696969; padding:15px 0 15px 30px; border-bottom:1px solid #dbdbdb;}
.smsList li{ border-bottom:1px solid #dbdbdb; padding:15px 10px; font-size:14px;}
.smsList li.bg{ background-color:#f7f7f7;}
.smsList span{ color:#1F52A1; padding-right:5px;}
.page{ margin-top:30px;}

.smsDetail{ background:#fff;}
.smsDetail h3.t{ border-bottom:2px solid #a3a3a3; background-color:#ededed; line-height:36px; font-size:14px; padding-left:25px;}
.smsDetail h3.t span{ font-weight:normal; padding-left:30px;}
.smsDetail h3.t em{ font-weight:bold; color:#f60; padding:0 5px;}
.smsCon{ position:relative; zoom:1; cursor:pointer;}
.fullSms{ width:440px; border:1px solid #84cc3d; background-color:#ebffd7; text-align:left; line-height:1.6; padding:8px 12px; position:absolute; left:0; top:0;}

/* chong zhi
 * step 
 */
/*.step{ margin:15px 0 30px;}
.step span{ display:inline-block;}
.step em{ display:inline-block; background:url(/images/common/step.png) no-repeat 0 -45px; line-height:42px; text-align:center; font-size:14px; font-weight:bold; color:#9e9e9e; margin-left:-14px; _position:relative;}
.step em.one{ width:205px; margin-left:-2px; _margin-left:-14px;}
.step em.two{ width:203px; background-position:-205px -45px;}
.step em.three{ width:204px; background-position:-408px -45px;}
.step em.four{ width:189px; background-position:-612px -45px;}
.step span.sel em{ color:#fff;}
.step span.sel em.one{ background-position:0 0;}
.step span.sel em.two{ background-position:-205px 0;}
.step span.sel em.three{ background-position:-408px 0;}
.step span.sel em.four{ background-position:-612px 0;}

.packagesList li{ float:left; display:inline; margin-right:28px; padding-bottom:20px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer;}
.packagesList label{}
.packagesList span{ display:block; width:150px; border:1px solid #ccc; background-color:#f6f6f6; line-height:1.5; padding:20px 0; margin-bottom:10px; font-weight:normal;}
.packagesList input{ vertical-align:middle; margin:-1px 8px 0 0;}
.packagesList input#setNum{ width:60px;}
.packagesList li.sel span{ border-color:#74bd5c; background-color:#f0ffeb;}

.smsArea .btnArea{ margin-top:30px;}
.smsArea .s_btn em{ width:110px;}
.smsArea #err, .videoArea #err{ padding-left:10px; color:#f00;}

/* bankList */
/*.paymentArea{ border:1px solid #ccc; padding:15px 0 0 30px; margin-top: 10px;}
.paymentArea h3{ font-size: 12px;}
.paymentArea h3 em{ font-weight: normal;}
.bankList{ padding-bottom: 50px;}
.bankList li{ float:left; display:inline; margin:20px 38px 0 0;}
.bankList label{ cursor:pointer;}
.bankList span{ display:inline-block; width:180px; height: 51px; border:1px solid #ccc; vertical-align: middle; background: url("/images/common/bank.png") no-repeat;}
.bankList span.zy{ background-position: -2px 0;}
.bankList span.js{ background-position: -190px 0;}
.bankList span.gs{ background-position: -381px 0;}
.bankList span.ny{ background-position: -2px -74px;}
.bankList span.zs{ background-position: -190px -74px;}
.bankList span.pf{ background-position: -2px -144px;}
.bankList span.xy{ background-position: -190px -144px;}
.bankList span.gf{ background-position: -381px -144px;}
.bankList span.ms{ background-position: -2px -218px;}
.bankList span.zx{ background-position: -190px -218px;}
.bankList span.hz{ background-position: -381px -218px;}
.bankList span.sh{ background-position: -2px -286px;}
.bankList span.nb{ background-position: -195px -286px;}
.bankList span.pa{ background-position: -381px -286px;}
.bankList span.bjns{ background-position: -2px -351px;}
.bankList span.fd{ background-position: -190px -351px;}
.bankList span.yz{ background-position: -381px -351px;}
.bankList span.zfb{ background-position: -2px -419px;}
.bankList span.cft{ background-position: -190px -419px;}
.bankList span.yl{ background-position: -381px -419px;}
.bankList span.gd{ background-position: -2px -488px;}

.bankList input{ margin-right: 8px; width:13px; height: 13px;}
.bankList li.dHide{ display: none;}
.bankList li.sel span{ border-color:#74bd5c;}
.bankList cite{ display: inline-block; background: url("/images/common/bank.png") no-repeat -338px -75px; color: #336799; line-height: 50px; padding-right: 25px; margin-left: 22px; cursor: pointer;}
.bankList cite.up{ background-position: -514px -75px;}


.payResult{ background:#feffed url(/images/common/step.png) no-repeat -695px -125px; line-height:110px; padding-left:115px; border:1px solid #e9e9e9; border-bottom:0; font-size:20px;}
.payFail{ background-color:#f0f7ff; background-position:-695px -251px;}
.payResult a{ font-size:14px; color:#1F52A1; padding-left:20px;}
.payInfo{ border:1px solid #ccc; background-color:#f6f6f6; font-size:16px; padding:15px 30px 5px;}
.payInfo p{ margin-bottom:10px;}
/* payTip */
.payTip{ width:400px; padding:20px 0; text-align:center;}
.payTip h3{ font-size:16px; font-weight:normal; padding-bottom:30px;}
.payTip .s_btn em{ width:140px;}
.payTip .nomar{ margin-left:0;}
/* smsTip */
.smsTip{ background-color:#fffde2; border:1px solid #dfded4; font-size:14px; padding:10px 20px; margin-bottom:15px; position:relative; zoom:1;}
.smsTip p{ padding:5px 0;}
.smsTip em{ font-size:16px; font-weight:bold;}
.smsTip a{ color:#1F52A1; padding-left:40px;}
.smsTip .close{ font:16px \5FAE\8F6F\96C5\9ED1; position:absolute; right:8px; top:0; cursor:pointer;}
.smsTip .close:hover{color:#1F52A1;}
.smsTip strong{ color:#f00; font-size:18px; padding:0 5px;}


/**
 * help
*/
/*.help{ background:#fff;}
.help .bd{ padding-top:20px;}
.helpSummary{ border:1px solid #e1e1e1; background-color:#ededed; padding:10px 20px; font-size:14px;}
.searchArea{ padding-top:5px;}
.searchArea a{ display:inline-block; font-size:30px; color:#000; vertical-align:middle; padding:5px 50px 0 0;}
.helpSearch{ display:inline-block; width:235px; border:1px solid #e1e1e1; background-color:#fff;}
.helpSearch input{ vertical-align:top;}
.helpSearch input.txt{ width:200px; height:26px; line-height:26px; padding-left:5px; border:0;}
.helpSearch input.btn{ width:25px; height:26px; background:url("/images/common/sp_w_icon.png") no-repeat 10px -299px; border:0px; cursor:pointer;}
.helpSummary p{ line-height:1.8;}
.uload a{ color:#1F52A1;}

.helpArea{ margin-top: 22px;}
.helpTab{ border-bottom:1px solid #ccc; margin-bottom: 22px;}
.helpTab span{ display:inline-block; width:106px; border:1px solid #ccc; border-bottom:0; font-size:14px; color: #000; line-height:28px; text-align: center; cursor:pointer;}
.helpTab span.sel{ background-color:#ccc; font-weight:bold;}
.help_left{ width:215px;}
.help_right{ width:775px;}

.helpNav li,.helpNav_ li{ margin-bottom: 10px;}
.helpNav li a,.helpNav_ li a{color:#777}
.helpNav a:hover,.helpNav_ a:hover{ color: #1f52a1;}
.helpNav a.s,.helpNav_ a.s{ display: inline-block; background: url("/images/common/sp_w_icon.png") no-repeat 2px -896px; font-size: 14px; color: #000; padding-left:15px;}
.helpNav li.sel a.s,.helpNav_ li.sel a.s{ background-position: 0 -939px; color: #1f52a1;}
.helpNav a.s:hover,.helpNav_ a.s:hover{ background-position: 2px -982px; color: #1f52a1;}
.helpNav dl,.helpNav_ dl{ padding: 0 20px 12px 15px;}
.helpNav dd,.helpNav_ dd{ margin-top: 16px; line-height: 1.5;}

.helpCon{ border-left:1px solid #ccc; padding-left: 55px; }
.helpCon h3.t{ font: 24px \5FAE\8F6F\96C5\9ED1,arial; color: #000;}
.helpDetail{ height:auto !important; height:770px; min-height:770px;font-size: 14px; padding:25px 0 30px;}*/

/*.faqArea{ height:auto !important; height:780px; min-height:780px;}
.faqCon{ padding:20px;}
.faqDemo{ margin-bottom:20px;}
.faqDemo h3.t{ font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; line-height:25px; padding:0 10px;}
.faqDemo h3.t a{ float:right; color:#1F52A1;}
.faqList{ margin:10px 0; padding-left:10px;}
.faqList li{ line-height:1.8;}
.faqList a:hover{ text-decoration:underline;}

.helpDetail{ margin-top:30px; height:auto !important; height:770px; min-height:770px;}
.helpDetail h2.t{ font-size:16px;}
.d_left{ width:710px;}
.details{ padding-right:30px;}
.detailCon{ line-height:1.5; padding-top:10px;}
.d_right{ width:279px; border-left:1px solid #e1e1e1;}
.related{ padding:0 10px 0 20px;}*/

.sea_list li{ margin-bottom:15px; line-height:1.5;}
.sea_list h2.t{ font-size:12px;}
.sea_list .red{ color:#f00;}

.aboutWrap{}
.a_nav{ width:150px;}
/*.a_con{ width:840px;}*/
.a_navlist li{ font-size:14px; line-height:1.8;}
.a_conArea{ border-left:1px solid #dbdbdb; padding-left:50px; height:auto !important; height:870px; min-height:870px;}
.a_conArea h2.t{ font-size:16px;}
.aboutDetail{ font-size:13px; line-height:1.5; padding-top:20px;}
.aboutDetail a{ color:#1F52A1;}



/*
 * video
*/
.videoBtn{ margin-bottom: 10px;}
.videoBtn em{ width: auto; padding: 0 12px 0 7px; font-weight: normal;}
.videoList{ border: 1px solid #dbdbdb; padding: 0 0 20px 18px;}
.videoList h3{ float: left; font-size: 14px; color: #575757; padding-top: 20px;}
.videoList p{ margin-left: 120px;}
.videoList p.s{ padding: 12px 0;}
.videoList p.s a{ display: inline-block; width:125px; height: 35px; line-height: 35px; border-bottom: 1px solid #e7e7e7; margin: 0 14px; font-size: 14px; color: #f60; overflow: hidden; vertical-align:middle;}
.videoList p.s em{ padding: 0 25px 0 4px;}
.videoList a.high{ background-color:#f3f3f3;}
.videoList a.sel em{ display: inline-block; background: url("/images/common/sp_w_icon.png") no-repeat right -452px;}
.videoList p.now{ font-size: 14px; padding:20px 18px 0 14px;}
.videoList p.now a{font-size: 12px; color: #f60;}
.videoPlay{ height: 380px; border: 1px solid #dbdbdb; margin-top: 10px;}
.play{ width:450px; height: 100%;}
.play p{text-align: center; font: 26px/365px \5FAE\8F6F\96C5\9ED1; color: #464646;}
.playRecord{ width:120px; height: 100%; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.playList{ width:184px; height: 100%; overflow-y:auto;}
.precordList dt, .precordList dd, .pList li{ line-height: 30px; text-indent: 5px;}
.precordList dt{ cursor:pointer;}
.precordList dd{ color: #f60; cursor: pointer;}
.pList li{ color: #f60; padding-right: 5px; cursor: pointer;}
.precordList dd.sel, .pList li.sel{ background-color: #e1e1e1;}
.pList span{ float: right; width:12px; height: 30px; background: url("/images/common/sp_w_icon.png") no-repeat right -490px;}

.videoSet li{ float: left; width:230px; height: 85px; border: 1px solid #dbdbdb; text-align: center; display: inline; margin: 18px 0 0 18px;}
.videoSet div{ padding-top: 25px;}
.videoSet span{ display: inline-block;}
.videoSet strong{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 31px; padding-right: 15px; width: auto !important; width: 105px; max-width: 105px; height: 31px;  word-break: keep-all;word-wrap: break-word; 

overflow:hidden;}
.videoSet .s_btn{ background-position: 0 -802px;}
.videoSet .s_btn em{ background-position: right -802px; width:80px; height: 31px; line-height: 33px;}
.videoSet .s_btn:hover{ background-position: 0 -837px;}
.videoSet .s_btn:hover em{ background-position: right -837px;}
.videoSet .dark{ background-position: 0 -872px; margin-left: 0;}
.videoSet .dark em{ background-position: right -872px;}
.videoSet .dark:hover{ background-position: 0 -907px;}
.videoSet .dark:hover em{ background-position: right -907px;}
.videoSet cite, .videoBtn cite{ display: inline-block; background: url("/images/common/n_load.gif") no-repeat 0 center; padding-left: 20px;}
.videoSet dfn{ display: block; color: #8d8d8d; line-height: 1.8;}
.videoSet dfn.s{ display: inline-block; color: #f00; line-height: 31px;}

.tagchange{ width:280px; text-align:center }
.tagchange p{ line-height:38px; height:38px}
.tagchange .txt{width:180px; padding:0 5px; height:26px; line-height:26px; border:1px solid #cecece; font-size:14px; vertical-align:middle; margin:0 8px;}

.delmbox{width:300px; text-align:center; font:14px microsoft yahei; color:#000}
.delmbox p{ line-height:32px;}
.delmbox .txt{width:60px; padding:0 5px; height:26px; line-height:26px; border:1px solid #cecece; font-size:14px; vertical-align:middle; margin:0 8px;}

/*2014012*/
.videoNav{ border-bottom:1px solid #ededed; padding-bottom:6px;}
.videoNav a{ display:inline-block; width:80px; text-align:center; font-size:14px; color:#585858; cursor:pointer; margin-right:25px;}
.videoNav a:hover, .videoNav a.sel{ color:#f7aa2d;}
.videoNav cite{ width:80px; height:7px; background:url(/images/video/video_icon.png) 0 -363px no-repeat; _background-image:url(/images/video/video_icon_8.png); position:absolute; top:20px; left:0;}

/*.videoPoints{ border:1px solid #dbdbdb; margin-top:10px; padding:11px 5px 5px;}
.videoPoints span{ display:inline-block; border:1px solid #ededed; margin:0 25px 5px 8px; line-height:16px; color:#585858; cursor:pointer; background:url(/images/video/video_icon.png) -25px -582px no-repeat; _background-image:url

(/images/video/video_icon_8.png); padding-left:20px;}
.videoPoints span.inline{ background-position: -25px -546px;}*/


.videoSwitch{ width:80px; text-align:center; line-height:24px; padding-bottom:20px; position:absolute;}
.videoSwitch div{ background: url(/images/video/menu_arrow.png) no-repeat 0 bottom; padding-bottom:5px;}
.videoSwitch div.s{ background-position:-192px bottom;}
.videoSwitch p{ background-color:#e4e4e4;cursor:pointer;}
.videoSwitch a{ display:block;}
.videoSwitch p.over{ background-color:#c5c5c5;}
.videoSwitch p.over a{ color:#ef632c;}

.videoView{ margin-top:20px; color:#585858;}
.videoView p{ line-height:30px;}
/*.videoTit{ font-size:20px;border-bottom:1px solid #ededed; padding-bottom:4px}
.videoTit span.cn{ color:#ef632c}
.videoTit span.date,.videoTit span.downl{ float:right; font-size:12px; color:#9e9e9e; line-height:20px; height:20px; padding-left:24px; background:url(/images/video/video_icon.png) no-repeat; _background-image:url

(/images/video/video_icon_8.png);}
.videoTit span.date{ margin-right:20px; background-position: -24px -247px;}
.videoTit span.downl{ background-position: -24px -284px; cursor:pointer}
.videoContr{ border-top:1px solid #ededed; padding-top:6px;}
.videoDatas{ padding-top:3px; margin-left:-5px;}
.videoDatas li{ float:left; display:inline; margin:5px 0 0 5px; background-color:#fafafa; width:375px; height:40px}
.videoDatas li.over{ background-color:#ededed}
.videoDatas p{ line-height:40px; padding-left:10px}
.videoDatas em{ color:#000; cursor:pointer;}
.videoDatas em.inplay{ color:#ef632c;}
.videoDatas a{ display:inline-block;  width:22px;  height:40px; margin-right:5px; cursor:pointer; background:url(/images/video/video_icon.png) no-repeat;_background-image:url(/images/video/video_icon_8.png);}
.videoDatas .edit{background-position: -22px -11px;}
.videoDatas .edit:hover{background-position: -22px -49px;}
.videoDatas .rem{background-position: -22px -87px;}
.videoDatas .rem:hover{background-position: -22px -125px;}
.videoDatas .downl{background-position: -22px -161px;}
.videoDatas .downl:hover{background-position: -22px -199px;}
.editVideoTip{ width:40px; height:27px; text-align:center; line-height:20px; background:url(/images/video/editVideoTip.png) no-repeat; color:#585858; position:absolute;}*/

.video_edit{ width:370px; padding-top:35px; color:#838383;}
.video_edit p{ padding-left:30px;}
.video_edit .btnArea{ margin-top:25px;}
.video_edit a.s_btn em{ width:80px;}
.video_edit input.txt{ width:210px; height:38px; line-height:38px; padding:0 10px; font-size:14px; color:#000; border:1px solid #ededed;}
.video_load{background:url(/images/video/video_str_icon.gif) 0 4px no-repeat; padding:0 0 5px 20px; line-height:22px;}
.videoEditTip em{ display:inline-block; font-size:14px; color:#ef632c; padding-bottom:7px;}



/*20140212End*/

/**
 * error
*/
.errorBody .bd{ padding-top: 110px;}
.error{ width:630px; margin: 0 auto; background:#fff url("/images/common/error.jpg" ) no-repeat 25px 12px; border: 1px solid #d5d5d5; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow:0 0 3px 

rgba(0,0,0,0.2); -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2);}
.error dl{ padding:50px 20px 50px 280px;}
.error dt{ font:28px \5FAE\8F6F\96C5\9ED1; margin-bottom: 22px;}
.error dd{ font-size: 14px;}
.error dd.s{ margin-top: 50px;}
.error a{ color: #1850a4; text-decoration: underline;}


/* zhaoshang */
/*.adArea{ width:789px; height:433px; overflow:hidden; margin-top:20px; position:relative;}
.zs_tel{ width:789px; height:83px; background:url(/new/images/zhaoshang/tel.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', 

src='/new/images/zhaoshang/tel.png'); position:absolute; right:0; bottom:0;}
.addList li{ float:left; width:789px; height:433px;}
	
.zs_conArea{}
.j-top, .j-bottom, .jc-top, .jc-bottom{ background:url(/new/images/zhaoshang/radius.png) no-repeat; overflow:hidden;}
.j-top{ background-position:0 -35px; height:8px;}
.j-bottom{ background-position:0 -44px; height:11px;}
.j-center{ background:url(/new/images/zhaoshang/cline.png) repeat-y;padding:0 10px 0 15px;}
.jc-top{ background-position:0 -61px; height:19px;}
.jc-bottom{ background-position:0 -81px; height:4px; margin-bottom:20px;}
.jc-center{ width:308px; background-color:#e8e8e8; padding:10px 0;}
	
.zs_conDemo{ padding-bottom:15px;}
.first_conDemo{ padding-top:10px;}
.second_conDemo{ padding-bottom:3px;}
.zs_conDemo h3.t{ background:url(/new/images/zhaoshang/tbg.png) no-repeat; font:normal 20px/53px \5FAE\8F6F\96C5\9ED1; color:#fff; background-color:#0097c3; padding-left:20px; margin-bottom:15px;}
.zs_conDemo h3.t span{ padding-right:30px;}
	
.aCon{ background:url(/new/images/zhaoshang/boxbg.png) no-repeat; width:470px; height:290px;}
.aCon .inner{ padding:20px 30px 20px 40px;}
.aCon p{ text-indent:2em; font-size:14px; line-height:1.8; margin-bottom:20px;}
.aCon span{ display:inline-block; width:200px;}
.aCon img{ margin-bottom:10px;}

.win{ margin-left:-12px;}	
.win li{ float:left; width:255px; height:185px; background-color:#ef8e1e; display:inline; margin:0 0 12px 12px; color:#fff;}
.win .inner{ padding:15px 20px 0 25px;}
.win .s_inner{ padding:15px 5px 0 15px;}
.win .s_inner p{ letter-spacing:-1px;}
.win h3{ font:normal 20px \5FAE\8F6F\96C5\9ED1; margin-bottom:5px;}
.win p{ line-height:1.6;}
	
.service{ padding-left:15px;}
.service li{ float:left; width:385px; height:200px; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6;}
.s_service li{ height:170px;}
.service li.s1, .service li.s3, .service li.s5, .service li.s7{ border-left-color:#fff;}
.service li.s1, .service li.s2, .service li.s5, .service li.s6{ border-top-color:#fff;}
.service dl{ background:url(/new/images/zhaoshang/icon1.jpg) no-repeat right bottom; height:auto !important; height:150px; min-height:150px;}
.service li.s2 dl{ background-image:url(/new/images/zhaoshang/icon2.jpg); padding-left:20px;}
.service li.s3 dl{ background-image:url(/new/images/zhaoshang/icon3.jpg); padding:20px 0;}
.service li.s4 dl{ background-image:url(/new/images/zhaoshang/icon4.jpg); padding:20px 0 0 20px;}
.service li.s5 dl{ background-image:url(/new/images/zhaoshang/icon5.jpg);}
.service li.s6 dl{ background-image:url(/new/images/zhaoshang/icon6.jpg); padding-left:25px;}
.service li.s7 dl{ background-image:url(/new/images/zhaoshang/icon7.jpg); padding-top:20px;}
.service li.s8 dl{ background-image:url(/new/images/zhaoshang/icon8.jpg); padding:20px 0 0 20px;}
.service dt{ background:url(/new/images/zhaoshang/titlebg.png) no-repeat; width:105px; font:normal 18px/33px \5FAE\8F6F\96C5\9ED1; text-align:center; color:#fff; margin-bottom:20px;}
.service dd, .jc-center p{ background:url(/new/images/zhaoshang/list.png) no-repeat 7px 11px; padding-left:20px; line-height:1.8;}
.jc-center p{ font-size:16px; padding-left:30px; background-position:18px 11px;}
	
.cityline li{ background:url(/new/images/zhaoshang/cityline.png) no-repeat; width:330px; height:93px;}
.cityline li.two{ background-position:0 -116px; margin:19px 0;}
.cityline li.three{ background-position:0 -230px;}
.cityline p{ padding:10px 0 0 115px; color:#fff; line-height:1.8;}

.market{ padding-right: 2px;}
.dataArea{ width:435px;}
.data{ border-left:1px solid #ee7a23; border-top:1px solid #ee7a23;}
.data th, .data td{ border-bottom:1px solid #ee7a23; border-right:1px solid #ee7a23; padding:12px 0 13px; line-height:1.11;}
.data th{ background-color:#ee7a23; font-weight:normal; color:#fff;}
.data th.s{ border-right-color:#ffc497;}
.data td{ text-align:center;}
.data td.l{ text-align:left; padding-left:10px;}
.data tr.s td{ font-weight:bold; color:#ee7a23;}
	
.case{}
.case th{ font-size:16px;}
.case p{ font-size:14px; margin-top:10px; line-height:1.7;}
.case p.s{ font-size:15px; color:#ff0600;}
.case img{ margin-top:20px;}
	
.joinArea h3{ font-size:16px; font-weight:bold; color:#ee7a23; padding-left:30px;}
.joinArea img{ margin:15px 0 30px;}
.joinCon{ width:308px;}
.joinCon h3{ margin:15px 0 5px;}
	
.formArea{ width: 380px; display: inline; margin-left: 70px; padding-top:15px;}
.formArea h3{ font-family: \5FAE\8F6F\96C5\9ED1; font-weight:normal; color: #f00; padding-left:0; text-align:center;}
.getId{ border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; font-size: 12px; margin: 20px 0 35px;}
.getId td{ border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding: 5px 10px;}
.getId textarea{ width: 230px; height: 95px; border:1px solid #2f87b1; overflow-y:auto;}
.getId em{ color: #f00; padding-right: 5px;}
.getId input{ width: 175px; height: 25px; line-height: 25px; border: 1px solid #cdcdcd;}
.getId select{ width:89px;}
.formArea .btn{ display: inline-block; width: 169px; height: 47px; background: url("/images/zhaoshang/submit.png") no-repeat; font: 20px/42px \5FAE\8F6F\96C5\9ED1; color: #fff; cursor:pointer;}
.formArea .tip{ position: absolute; bottom: 58px; left: 0; zoom:1; color: #f00;}
.backHome{ text-align: right; padding:20px 0 15px;}
.backHome a{ color: #1885d8; text-decoration: underline;}*/

/* online */
.online{width:100px; height:134px; position:fixed; right:0; top:55px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt

(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:url(/new/images/zhaoshang/online.png) no-repeat center center;}
.online dt{ font:normal 16px/30px \5FAE\8F6F\96C5\9ED1; color: #fff; text-align: center; margin-bottom: 5px;}
.online dd{ padding:10px 0 0 17px;}

/* audio */
.audio{ margin:20px 0; text-align:center;}
.audio span{ display:inline-block; width:120px; height:36px; line-height:36px; border:1px solid #aaa; border-radius:4px; text-indent:30px; background:#f4f4f4 url(http://res.abaobao.net/new/images/common/audio.png) no-repeat 40px 6px; 

font-weight:bold; color:#666; cursor:pointer;}
.audio span.play{background-image:url(http://res.abaobao.net/new/images/common/audio.gif);}
.s_audio{ margin:0; position:absolute; left:233px; bottom:20px; zoom:1;}







/*
 *
 **** album
 *
*/
.createAlbumInfo{ }
.createAlbumInfo .s_btn em{ padding: 0 10px 0 5px;}
.createAlbumInfo .back{ float: right; color: #1F52A1; height: 30px; line-height: 30px;}
.createAlbumInfo .s_btn{ background-position:0 -297px;}
.createAlbumInfo .s_btn em{ background-position:right -297px;}
.createAlbumInfo .s_btn:hover{ background-position:0 -721px;}
.createAlbumInfo .s_btn:hover em{ background-position:right -721px;}

/*
 * list page
*/
.albumArea{}
.albumList li{ float: left; width: 208px; display: inline; margin:20px 0 20px 34px;}
.albumList div{ background:url("/images/album/frame.png") no-repeat; width: 201px; height: 202px; padding:7px 0 0 7px;}
.albumList a.s{ display: block; width:184px; height:184px; overflow:hidden;}
.albumList .null{ display: inline-block;}
.albumList .null a{ display: inline-block; background:#ececec url("/images/album/null.png") no-repeat center 45px; width: 184px; height: 70px; font-size: 14px; font-weight: bold; color: #bfbfbf; text-align: center; padding-top: 114px;}
.albumList h3{ font-size: 14px; width: 208px; height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0 7px;}
.albumList h3 a{ color: #8b8b8b;}
.albumList p{ color: #b3b3b3;}
.a_info span{ float: right;}
.a_edit span{ color:#1F52A1; padding-right:45px; cursor: pointer;}


/*
 * album alertBox
*/
/* create */
.createAlbumName{ width: 340px;}
.createAlbumName h3{ font-size: 12px; color: #5b5b5b;}
.createAlbumName input{ width:256px; color: #5b5b5b;}
.createAlbumName .tip{ position: absolute; top: 42px; left: 65px; zoom:1; font-weight: normal; color: #f00;}





/* tip */
.albumTip{ width:450px;}
.albumTip div.inner{ padding:40px 45px 0;}
.albumTip p.s{ font-size: 16px; line-height: 1.8; height: 70px;}

.keepAlbum{ width: 520px;}
.keepAlbum div.inner{ padding:20px 26px 38px;}
.keepAlbum textarea{ width: 99.8%; border: 1px solid #c9c9c9; height: 140px; color: #bebebe; line-height:18px}
.keepAlbum .ai_btnArea{ padding: 5px 0 20px;}
.keepAlbum .ai_btnArea .fr{ padding-top: 5px;}
.keepAlbum .focus{ color: #585858;}
.keepAlbum .tip{ color:#f00; width:100%; position:absolute; top:-20px; left:0; zoom:1; text-align:left;}
.keepAlbum .nomar{ margin-left:0;}

/*
 * album detail
*/
.s_albumPage .bd{ padding-top:0;}
.sNav{ z-index:2;}
.sNav p{ font-size: 14px; font-weight: bold; width:100%; line-height: 52px; position: absolute; left: 0; top: 0; zoom:1;}
.addAlbumInfo{ padding:0; z-index: 1;}
.addAlbumInfo p{ color: #585858; line-height: 30px;}
.addAlbumInfo .tool, .addAlbumInfo .back{ position: absolute; left: 0; top: 0; zoom:1;}
.addAlbumInfo .back{ left: auto; right: 0; float: none;}
.addAlbumInfo .keep, .addAlbumInfo .cancel{ display: inline-block; height: 30px; line-height: 30px; color: #1F52A1; cursor: pointer;}
.addAlbumInfo .cancel{ position: absolute; right: 0; top: 0; zoom:1;}
.addAlbumInfo .dHide{ display: none;}
.twoMenu{ display: inline-block; color: #1F52A1; cursor: pointer; margin-left: 4px; z-index: 1; zoom:1;}
.twoMenu dfn{ display: inline-block; background: url("/images/album/blue_arrow.png") no-repeat 40px 13px; padding:0 25px 0 12px; line-height: 30px; border: 1px solid #f5f5f5; border-bottom: 0; border-radius:5px 5px 0 0; position: 

relative; z-index: 1;}
.twoMenu dfn.hover{ border-color:#e0e0e0; background-color: #fff;}
.twoMenu ul{ width:108px; position: absolute; left: 0; top: 30px; zoom:1; border: 1px solid #e0e0e0; border-radius:0 0 5px 5px; background-color: #fff; padding-bottom: 13px;}
.twoMenu li{ padding:12px 10px 0;}

.albumCon{ height: auto !important; height: 1000px; min-height: 1000px; padding-bottom: 50px; background-color:#fff;}
.album_null{ font:28px \5FAE\8F6F\96C5\9ED1; color: #212121; text-align: center; padding-top: 135px;}
.album_null span{ display: block; font-size: 18px; color:#1F52A1; cursor: pointer; padding-top: 7px;}
.albumArea .album_null{ font-size: 22px; padding-top: 80px;}
.albumArea .album_null span{ font-size: 16px;}

.d_albumList li{ float: left; width:188px; height: 188px; border: 1px solid #cac8c8; margin: 25px; overflow: hidden;}
.d_albumList .relative{ width:188px; height: 188px; overflow: hidden;}
.d_albumList .bg, .d_albumList .sel{ width: 188px; height: 188px; position: absolute; left: 0; top: 0; cursor: pointer;}
.d_albumList .bg{ background-color: #fff; filter:alpha(opacity=50); opacity:0.5;}
.d_albumList .sel{  background: url("/images/album/gou.png") no-repeat 164px 3px; _background-image: url("/images/album/gou_8.png");}

/**
 * curriculum
 */
.e_input{ line-height: 32px; margin-bottom: 5px; position:relative; clear:both; overflow:hidden; width:100%;}
.e_tag{ display: block; width: 16px; color: #fff; text-align: center; line-height: 32px; position:absolute; left:0; top:0; bottom:0;}
.c_mon {background: #e08d8d}
.e_box{ display: block; height:100%\9; border: 1px solid #ddd; overflow:hidden; padding-left:26px;}
.e_box input, .e_box em.s{border: 0px; line-height: 30px; height: 30px; padding-left: 25px; width: 450px}
.e_box em.s { padding-left:0;}
.e_box input::-ms-clear { display: none; } 
.e_box .areatext { min-height:30px; width:644px; float:left; outline:none; line-height:30px;}
.e_del{display: block; width: 20px; height: 30px; background: url("http://new.abaobao.net/images/common/sp_w_icon.png") no-repeat 0px -393px;cursor:pointer; margin-left: 18px; float: right;}
.e_join{float: right;}

/*
 * web guide
*/
/*.webGuide{ position:relative; z-index:10;}
.s_webGuide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.guideMark{ width: 100%; height: 100%; position: fixed; _position:absolute; left: 0; top: 0; background-color: #000; filter:alpha(opacity=65); opacity: 0.65;}
.guideCon{ position: fixed; _position:absolute; left: 50%; top: 50%;}
/* video guide */
/* .g_video{ width: 274px; height: 211px; margin: -105px 0 0 -137px;}
.g_videoFirst{ width: 208px; height: 134px; position: absolute; background: url("/images/guide/video1.png") no-repeat; _background-image: url("/images/guide/video1_8.png"); left: 61px;}
.g_videoFirst span, .g_video span{ display: block; width: 25px; height: 25px; margin-left: 108px; cursor: pointer;}
.g_videoSecond, .g_videoThree{ background: url("/images/guide/video2.png") no-repeat; _background-image: url("/images/guide/video2_8.png");  width: 274px; height: 211px; position: absolute; left: 0; top: 0;}
.g_videoThree{ background-image: url("/images/guide/video3.png"); _background-image: url("/images/guide/video3_8.png"); background-position: 0 15px;}
.g_videoSecond span{ margin-left: 249px;}
.g_videoThree span{ margin: 15px 0 0 243px;}
.g_video dfn{ display: block; width:128px; height: 42px; margin:141px 0 0 111px; cursor: pointer;}
.g_videoThree dfn{ margin:108px 0 0 144px;}*/



/* classNote */
.uploadImg{ margin:0; padding-top:10px; height:auto !important; height:auto; min-height:0; position:relative;}
.uploadImg span{width:66px; height:66px; margin:0 8px 0 0;}
.uploadImg em.bg{ width: 66px; height: 66px;}
.notes .viceNav{ margin-top:10px;}


.msgList .head{/*border-radius: 50px;*/}
.msgList .gray{color:#333333}
.msgList .content{ color:#333333; font-size:14px; font-family:"Microsoft YaHei"; line-height:24px; word-break:normal }
.msgList .mtype{background-color: #f7aa2d; border-color: #f7aa2d; line-height: 16px; color: #fff; padding:0px 10px; padding-bottom:2px; border-radius:3px; margin-right:10px}
.msgList .selicon{    background: url("/images/common/sp_w_icon.png") no-repeat scroll 0 5px; cursor: pointer; display: inline-block; height: 20px; width: 15px;}
.msgList .sdate{ color:#999999; font-size:12px;}
.msgList .nselbtn{background-color: #fff; border: 1px solid #9f9f9f; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); overflow-y: auto; position: absolute; right: 0; top: 22px;  z-index: 1; padding:0px; text-align:center; line-height:20px}
.msgList .nselbtn a{ display: block; line-height: 18px; padding: 3px 10px  }
.msgList .nselbtn a:hover{ background-color: #efefef}
.msgList .box{position: relative }
.msgList .more{text-align: center; cursor: pointer;}
.msgList .desc{height: 100px; overflow:hidden; text-overflow:ellipsis;}
.msgList .intop{text-indent: 55px; background: url("/images/new/top.jpg") no-repeat; }
.page {color: #808080; font-size: 12px; padding: 0 10px;}
.r {text-align: right; overflow:hidden;}
.selClass a{border: 1px solid #cfcfcf; border-radius: 5px; color: #7a7a7a; display: inline-block; font-size: 14px; line-height: 32px; margin: 11px 7px 0 0; padding: 0 12px; text-align: center;}
.selClass a.sel{background: url("/images/common/sp_w_icon.png") no-repeat scroll right -42px;}
/*.selClsBtn{text-align: right;}*/
/*.selClsBtn .s_btn{line-height: 24px}*/
.s_inner .search{ border: 1px solid #cfcfcf; border-radius:2px; width: 130px; height: 26px; background: url("/images/new/search_icon.png") left no-repeat; padding-left: 20px; position: absolute; top: 1px; right: 0;}
.s_inner .search input{border: 0px; width: 125px; height: 26px; line-height: 28px\9; font-family: "宋体"; color: #888; font-size: 12px; float: left;}

/* 园长宝，商品页 */
.kglWrap ul { overflow:hidden;}
.kglWrap ul li {width: 296px; float: left; margin:25px 15px 0px; min-height:574px; height:520px\9; margin:25px 5px 0 15px\9; overflow:hidden;}
.kglWrap ul li .img {}
.kglWrap ul li .title {margin: 5px 0 8px 0; font-size: 20px;}
.kglWrap ul li .title em {font-size: 16px; margin-top: 2px}
.kglWrap ul li .title em a{color: #f7aa2d;}
.kglWrap ul li .desc {font-size: 14px;}

/* 人才列表页 */
.jobWrap .content ul li {width: 326px; float: left; margin:15px 0 30px 0;}
.jobWrap .content ul li .img {margin: 0 20px 0 0;}
.jobWrap .content ul li .title {margin: 5px 0 8px 0; font-size: 26px;}
.jobWrap .content ul li .desc {width: 184px; font-size:16px;}
.jobWrap .content ul li .desc div {margin-top: 12px;}

/* 人才简历详情页 */
/*.teacher { width:750px; margin:0 auto;}*/
.teacher .info { padding:10px; background-color:#FFF; overflow:hidden;}
.teacher .info .img { width:210px; height:210px; overflow:hidden; float:left;}
.teacher .info .img img { width:210px; min-height:210px;}
.teacher .info .detail { margin-left:230px; overflow:hidden;}
.teacher .info .detail dt { height:34px; font-weight:bold; font-size:18px; margin-bottom:6px; color:#666; border-bottom:solid 1px #DDD;}
.teacher .info .detail dd { width:33.33333%; float:left; height:35px; line-height:35px;}

.teacher .info .intro { overflow:hidden; margin-left:230px; margin-top: 15px;}
.teacher .info .intro dt { float:left; font-weight:bold; line-height:26px;}
.teacher .info .intro dd { float:left; height:26px; line-height:26px; color:#FFF; padding:0 10px; border-radius:4px; margin-right:10px;}
.teacher .info .intro .d1 { background-color:rgb(51, 122, 183);}
.teacher .info .intro .d2 { background-color:rgb(92, 184, 92);}

.teacher .introduction { background-color:#FFF; overflow:hidden; margin-top:10px; padding:5px 10px 10px;}
.teacher .introduction dl { padding:0 10px 20px;}
.teacher .introduction dt { border-bottom:solid 1px #ddd; height:48px; line-height:48px; clear:both;}
.teacher .introduction dt span { float:left; border-bottom:solid 2px #00C3E1; font-size:18px; font-weight:bold;}
.teacher .introduction dd { clear:both; padding-top:15px;}
.teacher .introduction dd p { padding:5px 0;}

.teacher .introduction .work dd { background-color:#F5F5F5; padding:5px 12px; margin-top:10px; border:solid 1px #eee;}
.teacher .introduction .view_contact { width:228px; height:34px; line-height:34px; background-color:#ff5871; color:#FFF; text-align:center; margin:20px auto; display:block;}
.teacher .introduction .pg { overflow:hidden; clear:both; padding:15px;}
.teacher .introduction .pg li { width:50%; height:30px; line-height:30px;}
.teacher .introduction .pg .prev { float:left;}
.teacher .introduction .pg .next { float:right; text-align:right;}


.footernew {height:62px;margin-left:365px;}
.footernew em {border:1px solid #D2D2D2;float:left;font-size:12px;height:50px;line-height:20px;margin:6px;padding:0;width:120px;overflow:hidden;}
.footernew .fl{float:left;padding:3px;}
.footernew .fr{float:right;padding:5px 3px 0;width:72px;}
.footernew a{padding:0;}


.kglshopDetailWrap { background-color:#fff; padding:30px;}


.videoArea { background-color: #fff; padding: 15px;}
#BuyType { padding: 12px; border: solid 1px #E1E1E1; margin: 0 10px 0 5px;}



.modalMask { visibility:hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background:#999; background-color: rgba(0,0,0,0.4); z-index: 1000;}
.modalMask .content { background-color: #fff; position: absolute; left: 50%; top: 50%; margin: -285px 0 0 -340px;}
.modalMask .content .title { height: 45px; line-height: 45px; border-bottom: solid 1px #e5e5e5; background-color: #f5f5f5; position: relative;}
.modalMask .content .title h3 { padding-left: 15px; font-weight: bold; font-size: 14px;}
.modalMask .content .title .close { width: 45px; height: 45px; position: absolute; top: 0; right: 0; bottom: 0; background: url(/images/new/ico_close_x.png) no-repeat center;}
.modalMask .content .flashplayer { padding: 10px; width: 660px; height: 505px;}