/*head start!*/

body{
    background: #f4f4f4;
}

.autoCenter{width:100%;/* min-width: 1380px; */position:relative;top:0px;}

/*布局*/
.designer_flex_top{
    margin: 30px 0 0 0;
    height: 600px;
    position: relative;
}
body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
/* 推送弹窗 */
.popupWindow {cursor:pointer;position: fixed;right: 10px;bottom: 10px;z-index: 99;background-color: #000000B3;width: 320px;height: 72px;border-radius: 4px;}
.popupWindow .popupClose {width: 16px;height: 16px;position: absolute;right: 5px;top: 5px;background:url(../img/close.png)no-repeat center;background-size:100% 100%;}
.popupWindow .popupBox {width: 100%;height: 100%; padding: 8px;}
.popupWindow .popupBox .popupCover {width: 56px;height: 100%;float: left;}
.popupWindow .popupBox .popupTitle {margin-left: 10px;width: calc(100% - 66px); float: left;}
.popupTitle p:nth-child(1) {width: 100%;color: #ffffff; font-size: 12px;margin-bottom: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.popupTitle p:nth-child(2) {width: 100%;color: #bdbdbd; font-size: 9px;display: -webkit-box;overflow:hidden;word-break: break-all;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.containToCenter{margin: 0 auto;height: auto;width: 1200px;padding: 30px 0 0 0;}
.containToCenterNoPadding {margin: 0 auto 0px;height: auto;width: 1200px;}
.containToCenterNoPadding::after { content:''; display:block;clear:both;}
.containToCenter::after{ content:''; display:block;clear:both;}
   
.wait80Tops{width:100%;position:fixed;top:0px;left:0px;z-index:100;height:2px;background:#0E1B2B;display:none}
.loadingGif{display:none;width:100px;height:100px;background:url(../img/emjoy/loading.gif) no-repeat center;background-size:100% 100%;z-index:997;position:fixed;left:50%;top:50%;margin-left:-50px;margin-top:-50px}
.waitingImgForClick{background:url(../img/waiting.gif) no-repeat;background-size:20% 40%;background-position-x:right;background-position-y:center}
.sharedHead{position:relative;top:0px;left:0px;width:100%;min-width:1250px;z-index:100;background-color:#0e1b2a;}
.sharedMainBackground{width:100%}
.sharedMainBackgroundImg{width:100%;height:520px;background-size:100% 100%;position:absolute}
.sharedMain_help{position:relative;top:10px}
.sharedHeadMain{width:100%;min-width:1200px;height:70px;margin-left:auto;margin-right:auto;position:relative;max-width:1200px;min-width:1200px;}
.sharedHead_logo{width:200px;float:left;padding: 5px 0 0 0px;}
.sharedHead_logoimg{display:block;width:191px;height:53px;margin-top: 4px;background:url(../img/newlogo.svg) no-repeat;background-size:100% 100%}
.loginBack:hover{color:#0E1B2B}
.sharedHead .sharedHeadMain #header_right{height:100%;float: right;}
#sharedHead_theme{height:100%;float:left;margin: 0 0 0 0px;}
.sharedHead_theme_txt{float:left;margin: 0 30px 0 0;}
.sharedHead_theme_txt span{display:inline-block;width:85px;height:60px;float:left;padding:18px 0 0 0;text-align:center}
.user_head_homeworkTips_news{/* padding:5px 0 0 0; */text-align:center;/* min-height:100px; */margin:10px 0 0 0;border-radius: 0 0 4px 4px;box-shadow:3px 3px 10px rgba(28,28,27,0.22);}
.sharedHead_theme_txt a{font-size: 15px; display: block; height: 100%;}

/* 顶部菜单栏子选项的样式*/
.transverseDiv{width: 82px;height: 70px;float:left;padding:26px 0 0 0;text-align:center;overflow:hidden;margin: 0px;color: white;cursor: pointer;position: relative;}
.transverseDiv:hover{height:180px;overflow:visible;    background: url(../img/backgrounds/top_bac.png) 0 42px no-repeat;}
.transverseDiv_active{background: url(../img/backgrounds/top_bac.png) 0 42px no-repeat;}
.transverseDiv_active .transverseDiv_active_highlight{color: #FFD101 !important;}
.transverseSonOne{height:42px}
.transverseSon:last-child{border-radius: 0 0 4px 4px;}
.transverseDiv_12 {padding-top: 16px;}
.transverseDiv_12 .transverseDiv_active_highlight{width: 80px;height: 40px;background: url(../img/course/apply_zl.png) no-repeat;background-size: contain;}
.transverseDiv_new_item{
    position: absolute;
    top: 10px;
    padding: 0 6px;
    right: 0px;
    background: red;
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-align: center;
}
.transverseDivIcon{
    width: 84px;
    height: 70px;
    float: left;
    margin: 0px 0 0 0;
    cursor: pointer;
}
.transverseDivIcon a{
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/controls/master.png) 0 12px no-repeat;
}

.transverseSon{width: 128px;height: 42px;line-height: 42px;background-color:white;text-align:center;color: #999;display:inline-block;margin: 0 0 0 -24px;box-shadow:3px 3px 5px rgba(14,27,42,0.25);}
.forAlink{margin: 2px 0px 0;/* border-radius: 4px; */}
.forAlink a{font-size: 14px;color: #999;}
.forAlink a:link{color: #999;}
.forAlink a:visited{color: #999;}
.forAlink a:hover{color:white}
.transverseSon:hover{background-color:#FFD101;}
.new_forAlink{width:500px;height:330px;background:#fff;position:relative;top:0;left:-216px;padding-top:20px}
.new_forAlink p{margin-left:20px;margin-right:20px;text-align:left;font-size:14px}
/**/


/*搜索框*/
.sharedHead_theme_search{position: absolute;width:28px;height:26px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-top: 23px;color:#333;cursor:pointer;right: 150px;}
.sharedHead_theme_search #se_subject{position:absolute;top:0px;left:0px;border-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;opacity:1;z-index:11;text-align:left;line-height:26px;margin-left:10px}
.sharedHead_theme_search #search{position:absolute;top:1px;right:2px;width:26px;height:26px;border:0;background: url(../img/desIcons.png) -124px -571px no-repeat;background-size:904px 1050px;cursor:pointer;}
.opacityMask{position:absolute;width:100%;height:100%;background:white;-webkit-filter:blur(10px);filter:blur(10px);z-index:0}
.searchPosition{width:1200px;margin:30px auto;min-height:700px;background-color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;overflow:hidden;padding:20px;z-index:1}
.searchBody{width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;overflow:hidden;position:relative}
input#search_input{width:60%;height:30px;border:none;border-bottom: 2px solid #FF5722;display:inline-block;margin:20px auto 0;left:20%;position:relative;background:none;border-radius: 0;}
input#search_input:focus{border-bottom:2px solid #FF5722}
.search_input_icon{position:absolute;right:20%;top:20px;width:30px;height:30px;cursor:pointer;background:url(../img/desIcons.png) -172px -641px no-repeat;background-size:904px 1050px}
.search_input_icon:hover{background:url(../img/desIcons.png) -218px -641px no-repeat;background-size:904px 1050px}
.search_top{height:10%;min-height:70px}
.loadingMore{width:100%;height:32px;margin:20px 0 40px;background:#FF5722;text-align:center;line-height:32px;color:white;border-radius:4px;position:relative}
.loadingMore:hover{background: #D84315;}
.search_reuslt_catlog{overflow:hidden;margin: 5px 0 30px;border-bottom:1px solid #eee;/* border-top:1px solid #eee; */}
.search_reuslt_txt{line-height:36px;font-size: 16px;font-weight: bold;}
.search_reuslt{width:96%;padding:0 1%;height:80%;overflow-y:auto;margin:10px auto 0}
.searchSideIcon{width:40px;height:40px;background:url(../img/study.png) no-repeat;background-size:100% 100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;position:absolute;top:0px;right:0px}
.search_result{width:20%;float:left;margin:10px 2.4%}
.search_result_bac{width:100%;min-height:120px}
.search_result_name{height:38px;line-height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.search_reuslt_classify{width:80%;height:30px;overflow:hidden;margin:0 auto;text-align:center;line-height:30px}
.search_classify_span{display:inline-block;height:30px;width:80%}
p.search_classify{width:20%;float:left;cursor:pointer}
.search_classify_span:hover{border-bottom:2px solid #FF5722}
.search_classify_span_active{border-bottom: 2px solid #FF5722;}
.searchBody .noCourseList p{width:160px;height:160px;margin:20px auto 25px;background:url(../img/send_e.png) no-repeat;background-position:center;border-radius:0 !important;-webkit-border-radius:80px;-moz-border-radius:0 !important;}
.searchBody .noCourseList{width:400px;height:230px;margin:50px auto;text-align:center}
.searchBody .noCourseList span{width:400px;height:100px;line-height:50px}

/*搜索框*/

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message{padding:5px 10px;text-align:center}
#multiple-datasets .league-name{margin:0 20px 5px 20px;padding:3px 0;border-bottom:1px solid #ccc}
#scrollable-dropdown-menu .tt-menu{max-height:150px;overflow-y:auto}
#rtl-support .tt-menu{text-align:right}
.tt-hint{width:88px !important;top:1px !important}
.header_right_right{height:70px;float:right;/* width: 90px; */}
.header_music_right{height: 40px !important;;}
.userMusic{line-height: 40px !important;;}
.header_right_right_already{height:70px;float:right;width: 110px;}
.user_head{position:absolute;width:70px;height:70px;z-index:10;right:0;overflow:hidden}
.user_head:hover{cursor:pointer;background-color:#FFD101;overflow: visible;}
.user_head1{position:absolute;width:70px;height:72px;z-index:10}
.user_head1:hover{cursor:pointer;background-color:#FFD101}
.user_head .user_headimg,.user_head1 .user_headimg{width:50px;height:50px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;overflow:hidden;float:left;cursor:pointer;margin:10px}
.user_headimg .user_img{width:50px;height:50px}
.user_school{height:21px;border-bottom-right-radius:12px;-webkit-border-bottom-right-radius:12px;-moz-border-bottom-right-radius:12px;-o-border-bottom-right-radius:12px;float:left;background-color:none;margin-left:20px;margin-top:13px;font-size:12px}
.user,.school16{height:21px;text-align:center;margin-left:30px;min-width:150px;max-width:176px;cursor:pointer}
.user_school_name{line-height:21px;margin:auto 4px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:white;max-width:120px}
.user_name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#0E1B2B;margin-top: 7px;font-size: 18px;}
.all{margin-top:1px;overflow:hidden}
.user_grade_img{width:18px;height:14px;margin-top:4px;float:left;background:url(../img/index.png) -292px -41px}
.user_grade{float:left;margin-top:2px;font-size:1em;color:blue}
.person{width:120px;margin-left:-9px}
.person_msg{width:180px;float:left;/* background-color:#fff; */margin-top:0px;position:relative;margin-left:-100px;box-shadow:3px 3px 10px rgba(28,28,27,0.22);border-radius: 0 0 20px 20px;}
.person_triangle{position:absolute;top:-10px;left:80px;width:20px;height:20px;background-color:#fff;transform:rotate(45deg);border:1px solid #fff;z-index:-1}
.person .person_msg li{width:100%;height:44px;text-align:center;line-height:44px;font-size:14px;background-color: white;padding: 0 10px;}
.person .person_msg li a{width:100%;height: 44px;line-height: 44px;display:inline-block;}
.person .person_msg li a:link{color: #acacac;}
.person .person_msg li a:visited{color: #acacac;}
.person .person_msg li a:hover{background:#FFD101;color:white}
.index,.record,.esc{width:20px;height:20px;float:left;margin-left:15px}
.item img{width:100%;height:100%;border-radius: 4px;}
.person_item2{
    border-bottom: 1px solid #F4F4F4;
    height: 52px !important;
    line-height: 52px !important;
}
.person_item1 .index{background:url(../img/desIcons.png) -23px -22px no-repeat;background-size:300px;margin:4px 0 0 10px;display:inline-block}
.person_item2 .record{background:url(../img/desIcons.png) -32px -32px no-repeat}
.person .person_msg .person_item3{border-top: 1px solid #F4F4F4;border-radius: 0 0 4px 4px;height: 52px;line-height: 52px;overflow: hidden;}
.person .person_msg .person_item3 .esc{background:url(../img/desIcons.png) -43px -2px no-repeat;background-size:300px;margin:4px 0 0 10px;display:inline-block}
.userL{color:white;line-height:70px;text-align:center}
.userL a{color:white}
.userL a:hover{cursor:pointer;color:#FFD101}



/*脚部底部*/
.footer{width:100%;color:#A4A5A1;padding: 60px;background:#0e1b2a;min-width:1250px;overflow:hidden;/* margin: 50px 0 0 0; */}
.musicfooter{width:100%;color:#ffffff;padding: 60px;min-width:1250px;overflow:hidden;/* margin: 50px 0 0 0; */}
.footLeft{width:80%;float:left;height:150px}
.footRight{width:220px;float:left;height:100px;margin:6px 0 0 0px}
.footRightWeixin{width:79px;height:79px;float:left;background:url(../img/desIcons.png) -88px -53px no-repeat;background-size:426%}
.footRightWeibo{width:79px;height:79px;float:left;margin:0;background:url(../img/desIcons.png) -6px -53px no-repeat;background-size:426%}
.footRight img{width:100%;height:100%}
.footLeftTop{width:100%;float:left}
.footLeftTopLogo{height:101px;float:left;margin-top:8px}
.footLeftTopLogoTop{display:block;width:175px;height:55px;background:url(../img/desIcons.png) -9px 0 no-repeat;margin-top:-6px;background-size:106% 100%}
.footLeftTopLogoBottom{width:161px;height:40px;text-align:center;font-size:16px;line-height:18px;margin:12px 0 0 7px;border-radius:3px}
.footLeftTopLogoBottom .eng{font-size:15px}
.footLeftTopLogoBottom .chi{font-size:17px}
.footLeftTopLogoBottom b{color:#1697ed;font-size:17px}
.footLeftTopTxt{width:740px;float:left}
.footLeftTopTxt a{color:#A4A5A1}
.footLeftTopTxt a:hover{color:#1697ed}
.footLeftTopTxtTop{width:60px;height:30px;line-height:30px;float:left;margin-left:100px;font-size:14px}
.footLeftTopTxt a:visited{color:#A4A5A1}
.footLeftTopTxt a:link{color:#A4A5A1}
.footLeftTopTxt a:hover{color:#1697ed}
.footLeftTopTxtBottom{width:100%;float:left;font-size:14px}
.footLeftTopTxtBottomLeft{width:90px;height:30px;text-align:center;float:left;line-height:30px}
.footLeftTopTxtBottomRight{width:630px;float:left}
.footLeftTopTxtBottomRight ul li{height:30px;float:left;margin-right:10px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.librarycn{width:136px}
.libraryen{width:200px}
.footLeftTopTxtBottomRight a:nth-child(4){display:inline-block;float:left;width:136px;margin:0 0 15px 30px}
.footLeftTopTxtBottomRight a:nth-child(8){display:inline-block;float:left;width:136px;margin:0 0 15px 30px}
.footLeftTopTxtBottomRight a:nth-child(12){display:inline-block;float:left;width:136px;margin:0 0 15px 30px}
.footCompany{width:1200px;float:left;line-height:30px;text-align:center}
.footCompany a:link{color:#A4A5A1}
.footCompany a:visited{color:#A4A5A1}
.footCompany a:hover{color:#FFD101}
.footCompany span{/* margin:0 5px 0 10px; */}
.musicfootCompany{width:1200px;float:left;line-height:30px;text-align:center}
.musicfootCompany a:link{color:#ffffff}
.musicfootCompany a:visited{color:#ffffff}
.musicfootCompany a:hover{color:#FFD101}
.musicfootCompany span{margin:0 5px 0 10px}
.footer_cnzz{display:inline;margin:0}
.footRightWeixinTxt{margin:0px 103px 0 31px;line-height:20px}
.footer_top,.footer_center,.footer_bottom{position:relative;width:50%;margin:0 auto}
.footer_top{height:66px}
.footer_bottom{margin-top:10px;border-top:1px solid #a3a3a3}
.footer_bottomul{width:60%;height:40px;margin:10px auto}
.footer_bottomul li{float:left;margin-right:10px}

/*微信微博*/
.contact{position:absolute;top:21px;left:44%;width:90px;height:25px}
#Qcode{display:none}
.qr_code{position:absolute;top:-135px;left:-40px;width:110px;height:120px;background-color:#a3a3a3;overflow:hidden}
.code-text{width:100%;height:30px}
.code-text p{text-align:center;line-height:14px}
.code_img{width:80px;height:80px;margin:4px auto;background:url(../img/code.jpg);background-size:100%}
.Triangle{position:absolute;top:-15px;left:2px;width:0;height:0;line-height:0;border-width:10px;border-style:solid;border-color:#a3a3a3 transparent transparent transparent}
.WeChat{width:25px;height:25px;background:url(../img/WeChat.png) no-repeat;background-size:100%;float:left;cursor:pointer}
.WeChat:hover{background:url(../img/WeChat2.png) no-repeat}
.microblog{width:25px;height:25px;margin-left:14px;float:left;background:url(../img/microblog.png);background-size:100%}
.microblog:hover{background:url(../img/microblog2.png)}
.microblog a{display:block;width:100%;height:100%}

/*关于我们*/
.aboutus{width:144px;height:30px;margin:0 auto}
.aboutusa{display:block;float:left;margin-right:10px;margin-bottom:10px}
.friend{width:100%;height:30px;margin-top:10px}
.friend_right{width:86%}

/*登录模态框*/
.modal-dialog{position: absolute;top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;}

.modal-content{width:800px;height:450px;background-color:white;}
.tipsLogo{float:left;width: 80px;height: 80px;margin:0 10px 0 0;}
.tipsLogo1{background:url(../img/study.png) no-repeat;background-size:100%;position: absolute;top: -40px;}
.tipsLogo2{background:url(../img/study.png) no-repeat;background-size:100%}
.tipsLogo3{background:url(../img/study.png) no-repeat;background-size:100%}
.message_align{/* width:600px; */height:auto;margin-top: 150px;position:relative;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;outline:0;-webkit-box-shadow:3px 3px 10px rgba(28,28,27,0.22);box-shadow:3px 3px 10px rgba(28,28,27,0.22);}
.message_align a:link{color:#4cae4c}
.message_align a:visited{color:#4cae4c}
.message_align a:hover{color:#1697ed}
.login-modal_left{width:45%;height:100%;float:left;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;background-color:#0E1B2B;background-repeat:no-repeat;background-size:cover;background-image: url("https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/%E7%99%BB%E5%BD%95%E6%A1%86%E5%B7%A6%E4%BE%A7%E5%9B%BE.png")}
.login-music-modal_left{width:45%;height:100%;float:left;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;background-color:#0E1B2B;background-repeat:no-repeat;background-size:cover;background-image: url("https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/music/login/left_login.jpg")}
.login-modal_right{width: 55%;padding:39px;float:left;color:#0E1B2B;box-sizing: border-box;}
.login-modal_right .form_table{width: 100%;height: 44px;margin-bottom: 60px;}
.login-modal_right .form_table div{float: left;text-align: center;font-size: 16px;width: 50%;height: 44px;line-height: 44px;cursor: pointer;background: #ddd;/* color: #ffffff; */}
.login-modal_right .form_table .form_table_active{background: #ffffff;color: #000;}
.loginFrom{display: none;}

.reginster-modal_right{width: 310px;margin: 12px 0 0 0;float:left;/* color:#fff; */}
.form-control{display:block;width:20%;height:32px;padding:6px 12px;font-size:14px;background-image:none;border-radius:4px}
.login-form,#registerFrom,#forgetPWDFrom{margin: 0 0 0 0;}
.register_login{width:160px;text-align:right;margin: 0 0 10px 0;}
.loginFrom-div{border-radius:4px;width: 100%;border-radius:0px;height: 40px;margin: 30px 0 0 0;font-size:14px;}
.login-modal_input{width:100%;height: 40px;padding:0 20px;outline:none;border:none;color:#757575;border-radius: 0;background: #EEEEEE;border-radius: 4px;font-size: 14px}

.modal-title{position:absolute;left:110px}
.modal_pre_login{position:absolute;left:50%;margin:0 0 0 -300px;height:400px;width:610px;height:368px;margin-top:-184px;background-color:#032568;border-radius:4px}
.modal_pre_login_index{width:50%;float:left}
.login_modal_left_img{width:64px;height:64px;margin:84px 125px 0;overflow:hidden}

.login_modal_left_img1{
    background: url("http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/contest/2020/left_home.png") no-repeat;
    background-size: 100% 100%;
}
.login_modal_left_img2{
    background: url("http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/contest/2020/right_home.png")no-repeat;
    background-size: 100% 100%;
}
.login-type{
    width: 100%;
    height: 46px;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
}
.login-type-item{
    cursor:pointer;
    float: left;
    color: #BBBBBB;
    height: 46px;
    font-size: 18px;

}
.login-type-item-click{
    float: left;
    color: #000000;
    border-bottom: 2px solid #FFD200;
}

.noCourseList{width:400px;height:300px;margin:50px auto;text-align:center;overflow: hidden;}
.noCourseList p{width: 130px;height: 130px;margin: 50px auto 10px auto;background: url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/PopUpTag/%E7%A9%BA%E9%A1%B5%E9%9D%A2.png) no-repeat;background-size: 100% 100%;border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;}
.noCourseList span{width:400px;}

.fl{float:left}
.fr{float:right}
.padding4{padding-top:4px }
.padding4 a{color:#0E1B2B;font-weight:bold}
.padding4 a:hover{color:#FFD101}
.login_btn{display:block;width: 100%;height:40px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:0;margin: 0px auto;line-height:40px;color:#BBBBBB;background-color:#EEEEEE;}
.login_btn_active{
    color:#040404;background-color:#FFD200;
}
.login_btn:hover{background-color:#FFD200;}
/*.login_btn:active{background-color:#FF9800;border:1px solid #FFD101}*/
.btn_margin{margin:50px 0 0 0}
.register{position:relative}
.btn_vode{position:absolute;top: -1px;right:2px;width:76px;height: 30px;padding:0;display:block;float:right;font-size:12px;color: white;background:#FFD101;}
.btn_vode:hover{color:white}
.btn_img_vode{position:absolute;top:-1px;right:2px;width:76px;height:30px;padding:0;display:block;line-height:30px;float:right}
.register-form{/* margin: 10px 0 20px 0; */}


/* 新版登录模态框 */
.modal_pre_login {
    width: 710px;
    height: 406px;
    border-radius: 8px;
    background-color: transparent;
    overflow: hidden;
}

.modal_pre_login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 5px 10px rgba(0,0,0,0.4);
    z-index: -1;
}
.modal_pre_login .modal_pre_login_index {
    width: 192px;
    height: 192px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    margin: 107px 0 0 108px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}
.modal_pre_login .modal_pre_login_index:hover {
    background: #7e9bd0;
}
.modal_pre_login .modal_pre_login_index .login_modal_left_img {
    margin: 26px auto;
}
.modal_pre_login .modal_pre_login_index .contest_header_button {
    float: none;
    color: #fff!important;
    background: transparent!important;
    margin: 0 auto!important;
    width: 178px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}


/*消除背景色*/
/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #0E1B2B inset;
}*/

/*提示语*/
#loginInPage{margin:0 0 0 125px;float:left}
.help-block1,.help-block2{width:100%;color:#F42414;line-height: 12px;float:left;font-size: 12px;margin-top: 10px}
.register_login a{display:inline-block;padding-bottom:16px}
.met_logo{display:block;margin:140px auto;width:182px;height:60px;background:url(../img/newlogo.svg) no-repeat;background-size:100% 100%}
.loginBack{cursor:pointer;font-size:14px;display: block;}
.bgc{background-color:#f2f7fa}
.main{background-color:#f2f7fa;margin-top:65px}
.bgfff{background-color:#fff;border-radius:4px}
.account_menus{
    width: 100%;
    position: relative;
    margin-top: 20px;
}

/*中间包含块 内容*/
.sharedHeadMainContent{min-width:1250px;min-height:608px}
.fromico{width:18px;height:18px;margin:5px 5px}
.email{background:url(../img/email.png) no-repeat;background-size:100%}
.passwordIco{background:url(../img/password.png) no-repeat;background-size:100%}
.vodeIco{background:url(../img/vode.png) no-repeat;background-size:100%}
.cpassdword{background:url(../img/cpassword.png) no-repeat;background-size:100%}
.welcomeTitle{width:100%;height:20px;line-height:20px;background-color: #FFD101;color:#0E1B2B;}
.welcomeMain{width:100%;min-width:1200px;height:20px;margin-left:auto;margin-right:auto;position:relative;max-width:1200px;min-width:1200px;color:red;font-weight:bold}
.welcomeMainFrFloat{position:fixed;top:47%;right:1px;width:100px;height:166px;text-align:center;overflow:hidden;cursor:pointer;z-index:99}
.welcomeMainFrFloat:hover{overflow:inherit}
.welcomeMainFrFloatText01{width:100px;height:166px;position:relative;background:url(../img/phone.png) no-repeat;background-size:100%}
.welcomeMainFrFloatText02{width:116px;float:right;font-size:13px;background:white;color:#0E1B2B;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.welcomeMainFrFloatText02 p{line-height:22px;color:#1697ed;font-size:14px}
.welcomeMainFrFloatContainer{width:362px;margin:5px 0 0 0;background:white;border-radius:4px;-webkit-border-radius:20px;-moz-border-radius:20px;right:102px;top:-40px;position:absolute;padding:10px;border:1px solid #ddd;box-shadow:3px 3px 10px rgba(28,28,27,0.22)}
.welcomeMainFrFloatTop{padding:10px;float:left;width:210px}
.welcomeMainFrFloatTop h3{color:#1697ed}
.welcomeMainFrFloatTop p{padding:5px 0 0 0;text-align:left}
.welcomeMainFrFloatButtom{width:110px;float:left;height:110px;background:url(../img/weChatCode.png) no-repeat;background-size:100% 100%;margin:32px 0px 0 10px}

/*二维码*/
.code{width:80px;height:80px;margin-left:30px}
.codeText{width:100%;height:30px;line-height:30px;text-align:center}

/*搜索图片*/
#search{cursor:pointer}
.warp_img{float:left;width:100%}
.warp_img a:nth-child(1){cursor:pointer;margin-left:105px;margin-right:15px;background:url("../img/desIcons2.png") no-repeat -20px -458px}
.warp_img a:nth-child(1):hover{background:url("../img/desIcons2.png") no-repeat -20px -518px}
.warp_img a:nth-child(2){cursor:pointer;background:url("../img/desIcons2.png") no-repeat -79px -458px}
.warp_img a:nth-child(2):hover{background:url("../img/desIcons2.png") no-repeat -79px -518px}
.warp_img a{width:40px;height:40px;display:inline-block;text-align:center;background:red;float:left}
.Third_party{margin-top:11px;margin-left:115px;float:left;font-size:12px;text-align:center;line-height:20px;color:#fff}
#notDeleteComfirmButton{display:none}
#switchOrgModel .message_align{background:#fff}
.tipsMainContent{line-height:26px}
.account_menus_item{
    float: right;
    font-size: 14px;
    color: #555555!important;
}
.account_menus_item:hover{color: #0E1B2B!important;font-weight: bold;}
.third_list_div a:hover{color: #0E1B2B!important;}

/*面包屑*/
.SqlTop{
    font-size:14px;
    margin:auto;
    width:1200px;
    height: 80px;
    line-height: 80px;
    overflow:hidden;
    }
.SqlTopLeft{text-decoration:none;float:left}
.SqlTopLeft a:link{color:#666}
.SqlTopLeft a:visited{color:#666}
.SqlTopLeft a:hover{color:#FFD101}
.SqlTopLeft span{color:#666;margin:0 5px 0 0}

.hiddenEverything{z-index:1000;}
.hiddenEverything_style{position:fixed;width:100%;height:100%;background-color:#333;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;-ms-filter:"alpha(opacity=30)";display:none;top:0px}
.hiddenEverything_forclick{position:fixed;width:100%;height:100%;background-color:#333;z-index:1019;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;-ms-filter:"alpha(opacity=30)";display:none;top:0px}
.hiddenEverythingForTips{position:fixed;width:100%;height:100%;background-color:#333;z-index:998;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;-ms-filter:"alpha(opacity=30)";display:none;top:0px}

.insertWindow{z-index:1001;padding:30px;border-radius:4px;position:fixed;left:50%;top:50%;overflow-y:auto;background-color:white}
.insertWindow p{margin:15px 0;line-height:24px;text-indent:2em}
.insertWindow b{margin:20px 0}
.third_list_div{width:106px;overflow:hidden;float:right;font-size:12px}
.third_icon_text{width:78px;float:left;line-height:40px;text-align:left;padding-left:5px}
.third_list_div a{display:inline-block}
.third_list_div a:link{color:#999999}
.third_list_div a:visited{color:#999999}
.third_list_div a:hover{color:#fcd765}
.third_list_div a:active{color:white}
.third_list{width: 370px;clear:both;overflow:hidden;position:absolute;bottom:18px;font-size: 14px;right:36px;}
.third_icon{width:40px;height:40px;float:left;display:inline-block}
.third_icon_qq{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/qq_normal.png) no-repeat;background-size:40px 40px}
.third_icon_wx{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/wechat_normal.png) no-repeat;background-size:40px 40px}
.third_icon_wb{background:url(../img/desIcons.png) -396px -280px no-repeat;background-size:452px 525px}
.third_icon_wb:hover{background:url(../img/desIcons.png) -396px -309px no-repeat;background-size:452px 525px}
.third_icon_carsi{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/carsi_normal.png) no-repeat;background-size:40px 40px}
.third_list_div_new:hover .third_icon_qq{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/qq__cross.png) no-repeat;background-size:40px 40px}
.third_list_div_new:hover .third_icon_wx{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/wechat__cross.png) no-repeat;background-size:40px 40px}
.third_list_div_new:hover .third_icon_carsi{background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/login/carsi_cross.png) no-repeat;background-size:40px 40px}

#schoolSelect{text-indent: 0;}
/*slogan*/
.designer_slogan_title {display: block;border-radius: 4px;}


.designer_contentface_contain {min-height:600px;}

/*view collect like icon*/
.big_container_view{height: 28px;overflow:hidden;color:#a3a3a3;font-size: 12px;width: 100%;margin: 0 0 5px 0;}
.big_container_bottom_coursePeople{width:33%;height:28px;float:left;line-height:28px;}
.big_container_bottom_coursePeople span{height:28px;display:inline-block;line-height:28px;float:left}
.big_container_bottom_coursePeopleem{width: 24px;height: 24px;display:inline-block;float:left;background: url(../img/desIcons.png) -30px -570px no-repeat;cursor: pointer;background-size: 486px 600px;}

.big_container_bottom_courseGood{width:33%;height:28px;float:left;line-height:28px}
.big_container_bottom_courseGoodem{width: 24px;height: 24px;display:inline-block;float:left;background: url(../img/desIcons.png) -107px -548px no-repeat;cursor: pointer;background-size: 486px 600px;}
.big_container_bottom_courseGoodemUn{width: 24px;height: 24px;display:inline-block;float:left;background: url(../img/desIcons.png) -107px -570px no-repeat;cursor: pointer;background-size: 486px 600px;}

.big_container_bottom_courseStar{width:33%;height:28px;float:left;line-height:28px}
.big_container_bottom_courseStarem{width: 24px;height: 24px;display:inline-block;float:left;background: url(../img/desIcons.png) -56px -548px no-repeat;cursor: pointer;background-size: 486px 600px;}
.big_container_bottom_courseStaremUn{width: 24px;height: 24px;display:inline-block;float:left;background: url(../img/desIcons.png) -56px -570px no-repeat;cursor: pointer;background-size: 486px 600px;}

.big_container_bottom_courseTime{width:33%;height:28px;float:left;line-height:28px}
.big_container_bottom_courseTimeem{width:28px;height:28px;display:inline-block;float:left;background: url(../img/desIcons.png) -388px -815px no-repeat;cursor:pointer;background-size:904px 1050px;}


/*导航栏*/
.courseImgList_text_contain::after {content:'';display:block; clear:both;}
.courseImgList_text {/* width: 120px; */float: left;height: 40px;text-align: center;cursor: pointer;font-size: 24px;color: #999;margin: 0 60px 0 0;padding: 0 10px;}
.courseImgList_text:hover {background: url(../img/desIcons.png) -308px -953px no-repeat;background-size: 904px 1050px;}
.courseImgList_text_active {background: url(../img/backgrounds/top_bac.png)  repeat-x;/* background-size: 904px 1050px; */background-position: 0 13px;color: #000;}



.courseImgListSearch{border:1px solid #E0E0E0;width: 236px;height: 40px;overflow:hidden;position:relative;right:0px;background-color:white;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;float:right;}
.courseImgListSearchSearchInput{display:inline-block;float:left;width:180px;height: 40px;border-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=100)";z-index:11;text-align: left;line-height: 40px;font-size:14px;background-color:white;color:black;}
.courseImgListSearchIcon{display:inline-block;cursor:pointer;float:left;width: 54px;height: 40px;line-height: 40px;border:0;background: #ff8338;text-align: center;color: white;}
.courseImgListSearchIcon:hover{background: #FF5722;}
.courseImgListSearchIcon:active{background: #FF5722;}

/*数据为空提示*/
.designer_personmodal_works_control span{margin:0 25px 0 0;cursor:pointer;color:#ACACAC}
.designer_personmodal_works_null{width:206px;margin: 140px auto  50px;text-align:center;border-radius:4px;}
.designer_personmodal_works_logo{width:120px;height:120px;background: url(../img/emjoy/null.png) no-repeat;background-size:cover;margin:0 auto;border-radius:4px;}
.designer_personmodal_works_text{font-size:12px;margin:16px 0 0 0}
  
/*透明工具栏 横 竖 */
.designer_opacity_toolbar_horizontal{position:fixed;width:1200px;height:100px;bottom:30px;z-index:5;left:50%;margin:0 0 0 -600px;border-radius:15px;overflow:hidden}
.designer_opacity_toolbar_vertical{position:fixed;width:100px;height:550px;top:150px;right:30px;z-index:5;border-radius:15px;overflow:hidden}
.designer_opacity_toolbar_mask{width:100%;height:100%;background-color:#0e1b2a;-webkit-filter:blur(30px);filter:blur(30px);z-index:1}
.designer_opacity_toolbar_container_horizontal{z-index:2;width:96%;height:80px;overflow:hidden;margin:0px 2%;position:absolute;top:10px}
.designer_opacity_toolbar_container_vertical{z-index:2;width:80px;height:96%;overflow:hidden;margin:2% 0px;position:absolute;left:10px;top:0px}
.designer_opacity_toolbar_contain_horizontal{z-index:3;height:80px}
.designer_opacity_toolbar_contain_vertical{z-index:3;width:80px}

.base_pop_tips_select select{width:360px;display:inline-block;border:1px solid #EEEEEE;border-radius:2px;margin:5px 0px 0 0;line-height:36px;height: 32px;font-size:14px;background-color: #EEEEEE;}
.base_pop_tips_input input{width: 360px;display:inline-block;border:1px solid #EEEEEE;border-radius:2px;margin:5px 0px 0 0;line-height: 32px;height: 36px;background-color: #EEEEEE;}
.input_two {width: 360px;display: flex;align-items: center;justify-content: space-between;}
.input_two input {width: 49%;}
#feedback_select_lib_show{position:absolute;left:0px;top:44px;border:none;z-index:2;width:300px;max-height:300px;min-height:100px;overflow-y:auto;background:white;border:1px solid #e8e8e8;display:none}
#feedback_select_lib_show option{display: block;}
#feedback_select_lib_show option:hover{background: #03A9F4;color: white;cursor: default;}
.feedback_select_lib_search{position:absolute;top:5px;left:240px;background-color:#FF5722;border:1px solid transparent;color:white;height:38px;width:60px;line-height:36px;text-align:center;cursor:pointer}
.base_pop_tips_select{position:relative;}
#designer_request{display: flex;flex-direction: column;align-items: center;}
.base_pop_tips_input textarea{width:360px;display:inline-block;border:1px solid #EEEEEE;border-radius:2px;margin:10px 0px 0 0;line-height:36px;background-color: #EEEEEE;}
.base_pop_tips_text{font-size:12px;color:#666}
.base_pop_tips_select .district{display:none}
.designer_common_jump_link_contain{overflow:hidden;margin:20px auto;width:1200px}
.designer_common_jump_link_symbol{float:left;margin:0 10px;line-height:36px;color:#9E9E9E}
.designer_common_jump_link{float:left;width:160px;height:36px;margin:0px 0px 0px 0;transition:all 0.5s;position:relative;color:#9E9E9E;background:white;line-height:36px;text-align:center}
.designer_common_jump_link:hover{color:#909090;background:#e4e3e3}


@media screen and (min-width: 1600px){		
    /* common  */
    .containToCenter{width: 1380px;}
    .sharedHeadMain,.welcomeMain{max-width: 1380px;min-width: 1380px;}
    .containToCenterNoPadding{width: 1380px;}
    .transverseDiv{margin: 0 20px 0 0;}
    /* #sharedHead_theme {width: 1220px;} */
    .designer_contentface_contain{width: 1380px !important;}
    .designer_news_content_item{width: 960px !important;}
    /* special */
} 
#shared_search{position:absolute;left:180px;display:none;margin:0 0 0 140px;width:600px;height:100%;text-align:center;}
#shared_search .shared_search_span1{display:inline-block;width:26px;height:26px;background:url(../img/desIcons.png) -124px -571px no-repeat;background-size:904px 1050px;vertical-align:middle;}
#shared_search input{margin:0 10px;margin-top:16px;width:500px;height:40px;border:0;background:0;color:#fff;}
#shared_search .shared_search_span2{width:18px;height:18px;color:#ffd100;font-size:18px;cursor:pointer;}
#shared_search .shared_search_content{position:absolute;top:70px;overflow:auto;box-sizing:border-box;width:600px;max-height:520px;border-radius:4px;background:#fff;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.2);box-shadow:0 1px 12px 0 rgba(0,0,0,.2);text-align:justify;}
#shared_search .shared_search_content::-webkit-scrollbar{display:none;}
#shared_search .shared_search_content span{display:inline-block;padding:0 10px;width:100%;height:40px;color:#bbb;font-size:12px;line-height:40px;}
#shared_search .shared_search_content p{overflow:hidden;padding: 0 20px;width:100%;height:40px;color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-family:PingFang-SC-Regular;line-height:40px;cursor:pointer;}
#shared_search .shared_search_content p:hover{background:#f2f2f2;}
#shared_search .shared_search_content .shared_search_contentList2{display:none;margin-bottom:35px;}
#shared_search .shared_search_content button{position:absolute;bottom:0;left:0;width:100%;height:45px;border-top:1px solid #f2f2f2;background:#fff;color:#444;text-align:center;font-size:14px;line-height:45px;}