body {background:url(https://img.alicdn.com/imgextra/i2/2206895874070/O1CN01iMwMSF1fw6uIMAQQb_!!2206895874070.png) #f7f7f7;font-size:15px;}
@font-face {font-family:'iconfont';src:url('/assets/fonts/iconfont.woff2') format('woff2'),url('/assets/fonts/iconfont.woff') format('woff'),url('/assets/fonts/iconfont.ttf') format('truetype');}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
main.content {margin-left:200px;width:auto;}
.form-control {font-size:15px;height:42px;line-height:42px;border-radius:8px;}
.input-group-btn > .btn-captcha{height:42px;line-height:26px;font-size:14px;}
.user_container {padding:10px 30px 100px;background:#FFF;font-size:16px;border-radius:12px;}
h2.page-header {margin:10px 0 15px 0;padding-bottom:15px;}
.profile-avatar-container {position:relative;width:100px;}
.profile-avatar-container .profile-user-img {width:100px;height:100px;}
.profile-avatar-container .profile-avatar-text {display:none;}
.profile-avatar-container:hover .profile-avatar-text {display:block;position:absolute;height:100px;width:100px;background:#444;opacity:.6;color:#fff;top:0;left:0;line-height:100px;text-align:center;}
.profile-avatar-container button {position:absolute;top:0;left:0;width:100px;height:100px;opacity:0;}
.basicinfo {margin:15px 0;font-size:14px;background:#FFF;}
.basicinfo a {color:#2254f4;}
.basicinfo .row > .col-xs-4 {padding-right:0;}
.basicinfo .row > div {margin:5px 0;}
.user-baseinfo {margin-bottom:25px;}
.user-baseinfo table tr td {color:#999;}
.user-baseinfo .ui-content p a {color:#646464;}
@media (min-width:767px) {.user-center .avatar-img {font-size:0;}
}
.navbar-inverse {background:#FFF;}
.navbar {height:68px;min-height:68px;border-bottom:1px solid #eee;}
.navbar-nav > li > a {padding-top:25.5px;padding-bottom:25.5px;}
.navbar-inverse .navbar-nav > li > a {color:rgba(0,0,0,.8);}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color:#2354f4;background-color:transparent;}
.nav li .avatar-text,.nav li .avatar-img {height:40px;width:40px;line-height:40px;}
.nav li .avatar-img img {width:40px;height:40px;border-radius:50px;}
.dropdown-menu > li > a {padding:8px 20px;}
.dropdown-menu {width:200px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #ebeef5;border-radius:6px;}
#header-navbar li.dropdown ul.dropdown-menu {padding:0;}
.dropdown-menu > li > a {padding:12px 20px;}
.dropdown-menu .dj_user_header {width:100%;height:100px;background:url(https://img.alicdn.com/imgextra/i3/836796077/O1CN019ufFoE1ulJaBwRlls_!!836796077.png);background-size:100% 100%;}
.dropdown-menu .dj_user_header.dj_dzuser {background:url(https://img.alicdn.com/imgextra/i3/836796077/O1CN019ufFoE1ulJaBwRlls_!!836796077.png);}
.dropdown-menu .dj_user_header .dj_username {display:flex;justify-content:space-between;align-items:center;height:60px;}
.dropdown-menu .dj_user_header .dj_username span {font-size:20px;color:#fff;font-weight:bold;padding-top:0px;margin-left:16px;}
.dropdown-menu .dj_user_header .dj_username .dj_desc {font-size:10px;display:block;margin-right:12px;}
.dropdown-menu .dj_user_header .dj_head_vip_btn {width:80px;height:32px;border:1px solid #eee;text-align:center;line-height:32px;color:#fff;text-decoration:none;margin-right:10px;}
.dropdown-menu .dj_user_header .dj_endtime {height:38px;display:flex;justify-content:space-between;align-items:center;color:#FFF;}
.dropdown-menu .dj_user_header .dj_head_vip_btn:hover {background:#FFF;color:#333;}
.dropdown-menu .dj_user_header .dj_endtime span {margin-left:16px;font-weight:bold;}
.dropdown-menu .dj_user_header .dj_endtime a {text-decoration:none;font-size:10px;margin-right:10px;color:#FFF;}
.mk_nav li > a {font-size:15px;}
.page-header {padding-bottom:20px;font-size:26px;font-weight:bold;}
.main-sidebar,.left-side {position:fixed;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform 0.3s ease-in-out,width 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out,width 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out,width 0.3s ease-in-out;transition:transform 0.3s ease-in-out,width 0.3s ease-in-out;background:#222d32;}
.personal-l-box {padding-top:8px;padding-bottom:60px;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;overflow:hidden;width:200px;height:100%;height:-webkit-calc(40vh);height:-moz-calc(40vh);height:calc(100vh - 68px);margin-right:0px;z-index:500;background:#fff;top:68px;overflow-y:auto;}
.personal-l-box::-webkit-scrollbar {width:6px}
.personal-l-box::-webkit-scrollbar-track {background:#fff}
.personal-l-box::-webkit-scrollbar-thumb {border-radius:5px;background:#999}
.personal-l-box::-webkit-scrollbar-thumb:hover {background:#2254f4}
.personal-l-box.change {top:106px;}
.personal-l-box .menu-list {margin-bottom:16px;}
.personal-l-box .menu-list .title {padding:10px 42px;font-family:MicrosoftYaHei;font-size:13px;font-weight:500;color:#777;border-top:0px solid #f0f0f0;margin-top:0px;}
.personal-l-box .menu-list ul {padding:0;}
.personal-l-box .menu-list li {width:200px;position:relative;height:46px;line-height:46px;background:#fff;border-radius:0px 5px 5px 0px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.personal-l-box .menu-list li.open {height:auto;}
.personal-l-box .menu-list li:before {content:"";position:absolute;height:100%;left:0;top:0;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.personal-l-box .menu-list li > a {-moz-box-sizing:border-box;box-sizing:border-box;padding-left:38px;padding-right:10px;display:block;font-size:15px;color:#1d1d1d;text-decoration:none;}
.personal-l-box .menu-list li > a i {margin-right:12px;font-size:14px;font-weight:normal;}
.personal-l-box .menu-list li > a .other-icon {position:absolute;right:35px;top:5px;width:23px;height:17px;background:url("//editor-js.58picmail.com/qk-editor-static/home/images/vip-icon.png") no-repeat center / cover;}
.personal-l-box .menu-list li > a .mk-jt {position:absolute;right:28px;top:15px;transition:transform .1s linear;font-size:16px!important;color:#7f8792!important;margin-right:0!important}
.personal-l-box .menu-list li.open > a .mk-jt {transform:rotate(180deg);}
.personal-l-box .menu-list li:hover,.personal-l-box .menu-list li.active {background:#F2F5F5;font-weight:bold;}
.personal-l-box .menu-list li:hover a,.personal-l-box .menu-list li.active a {color:#2254f4;}
.personal-l-box .menu-list li:hover:before,.personal-l-box .menu-list li.active:before {border-left:4px solid #2254f4;}
.personal-l-box .menu-list ul li.dropdown:hover {display:block;}
footer.footer {margin-left:200px;background:#fff;color:#333;-webkit-transition:all 0.3s;transition:all 0.3s;width:auto;}
.user_container .nav-tabs > li > a {font-size:14px;color:#666;}
.user_container .nav-tabs > li.active > a,.user_container .nav-tabs > li.active > a:hover,.user_container .nav-tabs > li.active > a:focus {border-color:transparent;border-bottom-color:#0084ff;color:#444;}
.user_container .nav > li > a:hover,.user_container .nav > li > a:active,.user_container .nav > li > a:focus {background:none;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;}
.nav-tabs > li.active a h2 {color:#2254f4;font-weight:bold;}
.user_container .table thead tr th {font-weight:400;}
.user_container .table tbody tr {height:50px;line-height:50px;cursor:pointer;}
.user_container .table tbody tr:hover {background:#ecf4ec;}
.user_container .table tbody tr td {text-align:center;font-size:15px;line-height:50px;}
.text-center {font-size:15px;color:#333;}
.message_ico {background:#ecf3ff;color:#2254f4;padding:5px 10px;font-size:13px;}
.message_details {color:#333;font-size:16px;line-height:36px;}
.message_details h3 {color:#111;font-size:20px;font-weight:bold;}
.message_details .message_time {color:#999;font-size:14px;margin-top:10px;}
.back_step {border:1px solid #e6e6e6;padding:6px 22px;border-radius:30px;font-size:14px;}
.avatar-img,.avatar-img img {width:60px;height:60px;border-radius:50%;}
.dj_user {color:rgb(89,107,150);display:flex;justify-content:space-between;z-index:1;position:relative;padding:32px;overflow:hidden;align-items:center;background:url(https://img.alicdn.com/imgextra/i1/836796077/O1CN01HmU1CL1ulJaiy8VkD_!!836796077.png) 0% 0% / 100% 100% no-repeat,linear-gradient(92.24deg,rgb(215,220,235) 2.12%,rgb(216,221,226));border-top-left-radius:12px;border-top-right-radius:12px;}
.dj_vipinfo {margin-right:38px;text-align:right;}
.dj_vipinfo a {display:bolck;margin-top:6px;}
.dj_user_box {display:flex;}
.dj_user_name {margin-left:12px;}
.dj_user_name h4 a {font-size:22px;color:#222;font-weight:bold;}
.dj_user_name p a {color:#777;}
.dj_vip_btn {margin-top:10px;}
.dj_table {border-bottom:1px dotted #e6e6e6;height:70px;line-height:50px;}
.dj_table .col-md-2 {font-weight:bold;color:#333;}
.dj_table .col-md-4 {color:#999;}
.dj_table .col-xs-4 {padding-left:55px;}
.qq_box {display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted #e6e6e6;height:110px;cursor:pointer;background:#FFF}
.dj_bind_qq {display:flex;align-items:center;}
.dj_bind_qq b {width:130px;font-size:16px;margin-left:36px;}
.dj_bind_qq span {font-size:12px;color:#333;margin:0;font-size:14px;margin-right:10px;border:1px solid #e6e6e6;padding:6px 20px;border-radius:25px;}
.dj_bind_qq span .fa {margin-right:6px;}
.dj_bind_qq p.dj_none {color:#888;}
.dj_bind_qq .dj_bind_nick em{font-style: normal; font-size: 13px; color: #666;}
.qq_box p .fa {margin-right:12px;}
.qq_box .bindqq {width:138px;height:38px;line-height:36px;border:1px solid #e8eaec;color:#222;margin-right:50px;font-size:14px;border-radius:8px;text-align:center;/*display:none;*/}
.qq_box .unbindqq {width:138px;height:38px;line-height:38px;border:1px solid #fff;color:#fff;margin-right:50px;font-size:14px;border-radius:8px;text-align:center;background-image: linear-gradient(to right, #ff690b, #fe9900);padding:0;}
.qq_box:hover .bindqq {display:block;}
#isVip .dj_user {background:url(https://img.alicdn.com/imgextra/i2/836796077/O1CN01RHRNjC1ulJaiy7q7t_!!836796077.png) 0% 0% / 100% 100% no-repeat,linear-gradient(92.24deg,rgb(215,220,235) 2.12%,rgb(216,221,226));}
#isVip .dj_user_name h4 a {color:#FFF;}
#isVip .dj_user_name p a,#isVip .dj_vipinfo {color:#ccc;}
#isVip .dj_vipinfo a {color:#e9c96e;}
.left-navbar-wrap {position:fixed;bottom:0px;padding-bottom:20px;background:#FFF;left:15px;text-align:center;z-index:999;width:170px;}
.left-navbar-wrap .kf-tit {font-size:14px;height:36px;line-height:36px;}
.left-navbar-wrap .kf-service {width:170px;height:38px;display:block;border-radius:30px;color:#FFF;line-height:38px;background:#2254f4;text-decoration:none;}
.left-navbar-wrap .kf-service:hover {background:#1a4ef1;}
.left-navbar-wrap .kf-service img {margin-top:-5px;}
.left-navbar-wrap .kf-service span {margin-left:6px;}
.contact_us {width:56px;height:160px;z-index:100;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;right:6px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0px 6px 20px 0px rgba(0,4,60,0.1);box-shadow:0px 6px 20px 0px rgba(0,4,60,0.1);border-radius:8px;border:1px solid #e1e6f5;font-size:14px;cursor:pointer;padding:52px 19px 20px;background:#fff;color:#000;}
.contact_us .contact_icon {position:absolute;width:24px;height:24px;top:20px;}
.contact_us span {-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display:inline-block;color:#12141c;width:100%;text-align:center;height:88px;font-size:16px;line-height:22px;}
footer.footer .copyright {background:#fff;}
footer.footer.shrink {margin-left:70px;width:auto;}

.login-section .control-label{font-size:15px;}

#content-container .login-section{position: absolute;left:50%;top: 50%;margin-top: -250px;margin-left:100px;}
#content-container .left-content{position:absolute;top:50%;left:15%;margin-top: -260px;}
#content-container .left-content .buyin-logo {height: 50px;margin-bottom: 48px;}
#content-container .left-content .welcome-tip { color: #131520; font-size: 76px; font-weight: 600; line-height: 106px;margin-top:70px; margin-bottom: 20px; }
#content-container .left-content .welcome-tip b{background: linear-gradient(90deg, #A244FF 2.08%, #5862FF 51.62%, #0085FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#content-container .left-content .sub-title { color: #131520; font-size: 36px; font-weight: 300; line-height: 40px; }
#content-container .left-content .sub-button { padding: 14px 24px; font-size: 16px; font-weight:300; line-height: 24px; color: #fff; background: #000; border-radius: 12px; cursor: pointer;margin-top:36px;display:inline-block;letter-spacing: 2px;}
.layui-layer{border-radius:10px;overflow: hidden;}