header{height:90px;}
header .header-top .inner{width:1200px;}
header h1 a{display:inline-block;}
header h1 a .logo_box{margin:0;}
header h1 .logo-img{width:98px;}
header .mood_head.tnb{position:absolute; top:32%; right:0; }
header .mood_head.tnb a{color:#555; font-weight:400;}
header .header-top .mood_head.tnb a:before{display:block; left:-12px; }
header .header-top .mood_head.tnb a.tnb00:before{display:none;}
header .mood_head.tnb a i{font-size:1.7rem; vertical-align: text-top; margin-top: 2px;}

/*title*/
.tit_box{text-align:center;}
.tit_box .radius-tit{display:inline-block; padding:10px 50px; background:#feb24e; color:#fff; font-size:2rem; font-weight:400; border-radius:999px 0 999px 999px; }
.tit_box .txt{font-size:1.8rem; color:#6d5635; margin-top:13px; font-weight:400;}

/*bottom-img-box*/
.bottom_img_box{width:100%; height:65px; background:url(../../images/mood_img/bottom-bg_80.jpg) no-repeat; position:absolute; bottom:0; left:0;}
.bottom_img_box .bi_01{position:absolute; bottom:30px; left:5%;}
.bottom_img_box .bi_01 img{width:195px;}
.bottom_img_box .bi_02{position:absolute; bottom:30px; right:5%;}
.bottom_img_box .bi_02 img{width:190px;}

#mood_main{width:100%; height:100%; background:#fcf8f0 url(../../images/mood_img/bg-pattern.png) repeat;  position:relative; padding:80px 0;}
#mood_main > .inner{width:1200px; margin:0 auto;}
.school-box .m_list_more{display:none;}
.school-box .s_list{margin-top:15px;}
.school-box .s_list ul{font-size:0;}
.school-box .s_list li{font-size:1.5rem; display:inline-block; width:calc((100% - 141px)/8); vertical-align:top; box-sizing:border-box; background:#fff; padding:15px 0; text-align:center; margin-left:20px; margin-top:15px; border-radius:10px; box-shadow:0px 0px 9px 2px rgba(0,0,0,0.1); border:3px solid transparent;}
.school-box .s_list li:nth-child(8n+1){margin-left:0;}
.school-box .s_list li.entry{border:3px solid #e1d3be; box-shadow:none;}
.school-box .s_list li .img_box img{width:50px;}
.school-box .s_list li .txt_box{margin-top:10px;}
.school-box .s_list li .txt_box br{display:none;}

.intro_box{ text-align:center; margin-top:70px;}
.intro_box .inner{font-size:0; width:1000px; margin:0 auto;    box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.1); border-radius:20px;}
.intro_box .inner > div{display:inline-block; font-size:1.8rem; padding:60px 50px 0px; box-sizing:border-box; height:520px; vertical-align:top;}
.intro_box .inner .main_box{width:630px; background:#ffeace url(../../images/mood_img/full-bg.jpg) no-repeat; background-size:cover; border-radius:20px 0 0 20px; padding-bottom:110px; position:relative;}
.intro_box .inner .login_box{width:370px;background:#fff; border-radius:0 20px 20px 0; padding-bottom:60px; padding-top:55px;} 

.intro_box .main_box .tit{text-align:center; margin-bottom:50px;}
.intro_box .main_box .tit img{width:368px;}
.intro_box .main_box .txt{padding:30px; background:#fff; border:10px solid #ffefda; text-align:center; word-break:keep-all; font-weight:400;}
.intro_box .main_box .txt em{color:#ef9d2e; font-weight:700;}
.intro_box .main_box .bottom_img_box{border-radius:0 0 0 20px;}
.intro_box .main_box .bottom_img_box .bi_01 img{width:110px;}
.intro_box .main_box .bottom_img_box .bi_02 img{width:290px;}

.intro_box .login_box p.icon{text-align:center;}
.intro_box .login_box p.icon i{font-size:9rem;}
.intro_box .login_box .tit{font-size:2.3rem; font-weight:400; text-align:center; margin-top:0px;}

.intro_box .login_box .input_list.top{padding-top:10px;}
.intro_box .login_box .input_list > div{border:1px #e0e0e0 solid; border-radius:3px; padding:7px 15px; display:inline-block; width:100%; box-sizing:border-box; background:#fff; margin:0; margin-top:10px;}
.intro_box .login_box .input_list > div span{position:relative; display:inline-block; border-right:0; font-size:1.6rem; padding-right:20px; margin-right:5px; color:#444;}
.intro_box .login_box .input_list > div span:after{content:""; display:block; width:1px; height:20px; background:#e0e0e0; position:absolute; top:5px; right:0;}
.intro_box .login_box .input_list > div input{border:0; width:60%;}
.intro_box .login_box .l_btn{font-size:1.6rem; display:block; padding:10px 0; text-align:center; background:#feb24b; color:#fff; font-weight:400; margin-top:10px;}
.intro_box .login_box .l_btn.join{background:#664624;}
.intro_box .login_box .find{margin-top:5px; text-align:center;}
.intro_box .login_box .find a{position:relative; display:inline-block; font-size:1.5rem; margin-left:6px; padding-left:10px;}
.intro_box .login_box .find a:before{content:""; display:block; width:1px; height:13px; background:#d0d0d0; position:absolute; top:7px; left:0;}
.intro_box .login_box .find a:first-child{margin-left:0; padding-left:0;}
.intro_box .login_box .find a:first-child:before{display:none;}
.intro_box .login_box .find a:hover{text-decoration:underline;}

@media (max-width:1400px){
header h1{text-align:left;}
header h1 a{line-height:90px;}
}

@media (max-width:1200px) {
header .header-top .inner, #mood_main > .inner, .intro_box .inner{width:100%; padding:0 15px; box-sizing:border-box;}
header .mood_head.tnb{right:15px;}

.school-box .s_list li{font-size:1.3rem; width: calc((100% - 105px)/8); margin-left:15px;}

.intro_box .inner{padding:0;}
.intro_box .inner .main_box{width:63%;}
.intro_box .inner .login_box{width:37%;}

.f_logo_box {left: 30px;}
footer .f_box{padding-left:300px;}
}


@media (max-width:1024px) {
header{height:130px;}
header .header-top .inner{padding:0;}
header h1{text-align:Center;}
header .mood_head.tnb {display: block; position: static; top: auto; right: auto; text-align: right; border-radius: 0; padding: 5px 20px;}
.m-menu-btn.m-menu-btn-open{right:15px;}
.m-menu-btn.m-menu-btn-open button{background:#feb24e;}

.school-box .s_list li{font-size:1.4rem; width:23.4%; padding:10px 0;}
.school-box .s_list li:nth-child(4n+1){margin-left:0;}
.school-box .s_list li > div{display:inline-block; vertical-align:middle;}
.school-box .s_list li .img_box img{width:35px;}
.school-box .s_list li .txt_box{margin-top:0; margin-left:10px; }

.intro_box .inner .main_box, .intro_box .inner .login_box{display:block; width:100%;  padding:40px 30px; height:auto;}
.intro_box .inner .main_box{border-radius:20px 20px 0 0 ; padding-bottom:120px;}
.intro_box .main_box .tit{margin-bottom:30px;}
.intro_box .main_box .bottom_img_box{border-radius:0;}
.intro_box .main_box .bottom_img_box .bi_01 img{width:110px;}

.intro_box .inner .login_box{border-radius:0 0 20px 20px;}
}


@media (max-width:767px) {
header{height:106px;}
header h1 a{line-height:75px;}
header h1 a .logo_box{padding-left:0; margin:0;}
header h1 .logo-img{width:80px;}

header .mood_head.tnb a i{margin-top:0;}
header .header-top .mood_head.tnb a:before{top:4px;}
.m-menu-btn.m-menu-btn-open{top:23px;}
footer .f_box{padding-left:0px;}

#mood_main{padding:40px 0;}
.tit_box .radius-tit{padding:13px 50px 7px;}

.school-box .m_list_more{display:block; background:#fffefb; padding:13px 0 7px; font-size:2rem; font-weight:400; text-align:center; margin-top:10px; box-shadow:0px 0px 9px 2px rgba(177, 113, 76, 0.1);}
.school-box .m_list_more i{display:inline-block; margin-left:5px;font-size:1.5rem;}
.school-box .s_list{display:none;}
.school-box .s_list ul{text-align:center;}
.school-box .s_list li{margin-left:10px; width:22.4%; padding:7px 0;}
.school-box .s_list li .txt_box{display:block; margin-left:0; line-height:1.2em; margin-top:3px;}
.school-box .s_list li .txt_box br{display:block;}

.intro_box{margin-top:40px;}
.intro_box .inner .main_box{padding: 40px 20px; padding-bottom:80px;}
.intro_box .main_box .txt{padding:30px;}
.intro_box .main_box .tit img{width:250px;}
.intro_box .main_box .txt{padding:20px;}
.intro_box .main_box .bottom_img_box{height:40px;}
.intro_box .login_box .input_list > div span:after{top:0;}
.intro_box .login_box .l_btn{padding:12px 0 8px;}
.intro_box .login_box .find a:before{top:3px;}

.intro_box .main_box .bottom_img_box .bi_01 img{width:70px;}
.intro_box .main_box .bottom_img_box .bi_02 img{width:170px;}
.bottom_img_box .bi_01, .bottom_img_box .bi_02{bottom:20px;}
}