@charset "utf-8";

/* -----------后台登录------------- */
body { font-size: 14px; font-family: 'Microsoft YaHei' !important; }
.container { width: 1200px; margin: 0 auto; padding: 0 }
.container-fluid { width: 100%; min-width: 1200px; padding: 0 }
.login-body { width: 1200px; margin: 0 auto; }

/*顶部*/
.login-header { background: white; height: 60px; width: 100%; }
.header-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; align-items: center; height: 60px; }
.header-logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; align-items: flex-end; flex: 1 }
.header-name { margin-left: 1em; }
.name1 { font-size: 17px; color: #666666; line-height: 1em; font-weight: bold; }
.name1 span { margin-left: 0.5em; vertical-align: top; }
.name2 { font-size: 12px; color: #666; line-height: 1.4em }
.name2 span { color: #f18c26 }
.header-nav { font-size: 30px; color: #706f6f }
.header-nav a { color: #706f6f }
.header-nav span:nth-child(1) { font-size: 26px; margin-right: 1.4em; }
.header-nav span:nth-child(2) { margin-right: 1em; }
.header-nav span:hover { color: #f08303; }
.header-nav span { cursor: pointer; -ms-transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s }
.lunbo { /*min-width: 1200px;*/ }
.lunbo .swiper-slide { width: auto; height: 712px }
.shuru { position: absolute; width: 100%; max-width: 380px; height: 500px; top: 140px; right: 15px; margin-left: 15px; z-index: 1000 }
.login-header .logo { float: left; cursor: auto; margin-left: 30px; }
.login-header .links { float: right; margin-top: 40px; }
.login-header .links a { padding: 0 10px; }

/*主体*/
.login-main { position: relative; }

/*.login-form { margin-left: 806px; margin-top: 20px; width: 394px; background: #fff; }*/
.login-form { width: 90%;margin-left: 10%; background: #fff; height: 100%; border-radius: 8px; border: 1px solid #e1e1e1; }
.login-form .welcome { padding: 40px 0 14px 40px; /*border-bottom: 1px solid #f60;*/ border-bottom: 1px solid #e1e1e1; font-size: 20px; line-height: 1em; letter-spacing: 0.05em; position: relative; }
.login-form .welcome:before { content: ""; position: absolute; bottom: -1px; width: 136px; height: 2px; background: #f60 }
.login-form .verifyimg { cursor: pointer; position: absolute; right: 6px; top: 6px; }
h3 { margin: 0; }
.login-form .item-box { width: 90%; margin: 0 auto; margin-top: 40px; }
.login-form .item { margin-bottom: 20px; position: relative; }
.login-form .item .icon { background-color: #d6d6d6; color: #fff; position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; line-height: 38px; text-align: center; font-size: 24px; }
.login-form .item .icon.Hui-iconfont { -ms-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }
.login-form .item .input-text { border: solid 1px #d6d6d6; line-height: 28px; border-radius: 4px; font-size: 1.4rem; padding-left: 15px; }
.login-form .item.focus .icon { background-color: #fd8433; }
.login-form .item.focus .input-text { border: solid 1px rgba(240, 131, 3, .5); box-shadow: 0 0 6px rgba(240, 131, 3, .3) }
.login-form .login_check { margin-top: 10px; }
.login-form .login_btn_panel { }
.login-form .login-btn { padding: 3px 0; width: 100%; height: 45px; font-size: 18px; color: #FFFFFF; background-color: #f08303; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 4px; }
.login-form .login-btn:hover { background-color: #e8641b; }
.login-form .login-btn[disabled] { opacity: 0.8; filter: alpha(opacity=80); cursor: default; box-shadow: none; }
.login-form .login-btn .in { display: none; }
.login-form .log-in .in { display: inline-block; }
.login-form .log-in .on { display: none; }
.icon-loading { display: inline-block; margin-right: 5px; width: 18px; height: 18px; vertical-align: -3px; background: url(../images/loading-s.gif) no-repeat 0 0; }
.xinwenlb { position: relative; height: 44px; width: auto; overflow: hidden; }
.xinwenlb .swiper-slide { height: 44px; line-height: 44px; padding-left: 1.8em; }
.xinwenlb .swiper-slide a { color: #595959 }
.xinwenlb .swiper-slide a:hover { text-decoration: none }
.xinwenlb .swiper-slide span { padding-left: 1em; }
.xinwenlb .swiper-slide span:before { content: "·"; font-weight: bold; padding-right: 0.4em }
.xinwenlb>img { position: absolute; left: 0px; top: 10px }
.anniu { margin: 24px 0; }
.anniu a { margin-left: 1.4em; }
.anniu a:hover { text-decoration: none; }
.anniu a span { margin-right: 0.4em }
.anniu a:nth-child(1) { color: #f08303 }
.anniu a:nth-child(2) { color: #909090 }
.anniu a:nth-child(2):hover { color: #f08303 }
.anniu1 { position: absolute; width: 64px; height: 1px; top: 686px; right: 20px; z-index: 1000; }
.anniu1 .swiper-button-next, .anniu1 .swiper-button-prev { width: 30px; height: 30px; background: white; top: 0; text-align: center; line-height: 30px; border-radius: 4px; color: #838383; font-size: 1em; outline: none; }
.anniu1 .swiper-button-next { right: 0; opacity: 0.8; -ms-transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s }
.anniu1 .swiper-button-next:hover { opacity: 1; }
.anniu1 .swiper-button-prev { left: 0; opacity: 0.8; -ms-transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s }
.anniu1 .swiper-button-prev:hover { opacity: 1; }
.dianhua { display: inline-block; vertical-align: text-top; vertical-align: -23px; line-height: 1.4em; }
.dianhua>span:nth-child(1) { line-height: 1em; color: #f08303; font-size: 24px; font-weight: bold }
.dianhua>span:nth-child(3) { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #818181; color: white; text-align: center; line-height: 13px; vertical-align: 2px; font-size: 12px; }
.dianhua>span:nth-child(4) { height: 16px; line-height: 16px; color: #575757 }
.foot { margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; height: 148px; padding: 14px 0 0 }
.foot .foot-left { height: 35px; line-height: 35px; }
.foot .foot-left ul { list-style: none; }
.foot .foot-left ul { overflow: hidden; margin: 0; padding: 0 }
.foot .foot-left ul li { float: left; margin-right: 38px; }
.foot .foot-left ul li a { color: #575757; -ms-transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s }
.foot .foot-left ul li a:hover { text-decoration: none; color: #f08303 }
.foot div:nth-child(2) div>span:nth-child(1) { height: 35px; line-height: 35px; display: inline-block; color: #575757 }
.foot>div:nth-child(2)>div:nth-child(3) { margin-top: 10px; }
.foot>div:nth-child(2)>div:nth-child(2) { margin-top: 10px; }
.foot>div:nth-child(3) { text-align: center; }
.foot>div:nth-child(3) span { display: inline-block; font-size: 12px; text-align: center; -ms-transform: scale(1.05, 1.03); -webkit-transform: scale(1.05, 1.03); -moz-transform: scale(1.05, 1.03); -o-transform: scale(1.05, 1.03); transform: scale(1.05, 1.03); text-align: center; }
.guanzhu { color: rgba(0, 0, 0, .2) }
.guanzhu .icon { font-size: 18px; color: #575757; margin: 0 .6em; font-size: 20px; -ms-transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s }
.guanzhu .icon:hover { color: #f08303 }
.guanzhu .icon:nth-child(2):hover { color: #1695d4; cursor: pointer; }
.guanzhu .icon:nth-child(3):hover { color: #44b549; cursor: pointer; }
.guanzhu .icon:nth-child(4):hover { color: #e6162d; cursor: pointer; }
#ewm { width: 110px; height: 110px; overflow: hidden; }
#ewm img { width: 100%; height: 100% }
#ewm img:nth-child(1) { display: inline; }
#ewm img:nth-child(2) { display: none; }
#ewm img:nth-child(3) { display: none; }
.am-badge { -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); letter-spacing: 0.1rem; margin-top: -1px; position: absolute; }
.am-badge.am-radius { border-radius: 4px }
