body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } /* -webkit-text-size-adjust fix chrome 12 px limit */ body, button, input, select, textarea, label { font-size: 14px; font-family: microsoft yahei; -webkit-text-size-adjust: none; } button, input, select, label { vertical-align: middle; list-style-type: none; border: none; } ul, ol, p, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul { list-style: none; } h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 12px; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } small { font-size: 12px; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } img { border: 0 none; } a img, span img { vertical-align: bottom; } a, a:focus { outline: none; } em { font-style: normal; font-weight: 700; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } table th { font-weight: 300; } a { text-decoration: none; color: #000; } .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix{ /*兼容 ie*/ zoom: 1; clear: both; } /* body a:hover{ color:#c30d23; } */ /* body .layui-layer-ico { background: transparent; } */ a:hover, a:focus { text-decoration: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset; background-color: rgb(250, 255, 189) !important; /* #faffbd; */ background-image: none !important; color: rgb(0, 0, 0) !important; } input , button{ outline: none !important; border-radius: 5px !important; } button:hover { opacity: .8; filter: alpha(opacity=80); color: #fff; } body { background: #fff; font-family: "helvetica neue", helvetica, arial, "hiragino sans gb", "hiragino sans gb w3", "pingfang sc", "microsoft yahei ui", "microsoft yahei", "wenquanyi micro hei", sans-serif; font-size: 14px; } /*#bbg{*/ /* behavior:;*/ /* background:#244c7c;*/ /*}*/ /* body.login-content:before { height: 50%; width: 100%; position: absolute; top: 0; left: 0; background: #00bcd4; content: ""; z-index: 0; } */ body.login-content #layui_alert { text-align:initial; } .layui-layer-title { text-align: left !important; } .col-xs-12 { width: 85%; /*padding: 0 3%;*/ } .head_wrap { background: url(/uploads/image/ircimages/head_bg.gif) repeat-x; height:86px; min-width: 1200px; width:100%; } .head_wrap .head { width: 1200px; margin: 0 auto; height: 86px; } .head_wrap .head .logo { float: left; } .head_wrap .head .exit a { color: #fff; font-family: simsun, 宋体, "arial narrow", helvetica; } .head_wrap .head .logo img { width:350px; } .head_wrap .head .head_title .cn { font-size: 32px; font-weight: bold; color: #a38138; /*display: block;*/ } .head_wrap .head .head_title { float: left; margin-left: 80px; margin-top:45px; } .head_wrap .head .head_title .en { font-size: 20px; font-weight: bold; color: #a38138; /*display: block;*/ } .head_wrap .personal_account { float: right; position: relative; top: 89px; height:40px; z-index:999; right: 20px; } /* .head_wrap .personal_account .welcome:hover { color: #222; } */ .head_wrap .personal_account .exit a:hover { color: #222; } .head_wrap .personal_account .welcome { color: #fff; display: inline; cursor: pointer; position: relative; padding-left: 60px; } .head_wrap .personal_account .welcome .subscribe { position: absolute; /* left:0; */ right:3px; top:15px; text-align: right; max-width: 800px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .head_wrap .personal_account .welcome .subscribe.top { top: -2px; } .head_wrap .personal_account .exit .subscribe { position: absolute; left:0; top:15px; } .head_wrap .personal_account .exit { display: inline; position: relative; } .banner { width: 100%; min-width: 1200px; background: #0477b4; } .banner .content { width: 1200px; margin: 0 auto; line-height: 40px; height: 40px; position: relative; } .banner .content span { color: #fff; font-size: 18px; position: absolute; left: 0; } .footer { width: 100%; background: url(/uploads/image/ircimages/head_bg.gif) repeat-x; overflow: hidden; } .footer .fixed_width { width: 1200px; margin: 0 auto; text-align: center; } .footer .fixed_width .footer_content span { line-height: 30px; font-size: 12px; display: block; } .footer_des { width: 100%; height: 46px; line-height: 46px; background: #353535; text-align: center; } .footer_des .fixed_width { width: 1200px; margin: 0 auto; position: relative; } .footer_des .fixed_width span { color: #fff; font-size: 12px; } .main-wrap .login_img { width: 100%; } .main-wrap .login_img:before, .login_img:after { content: ""; height: 1px; position: absolute; top: 47px; width: 35%; } .dl_lable{ text-align: right; vertical-align: middle; font-size: 14px; display: block; color: #ccc; line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; width: 377px; margin: 0 auto; } /* .main-wrap .login_img:before { background: rgb(126, 126, 126); background: -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); -ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#7e7e7e, endcolorstr=#ffffff)"; left: 0px; behavior: ; } */ /* .main-wrap .login_img:after { background: rgb(126, 126, 126); background: -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%); -ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#7e7e7e, endcolorstr=#ffffff)"; right: 0px; behavior: ; } */ .main-wrap .login_content { width: 100%; } .main-wrap .login_content .login_input{ display: block; } .main-wrap .login_content .login_input.login_status{ display: none; } .main-wrap .login_content .login_header { width: 100%; position: relative; text-align: center; height: 55px; margin-bottom: 74px; font-family: "microsoft yahei"; } .main-wrap .login_content .login_header .login-title { /*line-height: 55px;*/ padding-top: 10px; display: inline-block; color: #494949; cursor: pointer; font-size: 18px; font-family: "microsoft yahei"; margin: 0 10px; } .main-wrap .login_content .login_header .login-title span{ color: #f2f2f2; font-size: 36px; font-weight: bold; } .main-wrap .login_content .login_header .login-title .loginen { font-size:16px; } .main-wrap .login_content .login_input { width: 100%; } .main-wrap .login_content .login_input .msg_wrap { margin-bottom: 5px; } .main-wrap .login_content .login_input .msg_wrap .msg_warm { position: relative; background: #fef4e5; color: #666; border: 1px solid #f6c090; padding: 3px 10px 3px 40px; line-height: 15px; height: auto; text-align: left; } .main-wrap .login_content .login_input .msg_wrap .msg_warm b { position: absolute; top: 50%; left: 10px; display: block; margin-top: -8px; width: 16px; height: 17px; overflow: hidden; background: url(/uploads/image/ircimages/login-icons.png) -104px -24px no-repeat; } .main-wrap .login_content .login_input .item { margin-bottom: 20px; height: 38px; width: 377px; margin: 0 auto; } .main-wrap .login_content .login_input .item .pass_label { width: 25px; height: 25px; background: url(/uploads/image/ircimages/login_ico.png); background-position: -125px -34px; position: absolute; margin: 7px 13px; } .main-wrap .login_content .login_input .item .name_label { width: 25px; height: 25px; background: url(/uploads/image/ircimages/login_ico.png); background-position: -125px 0; position: absolute; margin: 7px 13px; } .main-wrap .login_content .login_input label { position: absolute; top: 0; left: 0; width: 38px; height: 38px; } .main-wrap .login_content .login_input .itxt { background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .main-wrap .login_content .login_input .item_form3 { margin-bottom: 20px; text-align: left; width: 377px; margin: 0 auto; } .main-wrap .login_content .login_input .item_verify button { position: absolute; right: 10px; line-height: 28px; width: 70px; background: #0b6bcc; color: #fff; top: 5px; cursor: pointer; } .main-wrap .login_content .login_input .item_form2.item_verify label { background-position: 0 0; } .main-wrap .login_content .login_input .itxt2 { width: 200px; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); margin-right: 10px; } .main-wrap .login_content .login_input .verify_code { cursor: pointer; width: 90px; height: 33px; background: buttonface; } .main-wrap .login_content .login_input .item_form4 { width: 100%; display: block; height: 20px; } .main-wrap .login_content .login_input .item_form4 .forget_username { float: left; margin-right: 20px; margin-left: 45px; } .main-wrap .login_content .login_input .item_form4 .forget_pass { float: left; } .item_form4 .forget_username a, .forget_pass a{ color: #fff; } .item_form4 .forget_username:hover a, .forget_pass:hover a{ color: #6a98cf; } .main-wrap .login_content .login_input .item_form5 { margin-bottom: 20px; cursor: pointer; width: 377px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .main-wrap .login_content .login_input .item_form5 span:hover { opacity: .8; filter: alpha(opacity=80); color: #fff; } .main-wrap .login_content .login_input .item_form5 span { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; border: 1px solid #dcdfe6; color: #606266; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; color: #fff; background-color: #409eff; border-color: #409eff; border-radius: 4px; } .main-wrap .login_content .login_input .item_form6 { text-align: center; /*background: #fcfcfc;*/ line-height: 50px; } .main-wrap .login_content .login_input .item_form6 a { cursor: pointer; } .main-wrap .login_content .login_input .item_form6 i { background: url(/uploads/image/ircimages/login-icons.png) -104px -75px no-repeat; /*background-position: -48px 50px;*/ display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; } .main-wrap .login_content .login_input .item_form6 span { font-size: 14px; color: #fff; } .main-wrap .login_content .login_input .item_form6 span:hover { color: #6a98cf; } #layui_alert { display: none; } /* @media screen and (min-width: 1200px) { .col-lg-3 { width: 25%; } } */ /**@media (min-width: 768px) and (max-width: 1200px) { .col-md-3 { width: 40%; } } @media screen and (max-width: 320px) { .main-wrap .login_content .login_input .itxt { width: 75%; } }**/ #twiceverrify { margin-top: 20px; display: none; } #twiceverrify .ant_row { margin: 0 20px 20px 20px; display: block; overflow: hidden; } #twiceverrify .ant_row span { font-size: 14px; color: #666; } #twiceverrify .ant_row .ant-input { border: 1px solid #999; font-size: 14px; height: 31px; line-height: 30px; padding: 0 22px 0 10px!important; color: #333; width: 80%; } #twiceverrify .ant_row .ant-form-left { float: left; width: 45%; height: 47px; line-height: 32px; text-align: right; padding-right: 10px; box-sizing: border-box; position: relative; } #twiceverrify .ant_row .ant-form-center { float: left; width: 55%; height: 34px; line-height: 32px; box-sizing: border-box; position: relative; } #twiceverrify .ant_row .ant-form-center button { position: absolute; right: 33px; line-height: 28px; width: 85px; background: #0477b4; color: #fff; top: 3px; cursor: pointer; } #twiceverrify_1 { margin-top: 20px; display: none; } #twiceverrify_1 .ant_row { margin: 0 20px 20px 20px; display: block; overflow: hidden; } #twiceverrify_1 .ant_row span { font-size: 14px; color: #666; } #twiceverrify_1 .ant_row .ant-input { border: 1px solid #999; font-size: 14px; height: 31px; line-height: 30px; padding: 0 22px 0 10px!important; color: #333; width: 80%; } #twiceverrify_1 .ant_row .ant-form-left { float: left; width: 45%; height: 47px; line-height: 32px; text-align: right; padding-right: 10px; box-sizing: border-box; position: relative; } #twiceverrify_1 .ant_row .ant-form-center { float: left; width: 55%; height: 34px; line-height: 32px; box-sizing: border-box; position: relative; } #twiceverrify_1 .ant_row .ant-form-center button { position: absolute; right: 33px; line-height: 28px; width: 85px; background: #0477b4; color: #fff; top: 3px; cursor: pointer; } .button-over button { font-size: x-small !important; width: auto !important; padding: 0 5px !important; top: 38px !important; right: 29px !important; } .form-over .subscribe-en { right: -81px !important; top: 26px !important; } .subscribe-en { position: absolute; top: 23px; right: 10px; } .button-over { height: 66px !important; } .choosever { font-size: 14px; color: #666; border: 1px solid #999; outline: none; } .layui-textarea { min-height: 50px !important; } .head_title { display: none; } /* 二期:下拉跨disabled功能补充 */ /*.layui-select-disabled:after {*/ /*display: block;*/ /*position: absolute;*/ /*height: 100%;*/ /*width: 100%;*/ /*content: '';*/ /*z-index: 999;*/ /*cursor: not-allowed;*/ /*!*cursor: pointer;*!*/ /*top: 0;*/ /*opacity: 0;*/ /*}*/ /*.layui-select-disabled {*/ /*cursor: not-allowed !important;*/ /*}*/