html, body { width: 100%; height: 100%; font-family: "微软雅黑", "宋体"; }
input, select { font-family: "微软雅黑", "宋体"; }
a { outline: 0; blr: expression(this.onFocus=this.blur()); -moz-outline-style: none; outline-style: none; }
a:hover { text-decoration: none; }
body { padding: 0; margin: 0; }
ul, li { list-style: none; padding: 0; margin: 0; }
input[type=text], input[type=password] { background-color: transparent; }
/*首页焦点图*/
#slides { display: block; width: 100%; height: 640px; position: relative; margin: auto; }
#slides li { display: block; width: 100%; height: 640px; position: absolute; opacity: 0; left: 0; top: 0; }
#slides li.show { opacity: 1; }
#slides li a { display: block; width: 100%; height: 640px; text-indent: -1px; cursor: default; }
#slides li a.slides-img-1 { background: url('../images/bg1.jpg') no-repeat 50% 100%; background-size: cover; }
#slides li a.slides-img-2 { background: url('../images/bg2.jpg') no-repeat 50% 100%; background-size: cover; }
#slides li a.slides-img-3 { background: url('../images/bg3.jpg') no-repeat 50% 100%; background-size: cover; }
#loginbox.regbox { height: 100%; }
/*头部*/
.newHeader { height: 70px; font-size: 14px; border-left: 0; border-right: 0; display: flex; justify-content: space-between; flex: 1; line-height: 70px; padding: 0 40px; }
.newLogo-right { font-size: 16px; height: 30px; line-height: 30px; width: 156px; display: inline-block; border-left: 1px solid #ccc; color: #888; margin-left: 15px; padding-left: 12px; vertical-align: middle; }
.newHeader-right { text-align: right; position: relative; }
.newHeader-right .right, .newHeaderRight, .qrCode { display: inline-block; }
.newHeader-right .right a, .newHeader-right .newHeaderRight a, .newHeader-right .qrCode { padding-left: 25px; }
.newHeader-right a, .newHeader-right .qrCode a { color: #808080; font-size: 12px; }
.newHeader-right a:hover, .newHeader-right .qrCode a:hover { color: #df4d96; }
.newHeader-right .qrCode { cursor: pointer; position: relative; }
.newHeader-right .qrCode .qrCodeImg { position: absolute; top: 70px; left: -102px; z-index: 999; background-color: #fff; padding: 0 15px; -webkit-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); -moz-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); -o-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); }
.newHeader-right .qrCode .qrCodeBoss { position: absolute; top: 70px; left: -17px; z-index: 999; }
.bossImg { width: 145px; height: 145px; line-height: 145px; display: none; background-color: #fff; text-align: center; -webkit-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); -moz-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); -o-box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); box-shadow: -5px 5px 10px -4px rgba(0,0,0,.2),5px 5px 10px -4px rgba(0,0,0,.2); }
.bossImg::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 2px; background-color: #df4d96; display: inline-block; }
.bossImg img { width: 100px; margin: 0 auto; }
.qrCodeModel { width: 270px; display: none; }
.qrCodeModel::before { position: absolute; content: ''; top: 0; left: 50%; margin-left: -24px; width: 48px; height: 2px; display: inline-block; background-color: #df4d96; }
.qrCodeImg .android, .qrCodeImg .ios { display: inline-block; background-color: #fff; padding: 10px; }
.qrCodeImg .android { margin-right: 24px; }
.qrCodeImg .android span, .qrCodeImg .ios span { color: #333; display: block; text-align: center; line-height: 30px; }
.qrCodeImg .android img, .qrCodeImg .ios img { width: 100px; height: 100px; }
.newHeader-left img { width: 40%; }
/*登陆窗口*/
#loginbox { position: relative; /*width: 1100px;*/ height: 600px; margin: 0 auto; }
#loginbox form { width: 400px; height: 500px; text-align: center; display: block; position: absolute; right: 15%; top: 50px; border-radius: 4px; background: #FFF; box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); }
#loginbox .tab-box { /*margin-bottom: 24px;*/ padding: 0px; font-size: 18px; overflow: auto; font-weight: bold; }
#loginbox .tab-box .tab { display: inline-block; /*float: left; */ line-height: 60px; margin: 24px 5px 10px; height: 60px; /* width: 50%; */ text-align: center; background-image: none; color: black; }
#loginbox .tab-box .tab img { height: 25px; width: 25px; }
#loginbox .tab-box .open-on { /* color: #3b78dd;*/ }
#loginbox .tab-box { border-radius: 4px 4px 0 0; }
#loginbox .form-actions { padding: 0px 21px 15px 20px; margin-top: 0; height: 50px; }
#loginbox .form-actions .pull-left { margin-top: 2px; }
#loginbox form#loginform { z-index: 200; box-shadow: 0px 0px 3px 0px #fff; }
#loginbox form#recoverform { z-index: 100; opacity: 0; display: none; }
#loginbox form#recoverform .form-actions { margin-top: 27px; }
#loginbox form#recoverform .control-group { margin: 23px 0; }
.login-reg .title { font-size: 24px; color: #262626; font-weight: 100; }
.login-reg .reg-weixin { margin-top: 20px; }
.login-reg .reg-weixin img { vertical-align: top; }
.login-reg .reg-weixin .tit { font-size: 12px; color: #c7c7c7; font-weight: lighter; margin: 0; padding-top: 4px; }
#slides.reg-slide { height: 490px; }
#loginbox.regbox { top: 0; }
#loginbox.regbox .form-actions { border-top: 0; padding-top: 10px; }
.regbox .form-vertical .input-prepend-new input { width: 100%; box-sizing: border-box; }
.regbox .form-vertical .input-prepend-new { padding: 0 10%; }
.skin-reg .footer { position: absolute; left: 0; right: 0; bottom: 0; }
.loginbox.regbox .btn-success { border: 0; background-image: -moz-linear-gradient(top,#3b78dd,#3b78dd); background-image: -webkit-gradient(linear,0 0,0 100%,from(#3b78dd),to(#3b78dd)); background-image: -webkit-linear-gradient(top,#3b78dd,#3b78dd); background-image: -o-linear-gradient(top,#3b78dd,#3b78dd); background-image: linear-gradient(to bottom,#3b78dd,#3b78dd); background-repeat: repeat-x; text-shadow: none; color: #fff; width: auto !important; display: block; }
.skin-reg .textar { width: 100%; box-sizing: border-box; font-size: 14px; height: 36px; line-height: 30px; transition: all 300ms 0ms; }
.skin-reg .textar:focus { height: 60px; overflow: auto; }
.footer p { margin-bottom: 0; }
.form-vertical, .form-actions { margin-bottom: 0; }
.form-actions { background-color: transparent; border-top: 0; }
.input-prepend-new i { opacity: 0.2; font-size: 20px; }
.input-prepend-new .add-on { padding: 0px 6px 0px 15px; height: 48px; background-color: transparent; position: absolute; top: 0; left: 0px; z-index: 99; border: 0; line-height: 48px; }
.form-vertical .input-prepend-new input { height: 48px; line-height: 32px; width: 100%; padding-left: 42px; border-radius: 4px; }
.form-vertical .input-prepend-new { margin-bottom: 12px; position: relative; width: 340px; margin: 0 auto 22px; }
.form-vertical .btn { width: 340px !important; background-color: #3b78dd; opacity: 1; height: 100%; /* background-image: -moz-linear-gradient(top,#3b78dd,#3b78dd);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#3b78dd),to(#3b78dd));
background-image: -webkit-linear-gradient(top,#3b78dd,#3b78dd);
background-image: -o-linear-gradient(top,#3b78dd,#3b78dd) ;
background-image: linear-gradient(to bottom,#3b78dd,#3b78dd); */ background-image: none; /* background-repeat: repeat-x; */ }
/* 验证码 */
.code-on { padding: 6px 6px 0px 8px; height: 28px; background: #fafafa; }
.form-vertical .btn:hover { background: #1760D7; }
#loginform .control-group { font-size: 0; text-align: center; }
#loginform .control-group > a { font-size: 14px; }
#loginform .control-group > a:nth-child(2) { display: none; }
input[type="text"]:focus,
input[type="password"]:focus { border-color: #3878dd !important; box-shadow: none; }
/*底部*/
.footer { text-align: center; color: #666; font-size: 12px; }
.footer a { color: #666; display: inline-block; }
.footer a:hover { color: #df4d96; }
.newFooter { margin-top: 50px; }
.newFooterPort a { display: inline-block; vertical-align: middle; margin-left: 10px; color: #666; font-size: 12px; }
.newFooterPort a:first-of-type::before { display: none; }
.newFooterPort a::before { content: ""; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; width: 1px; height: 12px; background: #cecece; }
.newFooterMargin a { margin-right: 3px; }
/* .newFooterPort a{float: left;} */
/*注册*/
#login-reg { width: 90%; max-width: 960px; height: 520px; border-radius: 8px; background: #FFF; border: 1px solid #1872d2; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); margin: 6px auto; background: #fff url(../../../images/yingmei/0/login-02.jpg) no-repeat bottom right; }
#login-reg form { width: 90%; margin: 0px auto; padding-top: 25px; }
#login-reg p { font-size: 22px; padding-bottom: 15px; display: block; margin-bottom: 10px; border-bottom: 1px dashed #ddd; }
#login-reg form .controls input[type="text"] { height: 36px; line-height: 32px; width: 280px; }
#login-reg form .controls { padding-top: 10px; }
.help-block { font-size: 12px; color: #aaa; height: 80px; }
.selcss { width: auto; margin-top: -3px; }
#submitform { width: 310px; }
/* new登录 */
.newState { padding: 0px 0 25px 0; width: 340px; margin: 0 auto; }
.newState-left { float: left; border-right: none; color: #808080; }
.newState-left .newStateCheck { display: block; float: left; }
.newStateLogin { width: 16px !important; height: 16px; background: #fff; vertical-align: text-top; margin: 0 !important; padding: 0; }
.newStateLabel { font-size: 14px; color: #a3a3a3; line-height: 18px; display: block; float: left; height: 16px; padding-left: 8px; }
.newState-right { float: right; color: #808080; font-size: 14px; }
.newControlGroup { color: #3B78DD; font-size: 14px; }
.newPhone { /*position: absolute; bottom: 0; left: 0; height: 70px; width: 100%;*/ margin-top: 15px; text-align: center; /*line-height: 70px; background-color: #fafafa;*/ }
.newPhone .phonenum { font-size: 15px; color: #555; }
.newClickIcon { position: absolute; right: 60%; bottom: 50px; z-index: 999; width: 65px; }
.newClickIcon a { margin-right: 7px; display: inline-block; height: 25px; width: 25px; opacity: .5; }
.newClickIcon a:last-of-type { margin-right: 0; }
.newMobilePhone { display: none; }
.arrow-left { background: url('../images//left.png') 50% no-repeat; background-size: 100% 100%; }
.arrow-right { background: url('../images/right.png') 50% no-repeat; background-size: 100% 100%; }
.arrow-left:hover { background: url('../images/leftHover.png') 50% no-repeat; background-size: 100% 100%; opacity: 1; }
.arrow-right:hover { background: url('../images/rightHover.png') 50% no-repeat; background-size: 100% 100%; opacity: 1; }
.input-append { height: 32px; line-height: 32px; display: flex; justify-content: space-between; width: 340px; margin: 0 auto 22px; }
.input-append .code-on { height: 100%; display: flex; align-items: center; background-color: #fafafa; }
.input-append input { flex: 1; height: 130%; }
.phone-hide { position: relative; }
.newWeiXiCode { position: absolute; bottom: 25px; right: -40px; width: 100px; height: auto; -moz-box-shadow: 0px 0px 5px -2px #333; -webkit-box-shadow: 0px 0px 5px -2px #333; box-shadow: 0px 0px 5px -2px #333; background-color: #fff; display: none; }
/* .phone-hide:hover .newWeiXiCode{display:inline-block;} */
.hrefMeiKa { margin-left: 6px; }
.login_count_a, .login_count_b { position: relative; }
.login_count_a_l, .login_count_b_l { position: absolute; top: 10px; right: 10px; width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; }
.login_a_l_t, .login_b_l_t { color: white; font-size: 12px; padding: 3px; line-height: 14px; /*border-radius: 6px 0 0 6px;*/ background: linear-gradient(to right, #2b77f3, #19d56b); }
.triangle { float: left; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #19d56b transparent transparent; transform: rotate(180deg); }
.icon_e { height: 18px; cursor: pointer; }
.icon_e:hover { border: 1px solid #ddd; }
.login_b_l_t { background: linear-gradient(to right, #19d56b, #2b77f3); }
.login_count_b_l .triangle { border-color: transparent #2b77f3 transparent transparent; }
.login_b_title { width: 100%; margin-top: 30px; display: inline-flex; align-items: center; justify-content: center; color: black; font-size: 16px; font-weight: bold; }
.login_b_title > img { height: 22px; margin-right: 5px; }
.libqr { width: 50%; margin: 10px 20%;border:1px solid #eee; }
.libqr_text { width: 100%; text-align: center; color: #5c5b5b; font-size: 14px; }
.libqr_text img { margin-right: 15px; }
@media (max-width: 480px) {
#logo img { display: block; float: none; margin: auto; }
.newHeader-right { display: none; }
/*右边视频*/
.newHeader-left { flex: 1; text-align: center; padding-left: 0; }
/*logo*/
.newLogo-right { display: block; width: 100%; text-align: center; border-left: 0; padding-left: 0; margin-left: 0; margin-top: 10px; }
.newHeader-left img { width: 25%; }
}
@media (max-width: 640px) {
body { position: relative; }
#login-reg form .controls input[type="text"] { height: 40px; line-height: 32px; width: 91%; }
#login-reg { background: #fff; }
#submitform { width: 100%; }
.login-reg .selcss { padding-left: 0; padding-right: 0; }
#logo .right { display: none; }
#slides { width: 100%; height: auto; margin-bottom: 20px; }
#loginbox { top: 25px; height: 100%; }
#slides li, #pagination { display: none !important; overflow: hidden; }
#loginbox { width: 90% !important; position: relative; margin: 0 auto; right: 0px; clear: both; box-shadow: none; border: 0; top: 0; overflow: visible; }
#loginbox.regbox { width: 73%; padding-bottom: 0; }
#loginform .controls .input-prepend-new { display: flex; width: 100%; }
#loginform .controls .input-prepend-new input { flex: 1; width: 100%; border-radius: 4px; }
#loginbox .form-actions { padding: 0; }
#logo { padding-top: 30px; }
.skin-reg #logo { padding-top: 10px; }
.login-reg.form-vertical .btn { display: block; width: auto !important; }
.form-vertical .btn { width: 100% !important; }
#loginbox.regbox .form-actions { border-top: 0; padding-top: 10px; }
#loginform.login-reg .control-group .contr-txr { font-size: 14px; text-align: right; color: #c6c6c6; margin-top: 10px; padding-right: 10%; }
.phone-hide { display: none !important; }
.newHeader { height: 90px; }
/*logo栏高度*/
.newHeader-right { display: none; }
/*右边视频*/
.newHeader-left { flex: 1; text-align: center; padding-left: 0; }
/*logo*/
.newHeader-left img { width: 70%; }
.newLogo-right { display: block; width: 100%; text-align: center; border-left: 0; padding-left: 0; margin-left: 0; margin-top: 10px; }
.newState { width: 100%; }
.control-group { margin-top: 10px; }
#loginbox .tab-box .tab { line-height: 45px; background-image: none; border-bottom: 0; background-color: transparent; border-bottom: 0; height: 50px; }
#loginbox .tab-box .open-on { color: #3b78dd; border-bottom: 0; }
#loginbox .tab-box .open-on::after { content: ''; width: 35%; height: 2px; background-color: #3b78dd; display: block; margin: 0 auto; }
.newPhone { display: none; }
.newFooterPort, .phone-hide, .newLogo-right { display: none; }
.slides-list, .newClickIcon { display: none; }
/*轮播按钮*/
.newMobilePhone { display: block; }
#loginbox form { position: static; box-shadow: none; width: 100%; height: auto; }
.newHeaderRight { display: none; }
.loginform p { background-color: transparent !important; }
.input-register input { width: 80% !important; }
.selectCity-phone .input-append { width: 88% !important; }
}
@media (min-width: 641px) and (max-width: 900px) {
#slides li, #pagination { display: none !important; overflow: hidden; }
#loginbox { margin: 0 auto; right: 0px; position: relative; width: 100%; }
#loginbox form { margin: 0 auto; position: static; margin-top: 50px; box-shadow: 0px 0px 12px 6px #eee !important; }
.newHeader-right { display: none; }
/*右边视频*/
.newHeader-left { flex: 1; text-align: center; padding-left: 0; }
/*logo*/
.newLogo-right, .newClickIcon { display: none; }
.newHeader-left img { width: 35%; margin-top: 35px; }
}
/*@media (min-width: 900px)and (max-width: 1499px) {
.newClickIcon { left: 50%; }
}*/