/* 头部 */
. header { width : 100 % ; height : 51 px ; min-width : 1200 px ; }
. header_con { width : 1200 px ; min-width : 1200 px ; height : 50 px ; margin : 0 auto ; }
. new-logo img { width : 36 px ; height : 36 px ; margin-top : 7 px ; border-radius : 3 px ; }
. new-logo p { font-size : 18 px ; color : #fff ; line-height : 50 px ; }
a . new-nav-a { display : block ; font-size : 14 px ; line-height : 50 px ; color : #fff ; }
a : hover . new-nav-a { color : #ff7500 ; text-decoration : none ; }
. header-search { border-radius : 3 px ; background : #fff ; }
. header-search a { text-decoration : none ; color : #666 !important ; }
. header-search a : hover { color : #ff7500 !important ; }
input . header-search-input { width : 150 px ; height : 30 px ; padding : 0 5 px ; border-style : none ; border : none ; outline : none ; }
. innner-nav { margin-left : 40 px ; }
. innner-nav li { float : left ; margin-right : 40 px ; }
. innner-nav li a { display : block ; color : #fff ; padding : 0 10 px ; }
. inner-btnbox02 { width : 270 px ; margin : 30 px auto 0 ; }
. new-container-inner02 { width : 1200 px ; margin : 0 px auto ; padding : 50 px 0 ; }
. inner-nav-mes { font-size : 16 px ; color : #fff ; margin-right : 35 px ; margin-top : 18 px ; }
. inner-nav-cir { background : #ff6530 ; color : #fff ; border-radius : 15 px ; padding : 0 5 px ; display : inline-block ; font-size : 10 px ; height : 17 px ; line-height : 17 px ; }
. inner-nav-user { width : 75 px ; height : 45 px ; margin-top : 5 px ; position : relative ; padding-left : 0 px ; }
. inner-nav-user-img { width : 40 px ; height : 40 px ; border-radius : 50 px ; }
select . header-search-select { border : none ; font-size : 14 px ; padding : 5 px ; background : none ; }
. edu-unlogin-nav a { color : #fff !important ; font-size : 14 px ; line-height : 50 px ; }
. edu-unlogin-nav a : hover { color : #3b94d6 ; }
. edu-unlogin-nav { font-size : 12 px ; color : #fff ; line-height : 50 px ; }
. task-user-dropdown { font-size : 12 px ; line-height : 1.9 ; width : 120 px ; background-color : #fff ; border-radius : 3 px ; box-shadow : 0 px 2 px 8 px rgba ( 146 , 153 , 169 , 0.5 ) ; position : relative ; top : 5 px ; right : 44 px ; display : none ; z-index : 999 ; }
. task-user-dropdown font { border : 1 px solid #dddddd ; display : block ; border-width : 8 px ; position : absolute ; top : -13 px ; left : 100 px ; border-style : solid ; border-color : transparent transparent #fff transparent ; font-size : 0 ; line-height : 0 ; box-shadow : 2 px rgba ( 146 , 153 , 169 , 0.5 ) ; }
. task-user-dropdown-nav { padding-top : 5 px ; }
. task-user-dropdown-nav li { display : inline-block ; text-align : center ; width : 100 % ; height : 30 px ; line-height : 30 px ; }
. task-user-dropdown-nav li : hover { background : #eee ; }
. task-user-dropdown-nav li : hover a { color : #FF7500 !important ; }
. task-line { display : block ; height : 1 px !important ; line-height : 1 px !important ; border-bottom : 1 px solid #eee ; margin : 0 ; }
. inner-nav-user : hover . task-user-dropdown { display : block ; }
dropdown { display : inline-block ; height : 30 px ; line-height : 1.9 ; font-size : 12 px ; }
dropdown label , dropdown ul li { display : block ; width : 42 px ; padding : 4 px 10 px ; text-align : center ; border-radius : 3 px ; color : #666 ; }
dropdown ul li : hover { background : #eee ; color : #666 ; cursor : pointer ; }
dropdown label { color : #666 ; border-radius : 3 px 0 0 3 px ; position : relative ; z-index : 2 ; width : 50 px ; text-align : center ; height : 22 px ; }
dropdown input { display : none ; }
dropdown input : checked + label { background : #fff ; color : #666 ; }
dropdown ul { position : absolute ; visibility : visible ; opacity : 1 ; top : 38 px ; background : #fff ; z-index : 99 ; border-radius : 3 px ; }
$ colors : # fff , # 0072B5 , # 2C3E50 ;
@ for $ i from 1 through length ( $ colors ) {
dropdown ul li : nth-child ( # { $ i } ) {
border-left : 4px solid nth ( $ colors , $ i ) ;
. fa {
color : nth ( $ colors , $ i ) ;
}
& : hover {
background : nth ( $ colors , $ i ) ;
color : white ;
. fa {
color : white ;
}
}
}
}
. edu-dropdown { position : relative ; padding : 0 15 px ; }
. edu-dropdown-menu { background-color : #fff ; text-align : center ; border-radius : 3 px ; box-shadow : 0 px 2 px 8 px rgba ( 146 , 153 , 169 , 0.5 ) ; position : absolute ; top : 25 px ; left : 0 px ; z-index : 999 ; display : none ; }
. edu-dropdown-menu li { height : 30 px ; line-height : 30 px ; display : block ; padding : 0 15 px ; text-align : left ; }
. edu-dropdown-menu li label { cursor : pointer ; }
. edu-dropdown-menu li : hover { color : #FF7500 !important ; }
/*.edu-dropdown:hover .edu-dropdown-menu{ display: block;}*/
. animate { -webkit- transition : all .3 s ; -moz- transition : all .3 s ; -ms- transition : all .3 s ; -ms- transition : all .3 s ;
transition : all . 3s ; backface-visibility : hidden ; -webkit-backface-visibility : hidden ; /* Chrome and Safari */ -moz-backface-visibility : hidden ; /* Firefox */ -ms-backface-visibility : hidden ; /* Internet Explorer */ }
/* 底部 */
. footer { width : 100 % ; height : 100 px ; background-color : #fff ; }
. footer_con { width : 1200 px ; height : 100 px ; margin : 0 auto ; text-align : center ; padding : 20 px 0 ; }
. footer_con-inner { width : 300 px ; margin : 0 px auto ; }
. footer_con-inner li a { font-size : 16 px ; color : #888 ; display : block ; padding : 0 15 px ; border-right : solid 1 px #888 ; }
. footer_con-inner li a : hover { text-decoration : underline ; }
. footer_con-p { color : #888 ; margin-top : 10 px ; }
. inner-footer { width : 100 % ; min-width : 1200 px ; background : #323232 ; padding-bottom : 30 px ; }
. inner-footer_con { width : 1200 px ; margin : 0 auto ; }
. inner-footer-nav { height : 50 px ; border-bottom : 1 px solid #47494d ; }
. inner-footer-nav li a { float : left ; margin-right : 15 px ; font-size : 14 px ; color : #888 ; line-height : 50 px ; }
. saoma-box { position : relative ; }
. saoma-img-box { position : absolute ; top : -300 px ; left : -86 px ; border-radius : 3 px ; background : #fff ; padding : 15 px ; box-shadow : 0 px 2 px 8 px rgba ( 146 , 153 , 169 , 0.5 ) ; display : none ; }
. saoma-box li : hover ul { display : block ; }
. img-show { width : 50 px ; height : 50 px ; border-radius : 50 px ; }
. saoma-img-box font { border : 1 px solid #dddddd ; display : block ; border-width : 8 px ; position : absolute ; top : 289 px ; left : 103 px ; border-style : solid ; border-color : #fff transparent transparent transparent ; font-size : 0 ; line-height : 0 ; box-shadow : 2 px rgba ( 146 , 153 , 169 , 0.5 ) ; }
. inner-footer-p-big { display : block ; height : 50 px ; line-height : 50 px ; color : #888 ; font-size : 16 px ; border-left : 2 px solid #888 ; padding-left : 15 px ; }
. inner-btnbox02 { width : 270 px ; margin : 30 px auto 0 ; }
. new-container-inner02 { width : 1200 px ; margin : 0 px auto ; padding : 50 px 0 ; }
img . edu-footer-logo { height : 50 px ; }
/************布局 byLB****************/
. panel-content { width : 1200 px ; margin : 20 px auto ; background : #eaebec ; }
. panel-contentss { width : 1200 px ; margin : 10 px auto ; margin-bottom : 20 px ; background : #fff ; }
/************讨论区20170321 byLB****************/
. nobg : hover { background : #fff ; }
a . panel-list-title , . panel-list-title { display : inline-block ; font-size : 16 px ; color : #333 ; font-weight : normal ; max-width : 82 % ; }
a : hover . panel-list-title { color : #FF7500 ; }
. panel-list-img { width : 60 px ; height : 60 px ; border-radius : 100 px ; }
a . panel-name-small { display : inline-block ; max-width : 100 px ; color : #29bd8b ; font-size : 12 px ; }
. panel-list-infobox { width : 92 % ; margin-left : 8 % ; margin-top : -70 px ; }
. panel-lightgrey , . panel-lightgrey span { font-size : 12 px ; color : #888 ; }
. panel-inner-info { width : 93 % ; margin-left : 7 % ; }
. panel-inner-info img { max-width : 100 % }
. panel-bg-grey { padding : 5 px 0 ; background : #f6f6f6 ; width : 100 % ; color : #666 ; }
. panel-list-nodata { width : 420 px ; margin : 100 px auto ; text-align : center ; }
/*班级讨论区panel 2017/07/20 cs*/
. panel-content-box { background : #FFFFFF ; }
. panel-content-line { width : 90 % ; margin : 30 px 5 % ; }
. panel-content-line . panel-line-left { width : 8 % ; text-align : right ; }
. panel-content-line . panel-content-label { height : 40 px ; line-height : 40 px }
. panel-content-line . panel-content-input { width : 90 % ; height : 28 px ; padding : 5 px ; }
. panel-content-line . panel-content-ta { width : 90 % ; min-height : 148 px ; padding : 5 px ; }
/* 回复评论 */
. panel-comment_item { width : 100 % ; }
. panel-comment_item . t_area { color : #888 ; }
. comment_item_cont { padding : 15 px ; border-bottom : 1 px solid #e3e3e3 ; }
. comment_item_cont . J_Comment_Face { height : 50 px }
. comment_item_cont . J_Comment_Face img { width : 50 px ; height : 50 px ; border-radius : 100 px ; }
. panel-comment_item . t_content { width : 93 % ; margin-left : 15 px ; }
. panel-comment_item a . content-username { font-size : 14 px ; margin-right : 15 px ; display : inline-block ; max-width : 100 px ; color : #888888 }
. J_Comment_Info { height : 20 px ; line-height : 22 px ; }
/*.panel-comment_item a:hover.content-username{color:#FF7500;}*/
. panel-comment_item . orig_user img { width : 40 px ; height : 40 px ; border-radius : 100 px ; }
. panel-comment_item . reply-right { float : right ; position : relative ; }
. panel-comment_item . reply_iconup02 { position : absolute ; top : 22 px ; left : 14 px ; color : #d4d4d4 ; font-size : 16 px ; background : #f1f1f1 ; line-height : 13 px ; }
. panel-comment_item . comment_orig_content { margin : 10 px 0 ; color : #999 ; }
. panel-comment_item . comment_orig_content . comment_orig_content { margin-top : 0 ; color : #666 ; }
. panel-comment_item . orig_cont { border : solid 1 px #F3DDB3 ; background : #FFFEF4 ; padding : 4 px ; color : #999 ; margin-top : -1 px ; }
. panel-comment_item . orig_cont_sub { border-top : 0 }
. panel-comment_item . comment_orig_content . orig_index { float : right ; color : #666 ; font-family : Arial ; padding-right : 5 px ; line-height : 30 px ; }
. panel-comment_item . comment_orig_content . orig_user { margin : 10 px 15 px 10 px 5 px ; }
. panel-comment_item . comment_orig_content . orig_user span { color : #999 ; padding-right : 5 px ; }
. panel-comment_item . comment_orig_content . orig_content { padding : 5 px 0 px 5 px 0 px ; line-height : 24 px ; color : #333 ; }
. panel-comment_item . orig_right { width : 80 % ; margin-top : 5 px ; }
. panel-comment_item . orig_right img { max-width : 100 % ; }
. panel-comment_item a . comment_ding_link { height : 24 px ; line-height : 24 px ; display : inline-block ; padding-left : 2 px ; vertical-align : middle ; color : #333 ; }
. panel-comment_item a : hover . comment_ding_link { color : #269ac9 ; }
. panel-comment_item . comment_ding_link span { display : inline-block ; padding : 0 0 px 0 8 px ; }
. panel-comment_item . comment_ding_link em { font-style : normal ; font-family : arial ; }
. panel-comment_item . comment_reply_link { display : inline-block ; width : 50 px ; height : 24 px ; line-height : 24 px ; vertical-align : middle ; text-align : center ; }
. panel-comment_item . comment_reply_link : link , . comment_reply_link : visited { color : #333 ; text-decoration : none ; }
. panel-comment_item . comment_content { color : #666 ; }
. comment_content img , . orig_content img { max-width : 100 % }
. panel-comment_item . t_txt { margin-top : 10 px ; }
. panel-comment_item . orig_reply_box { border-top : 1 px solid #e3e3e3 ; width : 100 % ; padding : 15 px 0 px 0 px 0 ; margin-top : 5 px ; }
. panel-comment_item . orig_textarea { width : 90 % ; margin-bottom : 10 px ; }
. panel-comment_item . orig_textarea02 { border : 1 px solid #ccc ; background-color : #fff ; width : 92 % ; margin-bottom : 10 px ; }
. panel-comment_item . orig_sub { float : right ; background-color : #269ac9 ; color : #fff ; height : 25 px ; line-height : 25 px ; text-align : center ; width : 80 px ; border : none ; }
. panel-comment_item . orig_sub : hover { background : #297fb8 ; }
. panel-comment_item . orig_cont_hide { text-align : center ; width : 100 % ; display : block ; font-size : 14 px ; color : #666 ; border-bottom : 1 px solid #F3DDB3 ; padding : 8 px 0 ; }
. panel-comment_item . orig_icon { color : #888 ; margin-right : 10 px ; font-size : 14 px ; font-weight : bold ; }
. orig_reply { font-size : 12 px ; }
. panel-mes-head { padding : 10 px ; border-bottom : 1 px solid #eee ; }
. homepagePostReplyPortrait a img { border-radius : 100 px ; }
/* 表格 */
. panel-new-table { width : 100 % ; text-align : center ; }
. panel-new-table tr th { color : #333 ; height : 50 px ; line-height : 50 px ; }
. panel-new-table tr th , . panel-new-table tr td { border-bottom : 1 px solid #eee ; }
. panel-new-table tr td { color : #666 ; height : 40 px ; line-height : 40 px ; }
. panel-table-pd15 tr td { padding : 15 px 0 ; }
. panel-new-table tbody tr : hover { background : #f9f9f9 ; }
a . panel-table-name { display : block ; max-width : 100 px ; text-align : center ; }
a . panel-table-title { display : block ; max-width : 240 px ; text-align : center ; }
. table-num { width : 5 % ; text-align : center ; }
/* 滑动条 */
. panel-slider-bg { width : 240 px ; height : 15 px ; border-radius : 15 px ; background : #f1f2f7 ; }
. panel-slider-inner00 { display : block ; width : 0 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner01 { display : block ; width : 10 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner02 { display : block ; width : 20 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner03 { display : block ; width : 30 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner04 { display : block ; width : 40 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner05 { display : block ; width : 50 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner06 { display : block ; width : 60 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner07 { display : block ; width : 70 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner08 { display : block ; width : 80 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner09 { display : block ; width : 90 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
. panel-slider-inner10 { display : block ; width : 100 % ; height : 15 px ; border-radius : 15 px ; background : #29bd8b ; }
/* 翻页 */
. panel-pages a { display : inline-block ; border : 1 px solid #d1d1d1 ; color : #888 ; float : left ; text-align : center ; padding : 0 10 px ; margin-right : 5 px ; height : 30 px ; line-height : 30 px ; }
. panel-pages a : hover , . panel-pages . active { background-color : #29bd8b ; border : 1 px solid #29bd8b ; color : #fff ; }
. panel-pages { width : 350 px ; margin : 20 px auto ; }
/* 翻页*/
. pages_right_min a { display : inline-block ; border : 1 px solid #d1d1d1 ; color : #888 !important ; float : left ; text-align : center ; padding : 3 px 10 px ; line-height : 1.9 ; margin : 0 5 px ; }
. pages_right_min a . pages-border-right { border-right : 1 px solid #d1d1d1 ; }
. pages_right_min a : hover , . pages_right_min a . active { background-color : #FC7033 ; color : #fff !important ; border : 1 px solid #FC7033 }
. pages_right_min li { float : left ; }
/* 搜索*/
. panel-search { position : relative ; }
input . panel-search-input { height : 30 px ; width : 300 px ; color : #666 ; }
. panel-search-btn { position : absolute ; top : 2 px ; right : 10 px ; }
/* 表单*/
. label-w20 { width : 20 % !important ; }
. panel-form-label { display : inline-block ; width : 10 % ; min-width : 90 px ; text-align : right ; line-height : 40 px ; font-weight : normal ; }
. panel-form input , . panel-form textarea , . panel-form select { border : 1 px solid #e2e2e2 ; color : #666 ; line-height : 1.9 ; background : #fff ; }
. panel-box-sizing { -moz- box-sizing : border-box ; /*Firefox3.5+*/ -webkit- box-sizing : border-box ; /*Safari3.2+*/ -o- box-sizing : border-box ; /*Opera9.6*/ -ms- box-sizing : border-box ; /*IE8*/ box-sizing : border-box ; border-radius : 3 px ; }
input . panel-form-width-690 { padding : 5 px ; width : 90 % ; height : 40 px ; }
input . panel-form-width-100 { padding : 5 px ; width : 100 % ; height : 40 px ; }
input . panel-form-width-45 { padding : 5 px ; width : 44.5 % ; height : 40 px ; }
input . panel-form-width-50 { padding : 5 px ; width : 44.5 % ; height : 25 px ; }
input . panel-form-width-60 { padding : 5 px ; width : 60 % ; height : 40 px ; }
textarea . panel-form-width-100 { padding : 5 px ; width : 100 % ; height : 150 px ; }
textarea . panel-form-width-690 { padding : 5 px ; width : 90 % ; height : 150 px ; }
. panel-form-width-670 { width : 670 px ; padding : 5 px ; }
. panel-form-height-150 { height : 150 px ; }
. panel-form-height-30 { height : 30 px ; }
. task-bg-grey { background : #f3f3f3 ; width : 90 % ; min-width : 700 px ; padding : 10 px ; border : 1 px solid #f3f3f3 ; color : #888 ; }
. task-bg-grey02 { background : #f3f3f3 ; width : 80 % ; min-width : 700 px ; padding : 7 px 10 px ; border : 1 px solid #f3f3f3 ; color : #888 ; }
input . task-form-10 , textarea . task-form-10 , select . task-form-10 , . task-form-10 { padding : 5 px ; width : 10 % ; box-sizing : border-box }
input . task-form-15 , textarea . task-form-15 , select . task-form-15 , . task-form-15 { padding : 5 px ; width : 15 % ; box-sizing : border-box }
input . task-form-20 , textarea . task-form-20 , select . task-form-20 , . task-form-20 { padding : 5 px ; width : 20 % ; box-sizing : border-box }
input . task-form-30 , textarea . task-form-30 , select . task-form-30 , . task-form-30 { padding : 5 px ; width : 30 % ; box-sizing : border-box }
input . task-form-35 , textarea . task-form-35 , select . task-form-35 , . task-form-35 { padding : 5 px ; width : 35 % ; box-sizing : border-box }
input . task-form-40 , textarea . task-form-40 , select . task-form-40 , . task-form-40 { padding : 5 px ; width : 40 % ; box-sizing : border-box }
input . task-form-45 , textarea . task-form-45 , select . task-form-45 , . task-form-45 { padding : 5 px ; width : 45 % ; box-sizing : border-box }
input . task-form-50 , textarea . task-form-50 , select . task-form-50 , . task-form-50 { padding : 5 px ; width : 50 % ; box-sizing : border-box }
input . task-form-60 , textarea . task-form-60 , select . task-form-60 , . task-form-60 { padding : 5 px ; width : 60 % ; box-sizing : border-box }
input . task-form-70 , textarea . task-form-70 , select . task-form-70 , . task-form-70 { padding : 5 px ; width : 70 % ; box-sizing : border-box }
input . task-form-80 , textarea . task-form-80 , select . task-form-80 , . task-form-80 { padding : 5 px ; width : 80 % ; box-sizing : border-box }
input . task-form-90 , textarea . task-form-90 , select . task-form-90 , . task-form-90 { padding : 5 px ; width : 90 % ; box-sizing : border-box }
input . task-form-100 , textarea . task-form-100 , select . task-form-100 , . task-form-100 { padding : 5 px ; width : 100 % ; }
input . task-height-40 , textarea . task-height-40 , . task-height-40 , select . task-height-40 { height : 40 px ; }
input . task-height-30 , textarea . task-height-30 , . task-height-30 , select . task-height-30 { height : 32 px ; }
input . task-height-220 , textarea . task-height-220 , . task-height-220 { height : 220 px ; }
input . task-height-150 , textarea . task-height-150 , . task-height-150 { height : 150 px ; }
input . task-height-100 , textarea . task-height-100 , . task-height-100 { height : 100 px ; }
input . task-height-80 , textarea . task-height-80 , . task-height-80 { height : 80 px ; }
/*宽度固定的input框----输入数值类的*/
input . task-width-80 , textarea . task-width-80 { width : 80 px ; height : 40 px ; box-sizing : border-box ; border-radius : 3 px ; }
/*头像下拉弹框*/
. my_account_info { width : 160 px ; background-color : #fff ; border-radius : 3 px ; box-shadow : 0 px 2 px 8 px rgba ( 146 , 153 , 169 , 0.5 ) ; position : absolute ; font-size : 14 px ; top : 46 px ; left : -97 px ; display : none ; z-index : 999 ; }
. my_account_info li a { color : #888 ; }
. my_account_info font { border : 1 px solid #dddddd ; display : block ; border-width : 8 px ; position : absolute ; top : -15 px ; left : 140 px ; border-style : solid ; border-color : transparent transparent #fff transparent ; font-size : 0 ; line-height : 0 ; box-shadow : 2 px rgba ( 146 , 153 , 169 , 0.5 ) ; }
. my_account_info li { padding-left : 5 px ; line-height : 1.5 ; }
. li_bottom_border { border-bottom : 1 px solid #eee ; }
a . task-index-name { display : inline-block ; max-width : 80 px ; }
. task-index-name { display : inline-block ; max-width : 80 px ; }
/*滑块验证*/
. drag_slider { position : relative ; background-color : #e8e8e8 ; width : 100 % ; height : 45 px ; line-height : 45 px ; text-align : center ; border-radius : 4 px ; }
. drag_slider . handler { border-radius : 4 px 0 px 0 px 4 px ; position : absolute ; top : 0 px ; left : 0 px ; width : 50 px ; height : 43 px ; border : 1 px solid #eee ; cursor : move ; }
. handler_bg { background : #fff url ( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==" ) no-repeat center ; }
. handler_ok_bg { background : #fff url ( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==" ) no-repeat center ; }
. drag_slider . drag_bg { background-color : #29bd8b ; height : 45 px ; width : 0 px ; }
. drag_slider . drag_text { border-radius : 4 px 0 px 0 px 4 px ; position : absolute ; top : 0 px ; width : 100 % ; -moz- user-select : none ; -webkit- user-select : none ; user-select : none ; -o- user-select : none ; -ms- user-select : none ; }
/*新建新增*/
/*.edu-con-top{ padding:10px 0; background:#fff; border-bottom:1px solid #eee;font-size:16px; }*/
/*.edu-con-top h2{ font-size:16px;}*/
/*.edu-con-bg01{ width: 100%; background:#fff;}*/
/*.edu-con-top .color-grey{ color:#666!important;}*/
/*附件上传的样式*/
. atta_input { width : 980 px ; white-space : nowrap ; text-overflow : ellipsis ; }
/*作业描述、帖子内容*/
. upload_img img { max-width : 100 % ; }
. table_maxWidth table { max-width : 642 px ; }
. list_style ol li { list-style-type : decimal ; margin-left : 40 px ; }
. list_style ul li { list-style-type : disc ; margin-left : 40 px ; }
/*数据为空公共页面*/
img . edu-nodata-img { width : 200 px ; margin : 50 px auto 20 px ; display : block ; }
. edu-nodata-p { font-size : 16 px ; text-align : center ; color : #888 ; border-bottom : none !important ; }
/* new tab */
. edu-tab { width : 100 % ; background : #fff ; }
# edu-tab-nav { height : 47 px ; background : #fff ; }
# edu-tab-nav li . new-tab-nav { float : left ; width : 150 px ; text-align : center ; height : 48 px ; line-height : 48 px ; border-top-right-radius : 5 px ; border-top-left-radius : 5 px ; }
# edu-tab-nav li a { font-size : 14 px ; }
# edu-user-tab-nav { height : 40 px ; background : #fff ; border-bottom : 2 px solid #FC7033 ; }
# edu-user-tab-nav li . new-tab-nav { float : left ; width : 120 px ; text-align : center ; height : 42 px ; line-height : 42 px ; border-top-left-radius : 5 px ; border-top-right-radius : 5 px }
# edu-user-tab-nav li a { font-size : 14 px ; }
. edu-new-tab-hover { background : #5faee3 ; }
. edu-user-tab-hover { background : #FC7033 ; }
. edu-user-tab-hover a { color : #fff !important ; }
. edu-new-tab-hover a { color : #fff !important ; }
. edu-class-con-list : hover { background : #EFF9FD ; }
. edu-bg-shadow { box-shadow : 0 px 0 px 5 px rgba ( 146 , 153 , 169 , 0.2 ) ; }
a . task-btn-line { display : inline-block ; font-weight : bold ; padding : 0 12 px ; color : #666 ; background : #fff ; letter-spacing : 1 px ; text-align : center ; font-size : 14 px ; height : 30 px ; line-height : 30 px ; border-radius : 3 px ; border : 1 px solid #ccc ; }
a : hover . task-btn-line { border : 1 px solid #3498db ; background : #3498db ; color : #fff ; }
/*阴影*/
. user_bg_shadow { -webkit- box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; -moz- box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; } /*四边阴影*/
. user_bg_shadow_notop { -webkit- box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; -moz- box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; } /*没有上边阴影*/
/*阴影+边框*/
. shadow_border { border : 1 px solid #eee ; -webkit- box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; -moz- box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; box-shadow : 0 0 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; }
. shadow_border_notop { border : 1 px solid #eee ; -webkit- box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; -moz- box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; box-shadow : 0 3 px 8 px 0 rgba ( 142 , 142 , 142 , .1 ) ; }
. user_bg_shadow01 { -webkit- box-shadow : 0 1 px 2 px 2 px rgba ( 123 , 123 , 123 , 0.15 ) ; -moz- box-shadow : 0 1 px 2 px 2 px rgba ( 123 , 123 , 123 , 0.15 ) ; box-shadow : 0 1 px 2 px 2 px rgba ( 123 , 123 , 123 , 0.15 ) ; }
. user_bg_shadow02 { -webkit- box-shadow : 0 2 px 8 px 0 rgba ( 123 , 123 , 123 , 0.15 ) ; -moz- box-shadow : 0 2 px 8 px 0 rgba ( 123 , 123 , 123 , 0.15 ) ; box-shadow : 0 2 px 8 px 0 rgba ( 123 , 123 , 123 , 0.15 ) ; }
. box_bg_shandow { box-shadow : 0 1 px 2 px 0 rgba ( 0 , 0 , 0 , 0.15 ) ; }
/*新增的公用样式*/
. box-boxshadow { box-shadow : 3 px 3 px 10 px rgba ( 146 , 153 , 169 , 0.2 ) ; }
. prop-notice-info { padding : 10 px ; border : 1 px solid #F3DDB3 ; background-color : #FFFEF4 ; }
. prop-notice-info ol { list-style-type : disc ; list-style-position : inside }
. prop-notice-info ol li { list-style-type : disc ; color : #ff6532 ; margin-bottom : 0 !important ; }
/*input框移出后没有内容将边框阴影变为红色*/
. notinput_bg_shadow { border : none ; box-shadow : 0 px 0 px 4 px rgba ( 227 , 53 , 37 , 1 ) ; }
/*设置input框的placehoder的字体颜色*/
input :: -webkit-input-placeholder , textarea :: -webkit-input-placeholder { color : #cccccc }
input :: -moz-placeholder , textarea :: -moz-placeholder { color : #cccccc ; }
input :: -moz-placeholder , textarea :: -moz-placeholder { color : #cccccc ; }
input :: -ms-input-placeholder , textarea :: -ms-input-placeholder { color : #cccccc ; }
/*班级讨论区置顶的样式*/
. all_work_border { border : 1 px solid #4c515d ; } /*TPI全部任务的数量需要加一个边框*/
. btn-cir-orange { background : #ff7500 ; color : #fff ; font-weight : normal ; border : 1 px solid #ff7500 }
. btn-top { display : inline-block ; padding : 0 px 5 px ; line-height : 20 px ; font-size : 12 px ; border-radius : 3 px ; }
. btn-cir-big { background : #999 ; color : #fff ; display : inline-block ; padding : 0 px 10 px ; border-radius : 25 px ; line-height : 25 px ; height : 25 px ; font-size : 12 px ; }
/*圆形绿色背景---------22*/
. panel-inner-icon { width : 22 px ; height : 22 px ; line-height : 22 px ; border-radius : 50 % ; background : #29bd8b ; display : block ; text-align : center }
. panel-inner-icon { width : 22 px ; height : 22 px ; line-height : 22 px ; border-radius : 50 % ; background : #29bd8b ; display : block ; text-align : center }
/*圆形绿色背景------------------18*/
. panel-inner-icon18 { width : 18 px ; height : 18 px ; line-height : 18 px ; border-radius : 50 % ; background : #29bd8b ; display : block ; text-align : center }
/*---------------块右上角的三角形，颜色为浅橙色*/
. triangle-topright { position : absolute ; right : -1 px ; top : 0 px ; width : 0 ; height : 0 ; border-top : 35 px solid #FF9E6A ; border-left : 60 px solid transparent ; z-index : 1 }
. triangle-font { position : absolute ; right : 1 px ; top : 2 px ; z-index : 2 ; font-size : 12 px ; color : white ; transform : rotate ( 31 deg ) ; }
. triangle-font2 { position : absolute ; right : 1 px ; top : -5 px ; z-index : 2 ; font-size : 12 px ; color : white ; transform : rotate ( 31 deg ) ; }
/ * colorbox
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ *
Colorbox Core Style :
The following CSS is consistent between example themes and should not be altered .
* /
# colorbox , # cboxOverlay , # cboxWrapper { position : absolute ; top : 0 ; left : 0 ; z-index : 99999 ; overflow : hidden ; }
# cboxWrapper { max-width : none ; }
# cboxOverlay { position : fixed ; width : 100 % ; height : 100 % ; }
# cboxMiddleLeft , # cboxBottomLeft { clear : left ; }
# cboxContent { position : relative ; }
# cboxLoadedContent { overflow : auto ; -webkit- overflow-scrolling : touch ; }
# cboxTitle { margin : 0 ; }
# cboxLoadingOverlay , # cboxLoadingGraphic { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; }
# cboxPrevious , # cboxNext , # cboxClose , # cboxSlideshow { cursor : pointer ; }
. cboxPhoto { float : left ; margin : auto ; border : 0 ; display : block ; max-width : none ; -ms- interpolation-mode : bicubic ; }
. cboxIframe { width : 100 % ; height : 100 % ; display : block ; border : 0 ; padding : 0 ; margin : 0 ; }
# colorbox , # cboxContent , # cboxLoadedContent { box-sizing : content-box ; -moz- box-sizing : content-box ; -webkit- box-sizing : content-box ; }
/ *
User Style :
Change the following styles to modify the appearance of Colorbox . They are
ordered & tabbed in a way that represents the nesting of the generated HTML .
* /
# cboxOverlay { background : #fff ; }
# colorbox { outline : 0 ; }
# cboxTopLeft { width : 25 px ; height : 25 px ; background : url ( /images/colorbox/border1.png ) no-repeat 0 0 ; }
# cboxTopCenter { height : 25 px ; background : url ( /images/colorbox/border1.png ) repeat-x 0 -50 px ; }
# cboxTopRight { width : 25 px ; height : 25 px ; background : url ( /images/colorbox/border1.png ) no-repeat -25 px 0 ; }
# cboxBottomLeft { width : 25 px ; height : 25 px ; background : url ( /images/colorbox/border1.png ) no-repeat 0 -25 px ; }
# cboxBottomCenter { height : 25 px ; background : url ( /images/colorbox/border1.png ) repeat-x 0 -75 px ; }
# cboxBottomRight { width : 25 px ; height : 25 px ; background : url ( /images/colorbox/border1.png ) no-repeat -25 px -25 px ; }
# cboxMiddleLeft { width : 25 px ; background : url ( /images/colorbox/border2.png ) repeat-y 0 0 ; }
# cboxMiddleRight { width : 25 px ; background : url ( /images/colorbox/border2.png ) repeat-y -25 px 0 ; }
# cboxContent { background : #fff ; overflow : hidden ; }
. cboxIframe { background : #fff ; }
# cboxError { padding : 50 px ; border : 1 px solid #ccc ; }
# cboxLoadedContent { margin-bottom : 20 px ; }
# cboxTitle { position : absolute ; bottom : 0 px ; left : 0 ; text-align : center ; width : 100 % ; color : #999 ; }
# cboxCurrent { position : absolute ; bottom : 0 px ; left : 100 px ; color : #999 ; }
# cboxLoadingOverlay { background : #fff url ( /images/colorbox/loading.gif ) no-repeat 5 px 5 px ; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
# cboxPrevious , # cboxNext , # cboxSlideshow , # cboxClose { border : 0 ; padding : 0 ; margin : 0 ; overflow : visible ; width : auto ; background : none ; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
# cboxPrevious : active , # cboxNext : active , # cboxSlideshow : active , # cboxClose : active { outline : 0 ; }
# cboxSlideshow { position : absolute ; bottom : 0 px ; right : 42 px ; color : #444 ; }
# cboxPrevious { position : absolute ; bottom : 0 px ; left : 0 ; color : #444 ; }
# cboxNext { position : absolute ; bottom : 0 px ; left : 63 px ; color : #444 ; }
# cboxClose { position : absolute ; bottom : 0 ; right : 0 ; display : block ; color : #444 ; }
/*课程、实训的条状样式*/
. homepage-list-show p { height : 70 px ; line-height : 70 px ; }
. homepage-list-show p : nth-child ( odd ) { background : #fafbfb ; }
. homepage-list-show p . first { width : 58 % ; display : inline-block ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; }
. homepage-list-show p . hasmargin { width : 23 % ; display : inline-block ; text-align : center ; color : #888 ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; }
. homepage-list-show p . haspadding { width : 16.7 % ; display : inline-block ; margin-right : 12 % ; color : #888 ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; }
. homepage-list-show p . last { width : 8.33 % ; display : inline-block ; color : #888 ; cursor : pointer ; display : none ; }
. homepage-list-show p . last : hover { color : #5faee3 ; }
. homepage-list-show p . last : hover . blue { color : #5faee3 ; }
/*-----课程名称下拉框--------*/
. course_list_ul , . down-list { overflow-y : scroll ; display : none ; position : absolute ; top : 40 px ; left : -1 px ; width : 100 % !important ; border : 1 px solid #eeeeee ; background : #FFFFFF ; max-height : 150 px ; z-index : 10 }
. course_list_ul li { height : 20 px ; padding : 5 px 10 px ; clear : both ; line-height : 28 px ; margin-bottom : 0 !important ; cursor : pointer ; }
. down-list li { text-align : left ; outline : none ; padding : 5 px 10 px ; clear : both ; line-height : 22 px !important ; margin-bottom : 0 !important ; cursor : pointer ; width : 100 % ; box-sizing : border-box ; height : 30 px ; border : none !important ; }
. down-list li : hover { background : #eee }
. down-list { top : 32 px }
. unit-part { border : 1 px solid #ccc ; padding : 0 px 8 px ; border-radius : 5 px ; margin-right : 10 px }
. unit-part input { border : none !important ; text-align : left ; width : auto ; outline : none }
/*-----试卷提交状态--------*/
. post_status_btn { display : block ; float : left ; padding : 0 px 5 px ; font-size : 12 px ; color : #FFFFFF ; border-radius : 4 px ; height : 20 px ; line-height : 20 px ; ; }
. post_btn_green { background : #29bd8b ; border : 1 px solid #29bd8b !important ; color : #fff ; }
. post_btn_green_q { background : #5ECFBA ; border : 1 px solid #5ECFBA !important ; color : #fff ; }
. post_btn_orange { background : #FF7500 ; border : 1 px solid #FF7500 !important ; color : #fff ; }
. post_btn_red { background : #ee4a1f ; border : 1 px solid #ee4a1f !important ; color : #fff ; }
. post_btn_grey { background : #e4e4e3 ; border : 1 px solid #e4e4e3 !important ; }
. post_btn_white { background : #ffffff ; }
/*评阅状态*/
. checkstatus_box_small { width : 10 px ; height : 10 px ; display : block ; float : left ; margin-right : 3 px ; }
. checkstatus_box_big { cursor : default ; width : 30 px ; height : 30 px ; line-height : 30 px ; text-align : center ; margin-right : 10 px ; border : 1 px solid #CCCCCC ; display : block ; float : left ; margin-bottom : 10 px }
. checkstatus_box_big i { position : absolute ; top : 18 px ; left : 10 px ; }
/*个人主页头部认证圆形背景*/
. user-info-span { border-radius : 50 % ; float : left ; background : #F3F5F7 ; text-align : center ; width : 23 px ; height : 23 px ; line-height : 23 px ; margin-top : 3 px ; margin-right : 5 px }
/*试卷答题倒计时*/
. time_panel span . factorial { float : left ; display : block ; line-height : 35 px ; padding : 0 px 3 px ; }
. time_panel span . time { float : left ; display : block ; color : #ffffff ; background-color : #333333 ; font-size : 16 px ; border-radius : 5 px ; letter-spacing : 1 px ; width : 33 px ; text-align : center ; line-height : 35 px ; height : 35 px ; }
. hidemsg { overflow : hidden ; cursor : pointer }
. hidemsg div {
position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
bottom : 0 ;
margin : auto ;
opacity : 0 . 4 ;
background-color : # ffffff ;
-webkit-border-radius : 100 % ;
-moz-border-radius : 100 % ;
-o-border-radius : 100 % ;
-ms-border-radius : 100 % ;
-webkit-animation-fill-mode : both ;
-moz-animation-fill-mode : both ;
-ms-animation-fill-mode : both ;
-o-animation-fill-mode : both ;
width : 80px ;
height : 80px ;
-webkit-animation : ball-scale 1s 0s ease-in-out infinite ;
-moz-animation : ball-scale 1s 0s ease-in-out infinite ;
-ms-animation : ball-scale 1s 0s ease-in-out infinite ;
-o-animation : ball-scale 1s 0s ease-in-out infinite ;
animation : ball-scale 1s 0s ease-in-out infinite ;
}
@ keyframes ball-scale {
0 % { width : 0 px ; height : 0 px }
100 % { width : 80 px ; height : 80 px }
}
/*-------------------个人主页关注和粉丝列表改版 以及TPM合作者部分改版 2018/01/15-------------------------*/
. -task-con-int . favour . fens-table-list { display : flex ; width : 21.29 % ; margin : 0 px 1.5 % 1.5 % 0 px ; min-height : 125 px ; border : 1 px solid #EEEEEE ; padding : 10 px ; background : #f9fbfd }
. -task-con-int . favour . fens-table-list : nth-child ( 4n + 1 ) { margin : 0 px 1.5 % 1.5 % 1.5 % ; }
. -task-con-int . favour . fens-table-list . touxiang { border-radius : 50 % ; overflow : hidden ; }
. white-icon-ring { width : 20 px ; height : 25 px ; background : #ffffff ; border-radius : 50 % ; text-align : center ; line-height : 25 px ; }
a . btn-focus { display : block ; width : 80 px ; height : 35 px ; line-height : 35 px ; border-radius : 4 px ; border : 1 px solid #EEEEEE ; text-align : center ; cursor : pointer ; background : #ffffff }
a . btn-focus : hover { color : #FFFFFF !important ; background : #FC7033 ; border : 1 px solid #FC7033 }
. fans-name { max-width : 100 px ; word-break : break-all ; overflow : hidden ; height : 26 px ; text-overflow : ellipsis ; white-space : nowrap ; }
. school-name { max-width : 196 px ; word-break : break-all ; overflow : hidden ; height : 26 px ; text-overflow : ellipsis ; white-space : nowrap ; }
. role-input { height : 26 px ; border-radius : 2 px ; width : 87 % }
. fans_del { position : absolute ; right : 12 px ; top : 12 px ; cursor : pointer ;
text-align : center ; }
. fans_del i { color : #b5b5b5 }
. fans_del : hover i { color : #ff7500 !important ; }
. -task-con-int . favour . p2 { line-height : 90 px ; text-align : center ; }
. -task-con-int . favour . p2 : hover . changecolor { color : #5faee3 ; }
. -task-con-int . favour . fens { position : relative ; }
. -task-con-int . favour . fens . many { position : absolute ; right : 22 px ; top : -35 px ; }
. -task-con-int . favour . fens . list { width : 100 px ; text-align : center ; padding-top : 5 px ; }
. -task-con-int . favour . fens . list dt { margin : 20 px ; margin-bottom : 5 px ; }
. -task-con-int . favour . fens . touxiang { border-radius : 28 px ; overflow : hidden ; }
/*选择实训的弹框*/
. shixun_work_div { overflow-y : auto ; max-height : 90 px ; }
/*TPM审核反馈页面*/
. comment-item { border-bottom : 1 px solid #EEEEEE ; width : 100 % ; padding : 10 px 15 px ; display : flex ; box-sizing : border-box }
. comment-item : last-child { border-bottom : none }
. commentItem-right { float : right ; flex : 1 ; }
/*历史版本删除功能*/
. popup_ziyuan_title { display : block ; margin-left : 10 px ; text-align : left ; max-width : 360 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; }
. homepagePostContainer { width : 718 px ; border : 1 px solid #dddddd ; padding : 15 px ; background-color : #ffffff ; }
. homepageMainContent { margin : 10 px auto ; width : 750 px ; }
. pro_newsetting_con li { line-height : 30 px ; }
. popup_tip_box { position : relative ; padding : 5 px 10 px ; white-space : nowrap ; background-color : #fdfbeb ; border : 1 px solid #F3DDB3 ; }
. popup_tip_box em { display : block ; border-width : 9 px ; position : absolute ; top : 5 px ; left : -18 px ; border-style : dashed solid dashed dashed ; border-color : transparent #F3DDB3 transparent transparent ; font-size : 0 ; line-height : 0 ; }
. popup_tip_box span { display : block ; border-width : 9 px ; position : absolute ; top : 5 px ; left : -17 px ; border-style : dashed solid dashed dashed ; border-color : transparent #FFFEF4 transparent transparent ; font-size : 0 ; line-height : 0 ; }
. popup_tip_box > p { line-height : 20 px !important ; }
/*模板icons 20161013byLB*/
. muban_icons_orange { font-size : 12 px ; padding : 0 5 px ; border-radius : 3 px ; line-height : 14 px ; color : #ff4a1b ; border : 1 px solid #ff4a1b ; }
. muban_icons_blue { font-size : 12 px ; padding : 0 5 px ; border-radius : 3 px ; line-height : 14 px ; color : #FF7500 ; }
/*模板表格 20161013byLB*/
. muban_table { width : 100 % ; background : #fff ; border : 1 px solid #e5e5e5 ; border-bottom : none ; }
. muban_table thead tr { height : 40 px ; line-height : 40 px ; }
. muban_table thead tr th { border-bottom : 1 px solid #e5e5e5 ; }
. muban_table tbody tr : hover { background : #f5f5f5 ; }
. muban_table tbody tr td { height : 40 px ; border-bottom : 1 px solid #e5e5e5 ; font-weight : normal ; color : #05101a ; }
