@charset "utf-8";

@import url("../fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-width:1200px;background:#fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote {margin:0;padding:0;}
body{font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#585858;-webkit-font-smoothing:antialiased;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#ee2e2c;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_dblue {color:#007AFF;}
.f_price {font-weight:bold;font-family:Arial;color:#E4393C;}
.px12 {font-size:12px;}
/*========================================================*/
.b1 {height: 1px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}

.bd {border:none;}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w1200 {margin:auto;width:1200px;clear:both;}
.w1000 {margin:auto;width:1000px;clear:both;}
.w860 {margin:auto;width:860px;clear:both;}
.w750 {margin:auto;width:750px;clear:both;}



/*========================================================*/


/*表格初始化 THE*/


a.t:link, a.t:visited, a.t:active,.jt { /*color:#2987e6;*/ color:#666;}
input, textarea, select { padding:7px;border:1px solid #e6e6e6; color:#333; font-size:14px;}
/*.tt input, .tt textarea, .tt select { float:left; margin-right:10px;}*/
/*.tt .btn { clear:none;padding: 8px 20px}*/
input { padding:8px 7px;position:relative; top:-2px;}
.tl { background:none; color:#333; font-size:14px;}
.tr { font-size:14px;}
.tt { padding:10px 0;}
.f_blue { color:#3784ff;}
.menu {border-bottom: #e6e6e6 1px solid; border-left:none; height:auto;}
.menu .tab { border:none;}
.menu .tab a:hover { background:none;}
.menu .tab a { color:#666;}
.menu .tab_on { background:none; border-top:2px solid #3784ff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.menu .tab_on a { color:#333;}
.btn_g {background: #3784ff;border: #3784ff 1px solid;border-radius: 3px;padding: 6px 25px;}
#cate-box { background:#f5f7fa!important;}
.tb { border:1px solid #e6e6e6; margin-bottom:10px;}
.tb th { border:none;background: #f5f7fa; font-weight:400; color:#333;}
.bd td { border:none; border-top:1px solid #e6e6e6;}
.bd td:nth-child(1n+2) { border-left:1px solid #e6e6e6;}
.btn { background:#f5f7fa; border:1px solid #e6e6e6; border-radius:3px;}
/*.ls {border: 1px solid #e6e6e6;}*/
.ls tr td { font-size:14px; border-bottom:none;}
.btns { border:none;}
.nav { background:none; border-bottom:1px solid #e6e6e6;}
.nav .nav_1 { border:none;}
.nav .nav_2 { border-bottom:2px solid #3784ff;}
.limit { background:#f5f7fa; border-radius:0; border:1px solid #e6e6e6;}
.edui-default .edui-editor { border:1px solid #e6e6e6; border-radius:0;}
.edui-default .edui-editor-toolbarboxouter { background:#f5f7fa;box-shadow: none; padding:4px 10px; border-bottom:none;}
.edui-default .edui-editor-toolbarbox { box-shadow: none;}
.edui-default .edui-for-fullscreen .edui-icon { }
.edui-default .edui-for-fullscreen .edui-icon:before { content:"\e758"; display:block;font-family: 'iconfont';font-size: 16px;background: #f5f7fa;}

/*表格初始化 END*/


.menu_logo { height:50px; width:100%;border-right: 1px solid #2d3b52;box-sizing: border-box;background:#15253e;overflow: hidden; position:absolute; top:0; padding-left:15px;}
.menu_logo em { width:30px; height:30px; line-height:30px; color:#fff; font-size:24px; float:left; margin:10px 5px 0 0;}
.menu_logo span { font-size:16px; color:#fff; line-height:52px;}

.left_menu {width: 180px;height:calc(100vh);background:#283c59;transition: all .3s; float:left;font-size:14px; padding-top:50px; position:relative;box-sizing:border-box;}
.left_menu ul { height:100%; overflow-x:hidden;}
.left_menu ul::-webkit-scrollbar{ width: 4px;} 
.left_menu ul::-webkit-scrollbar-track{ background-color: #283c59;} 
.left_menu ul::-webkit-scrollbar-thumb{ background-color: #9198B3;}
.left_menu ul .hyzx { height:56px; line-height:56px;padding:0 20px; overflow:hidden;}
.left_menu ul .hyzx a { display:block;}
.left_menu ul .hyzx span { color:#9ba9be;}
.left_menu ul li { position: relative;}
.left_menu ul li p { height:56px; line-height:56px; padding:0 20px;cursor:pointer;transition: all .3s;color:#9ba9be; overflow:hidden;}
.left_menu ul li p:hover { color: #fff;background: #395780; color:#fff;}
.left_menu ul li p em,.left_menu ul li p i,.left_menu ul .hyzx em { width:20px; height:20px; line-height:20px;color:#9ba9be; font-size:16px;}
.left_menu ul .hyzx em { color:#fff;}
.left_menu ul li p em,.left_menu ul .hyzx em {float:left;margin:18px 10px 0 0;}
.left_menu ul li p i { float:right;margin-top:18px; position:relative;}
.left_menu ul li p i:before { content:""; display:inline-block; width:6px; height:6px; border-right:1px solid #9ba9be;border-bottom:1px solid #9ba9be;position: absolute;top: 4px;left: 6px;transform: rotate(45deg);opacity:.8;transition: all .3s;}
.left_menu ul li.nav-show p i:before { transform: rotate(225deg); top:6px; border-color:#fff;}
.left_menu ul li.nav-show p em,.left_menu ul li.nav-show p span { color:#fff;}

.left_menu ul li.current p:hover { background:#3784ff;}

.left_menu ul li.current p { background:#3784ff;}
.left_menu ul li.current p i:before { border-color:#fff;}
.left_menu ul li.current p em,.left_menu ul li.current p span { color:#fff;}

.left_menu dl {display: none;}
.left_menu dl::-webkit-scrollbar{ width: 4px;} 
.left_menu dl::-webkit-scrollbar-track{ background-color: #283c59;} 
.left_menu dl::-webkit-scrollbar-thumb{ background-color: #9198B3;}

.left_menu dl dd { background:#16253e; height:50px; line-height:50px; padding:0 0 0 26px;transition: all .3s; position:relative;}
.left_menu dl dd em { display:block; height:16px; line-height:16px; text-align:center; border-radius:8px; background:#ee2e2c; color:#fff; font-size:12px;position: absolute;top: 10px;left: 105px; padding:0 4px;}
.left_menu dl dd:hover { background:#1f3353;}
.left_menu dl dd span { color:#9ba9be;}
.left_menu dl dd.side_b span { color:#3784ff;}
.left_menu dl dd:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #727e90; float:left; margin:23px 12px 0 0;}
.left_menu dl dd.side_b:before { background: #3784ff;}

.nav-mini.left_menu {width: 60px;}
.nav-mini.left_menu ul { overflow-x:visible;}
.nav-mini.left_menu .nav-item>p span,.nav-mini.left_menu .hyzx span {display: none;}
.nav-mini.left_menu i {display: none;}
.nav-mini.left_menu .nav-item dl{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow-x: hidden; max-height: calc(45vh);}
.nav-mini.left_menu .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.left_menu .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.left_menu .nav-item:hover dl{display: block;}

.member_r { height:calc(100vh); overflow:hidden;}

.menu_top { height:50px; background:#15253e;box-sizing: border-box;}
.menu_top #mini { height:48px; width:50px; float:left;border-right: 1px solid #2d3b52;display: flex;align-items: center;justify-content: center;cursor:pointer; font-size:20px;}
.menu_top #mini:hover { background:rgb(255 255 255/.1);}
.menu_top #mini em { font-size:19px; color:#fff;}

.menu_top .member_msg { float:left;height:50px; margin:0 16px; width:30%;}
.menu_top .member_msg:before { content:"\e604"; display:block;font-family: 'iconfont'; float:left;height:50px; line-height: 50px; margin-right:10px;font-size: 16px;color: #fff;}
.menu_top .member_msg .bd { background:none;}
.menu_top .member_msg .bd ul li { height:50px; line-height:50px;}
.menu_top .member_msg .bd ul li a { font-size:12px; color:#fff; }


.menu_top .tishi_sec { line-height:50px; float:left; height:50px;}
.menu_top .tishi_sec b { font-size:16px; font-weight:400; color:#fff;display: inline-block;height: 20px; line-height: 20px; width:16px;position: relative;top: 2px;animation: shake-top 3s ease 0s infinite normal none;}
.menu_top .tishi_sec em { background:#3784ff; font-size:12px; color:#fff; display:inline-block;line-height: 16px;border-radius: 8px;padding: 0 4px;font-weight: 400;white-space: nowrap;transform: translate(0, -10px);}

.menu_top .right { float:right; height:50px; padding-right:20px;}
.menu_top .right ul {float:left;}
.menu_top .right ul li { float:left; position:relative;}
.menu_top .right ul li:last-child dl { left:none; right:0;}
.menu_top .right ul li>span { line-height:50px; padding:0 25px 0  15px; color:#fff;display:inline-block; position:relative;cursor:pointer;}
.menu_top .right ul li>span:before { content:""; display:inline-block; width:6px; height:6px; border-right:1px solid #fff;border-bottom:1px solid #fff;position: absolute;top: 20px;right:10px;transform: rotate(45deg);opacity:.8;transition: all .3s;}
.menu_top .right ul li>span.b_del { padding:0 15px;}
.menu_top .right ul li>span.b_del:before { display:none;}
.menu_top .right ul li:hover>span:before { transform: rotate(225deg); top:23px;}
.menu_top .right ul li:hover>span { background:#121e32;}
.menu_top .right ul li>span em { display:block; width:16px; height:16px; line-height:16px; text-align:center; border-radius:50%; background:#ee2e2c; color:#fff; font-size:12px;position: absolute;top: 6px;right: -16px;}
.menu_top .right ul li span a { color:#fff; display:inline-block;}
.menu_top .right ul li span img { width:20px; height:20px; border-radius:50%; margin-right:10px; position: relative;top: -2px;}

.menu_top .right ul li dl { width:180px; position:absolute; top:50px;line-height:40px;transition: all .25s .1s ease-out;display:none;z-index:10000;}
.menu_top .right ul li.flzx dl { width:250px;right:0px;}
.menu_top .right ul li:hover dl { display:block;}
.menu_top .right ul li dl dd { padding:0 20px; background:#121e32;}
.menu_top .right ul li dl dd a { color:#9ba9be;}
.menu_top .right ul li dl dd em { color:#e6c979;margin-left:5px;}
.menu_top .right ul li dl dd.jifen { border-top:1px dotted rgb(155 169 190/.4);}
.menu_top .right ul li dl dd.tuichu { border-top:1px dotted rgb(155 169 190/.4);}
.menu_top .right ul li dl dd:hover { background:#283c59;}
.menu_top .right ul li dl dd:hover a { color:#fff;}


.menu_top .right ul li dl .fund { padding:5px 20px 0;border-bottom:1px dotted rgb(155 169 190/.4);background:#121e32;}
.menu_top .right ul li dl .fund h3 { color:#fff; display:block;color:#9ba9be; font-weight:400;}
.menu_top .right ul li dl .fund h3 a { float:right; display:block; color:#e6c979; font-size:12px;}
.menu_top .right ul li dl .fund p { font-size:22px; color:#fff;}
.menu_top .right ul li dl .fund p i { font-size:16px;}
.menu_top .right ul li dl .fund .motion { overflow:hidden; margin:5px 0 15px;}
.menu_top .right ul li dl .fund .motion a { float:left; display:inline-block; width:30.666666%; color:#fff; margin-right:4%; text-align:center; background:rgb(255 255 255/.13); line-height:30px;}
.menu_top .right ul li dl .fund .motion a:nth-child(3n+3) { margin-right:0;}
.menu_top .right ul li dl .fund .motion a:hover { background:rgb(255 255 255/.4);}


.member_main { width: 100%; height:calc(100% - 50px); padding: 20px;box-sizing: border-box;overflow-x: hidden;}
.member_main .main_l { overflow:hidden;}
.member_main .main_r { width:200px; float:right; margin-left:20px;}


/*首页样式 THE*/

.box {background: white;margin-bottom: 15px;}
.member_title { height:20px; line-height:20px;}
.member_title strong { font-size:14px; font-weight:400;color:#000}
.member_title a { float:right; font-size:12px;}
.box .title_mb {color:#000; font-size:14px;line-height:40px;padding:0px 15px}

.panel_box { width:100%; margin-bottom:15px; overflow:hidden;}
.panel_box ul li { float:left; width:19.2%; overflow:hidden; background:#fff; margin-right:1%}
.panel_box ul li:nth-child(5n+5) { margin-right:0;}
.panel_box ul li:before { width:100px; height:100px; float:left; line-height:100px; text-align:center;font-family: 'iconfont';font-size: 40px;color: #fff;/*border-radius:5px 0 0 5px*/}

.panel_box ul li:nth-child(1):before { content:"\e61f"; background:#54ade8;}
.panel_box ul li:nth-child(2):before { content:"\e620"; background:#009688;}
.panel_box ul li:nth-child(3):before { content:"\e625"; background:#5FB878;}
.panel_box ul li:nth-child(4):before { content:"\e64d"; background:#F7B824;}
.panel_box ul li:nth-child(5):before { content:"\e61b"; background:#1eb6c9;}

.panel_box ul li .panel_word { text-align:center; overflow:hidden;}
.panel_box ul li .panel_word span,.panel_box ul li .panel_word cite { display:block;}
.panel_box ul li .panel_word span { color:#009688; font-size:25px;margin-top:20px;}
.panel_box ul li .panel_word cite { font-size:14px; color:#333;font-style: normal;} 


.bg{padding: 5px 15px 20px;background: white;overflow: hidden;}
.bg-table { border-collapse: collapse; width:100%;}
.bg-table tr td { border:1px solid #eee;padding:12px;font-size:14px;}
.bg-table tr td:nth-child(1) {width:130px; text-align:center;color:#666}
.bg-table tr td:nth-child(2) { padding:0 10px;color:#000}
.bg-table tr:hover{background:#f5f7fa;}
.bg-table font {color:white;background:#5FB878;border-radius:12px;font-size:12px;padding:4px 10px;margin-left:10px;}
.bg-table font a{color:white;}
.bg-table font:hover{background:#F7B824;}

.sjtj {  padding:15px; background:#fff;}
.sjtj ul { margin-top:48px;}
.sjtj ul li { float:left; width:25%; box-sizing:border-box; text-align:center;}
.sjtj ul li:nth-child(1n+2) { border-left:1px solid #e6e6e6;}
.sjtj ul li b,
.sjtj ul li span,
.sjtj ul li p { display:block;}
.sjtj ul li b { font-size:14px; color:#222;position:relative;}
.sjtj ul li b i { width: 14px;height: 14px; display:inline-block; background:url(icon.png) no-repeat -33px -354px;margin-left: 10px;top: 2px;cursor: pointer;position:absolute;font-style: normal;}
.sjtj ul li b .tooltip {position:absolute;font-size:12px;color:#333;font-weight:400;background:rgba(255,255,255,.8);min-width:127px;max-width:280px;border:1px solid #e6e6e6;padding:3px 8px;text-align:left;left:25px;top:50%;transform:translate(0px,-50%);z-index:1;display:none;}
.sjtj ul li b .tooltip:before {content:'';position:absolute;width:0;height:0;top:50%;left:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ddd;transform:translate(0px,-50%);}
.sjtj ul li b .tooltip:after {content:'';position:absolute;width:0;height:0;top:50%;left:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff;transform:translate(0px,-50%);}
.sjtj ul li:hover b .tooltip { display:block;}
.sjtj ul li span {  font-size:30px; color:#d4ac71; padding:15px 0 10px;}
.sjtj ul li p { height:38px; line-height:38px;box-sizing:border-box; margin:0; font-size:14px; color:#222;}

.testing {  padding:28px; background:#fff; overflow:hidden;}
.testing .performance { width:156px; height:156px; line-height:156px; text-align:center; box-sizing:border-box;  float:left; border-radius:50%; border:3px solid #d4ac71; font-size:14px; margin-right:30px;}
.testing .performance span { font-size:54px; color:#d4ac71;}
.testing .explain { float:left; width:350px;}
.testing .explain h2 { padding: 26px 0 10px 0;font-size: 18px;margin:0;}
.testing .explain p { color:#696969; font-size:14px; margin:0;line-height:22px;}
.testing .explain p span { color:#ff0000; padding:0 5px;}
.testing .explain p a { color:#d4ac71; padding:0 5px;}
.testing .wszl { width:114px; height:36px; box-sizing:border-box; border:1px solid #d4ac71; font-size:14px; color:#d4ac71; text-align:center; line-height:36px; display:inline-block; float:right; border-radius:18px;margin-top:60px;}
.testing .wszl:hover { background:#d4ac71; color:#fff;}
.testing .xgg { border:1px solid #118e15; color:#118e15;}
.testing .xgg :hover { background:#118e15; color:#fff;}

.current_state {  padding:15px 15px; background:#fff; overflow:hidden;}
.current_state ul { margin-top:10px;overflow:hidden;}
.current_state ul dl { line-height:30px; overflow:hidden;overflow:hidden;}
.current_state ul dl dd { float:left;}
.current_state ul dl dd a { color:#6b0;}
.current_state ul dl dd:nth-child(1) { width:25%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.current_state ul dl dd:nth-child(3) { width:30%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.current_state ul dl dd:nth-child(2),
.current_state ul dl dd:nth-child(4),
.current_state ul dl dd:nth-child(5) { width:15%; text-align:center;}
.current_state ul dl dd a.ordernow{background:#F7E7E7;;border-radius:18px;color:#ff0000;width:60px; display:inline-block;color:white;line-height:20px;padding:2px 10px;font-size:12px;color:#d4ac71}
.current_state ul dl dd a.ordernow:hover{color:white;background: #d4ac71;}



.box ul { padding:0 15px 10px;}
.box ul li { height:34px; line-height:34px;overflow:hidden;}
.box ul li a { color:#666;}
.box .mob{padding:0 15px;overflow: hidden;}
.box .mob img { width:156px; height:156px; margin:10px auto; display:inherit;}
.box .mob p { text-align:center; height:20px; line-height:20px; margin:10px 0 20px;}
.box{background:white;margin-bottom:15px;}

.notice_mod {  padding:15px; background:#fff; overflow:hidden;}
.notice_mod ul { overflow:hidden; border-top:1px solid #f5f5f5; margin-top:15px;}
.notice_mod ul li:nth-child(1) { color:#f60; font-size:20px; font-weight:700; text-align:center; height:60px; line-height:60px;}
.notice_mod ul li:nth-child(1) span { font-size:16px;}
.notice_mod ul li:nth-child(1) i { font-size:12px; color:#d4ac71; font-weight:400;}




.notice_mod ul li.wdye_btn a { width:45%; height:30px; font-size:14px; line-height:30px; text-align:center; color:#fff; background:#d4ac71;display:inline-block; font-weight:700;border-radius:15px;}
.notice_mod ul li.wdye_btn a:nth-child(1) { background:#3F51B5;}
.notice_mod ul li.wdye_btn a:nth-child(2) { float:right;}

.notice_mod .yjzs { display:block; text-align:center; font-size:14px; overflow:hidden; line-height:24px;}
.notice_mod .yjzs b { color:#ff6700;}
.notice_mod .wczt { text-align:center; color:#ff6700; margin-bottom:20px; line-height:24px;}



.dqjf { font-size:12px; color:#333;}
.dqjf span { color:#d4ac71; padding:0 5px;}
.bdtp { overflow:hidden;}
.bdtp dd { height:26px; line-height:26px; padding:0 15px; background:#f3f3f3; border:1px solid #e6e6e6; border-radius:15px; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bdtp dd span { color:#d4ac71;}
.wdfc { overflow: hidden;border-top: 1px solid #f5f5f5;margin-top: 15px;}
.wdfc p { line-height:20px; font-size:12px;margin-top:10px;color:#d4ac71;}
.wdfc p a { display:inline-block; width:60px;color:#222;}
.wdfc p em { padding:0 5px;}

.new-chat {background: linear-gradient(126deg, #ff5400, #f46);height: 200px;box-sizing:border-box; padding:15px 20px 0 20px;margin-top:15px;width:200px;}
.new-chat p { font-size: 14px;color: #fff;padding:0;margin:0}
.new-chat p:nth-child(2) { height:40px; line-height:40px; font-size:20px;}
.new-chat a {  display: inline-block;border: 1px solid #efefef;border-radius: 3px;padding: 5px; margin-top:10px; color:#fff;}


/*首页样式 END*/



/*注册登陆样式 THE*/
.header_log,.logo_log,.header_log .greet { height:90px;}
.header_log { background:#fff; border-bottom:1px solid #ecebec;}
.logo_log { float:left; display: flex;align-items: center;}
.logo_log img { height:45px;}
.header_log .greet { font-size:18px; color:#252525; margin-left:50px; float:left;display: flex;align-items: center;}
.header_log .greet:before { content:""; display:block; width:1px; height:18px; background:#323232; float:left;margin-right:50px;}
.header_log p { float:right; font-size:14px; color:#4d4d4d; line-height:90px;}
.header_log p a { margin-left:10px; color:#3c98fb;}
    
    
    /*justify-content: center;*/



.cdx-body-login { width:100%; background:url(../images/loginBg.jpg) no-repeat center top #e8f4ff;}
.cdx-body-register { width:100%; background:url(../images/regBg.jpg) no-repeat center top #e8f4ff;}
#msgs{z-index:1000;position:absolute;width:150px;margin:-42px auto 0 96px;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;font-size:14px;}
.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#cccccc 1px solid;font-size:14px;border-radius:3px;}
.input-captcha {background:url('../images/input-captcha.png') no-repeat 8px center;width:100px;margin-right:10px;}
.input-question {background:url('../images/input-question.png') no-repeat 8px center;width:290px;}
.input-user {background:url('../images/input-username.png') no-repeat 8px center;width:290px;}
.input-pass {background:url('../images/input-password.png') no-repeat 8px center;width:290px;}
.input-mob {background:url('../images/input-mobile.png') no-repeat 8px center;width:290px;}
.input-mail {background:url('../images/input-mail.png') no-repeat 8px center;width:290px;}
.input-text {background:url('../images/input-text.png') no-repeat 8px center;width:290px;}
.input-code {background:url('../images/input-password.png') no-repeat 8px center;width:290px;}
.send-code{font-size:14px;display: block;padding:10px 15px;height:22px;line-height:22px;border:#d5d5d5 1px solid;font-size:14px;border-radius:3px;;overflow:hidden;border-radius:0px 3px 3px 0;margin-top:-2px;text-align:center;position:absolute;right:3px;top:15px}
.t_c{text-align:center;font-size:14px;padding:10px 0;overflow: hidden;}










.login_box,.reg_box {box-shadow: 0 5px 30px #cad8fe; background:#fff; overflow:hidden; border-radius:5px; border:1px solid #e6e6e6;}

.left_text strong,.left_text p { height:34px; line-height:34px; color:#1f1f1f;}
.left_text strong { font-size:22px; color:#1f1f1f; display:block;}
.left_text strong img { float:left; width:22px; height:22px; margin: 6px 6px 0 0;}
.left_text p { font-size:18px;margin-bottom:34px; }


.login_tel { float:right; margin-bottom:10px;font-size:14px; padding:20px 0;}
.login_tel span { float:left; margin-left:50px; color:#333; height:20px; line-height:20px;position:relative;}
.login_tel span>img { width:20px; height:20px; margin-right:10px; float:left;}
.login_tel span:hover .weixin { display:block;}
.login_tel span .weixin { position:absolute; width:138px; background:#fff;box-shadow: 0 0 20px #ddd; padding:5px; box-sizing:border-box; text-align:center;top: 40px;left: -40px; display:none;border-radius:3px;}
.login_tel span .weixin img { width:100%;}
.login_tel span .weixin p { font-size:12px; color:#666; margin:5px 0;}
.login_tel span .weixin:before {content: '';position: absolute;left: 50%;top: -14px; border-top: 15px solid transparent;border-right: 15px solid #FFFFFF;border-bottom: 15px solid transparent;transform: translateX(-50%) rotate(90deg);}
.login_box .left { width:350px; height:500px; padding:90px 0 0 45px; background:url(../images/loginLeftImg.jpg) no-repeat top left; box-sizing:border-box; float:left;}
.login_box .login_tba { float:left;}
.login_box .login_tba .hd { overflow:hidden; padding:60px 30px 40px;width:375px;}
.login_box .login_tba .hd ul li { float:left;width:33.33333%; height:24px; line-height:24px; color:#888; font-size:20px; text-align:center;cursor:pointer;}
.login_box .login_tba .hd ul li:nth-child(1n+2):before {content:""; display:block; width:1px; height:14px; background:#252525;float:left; margin-top:6px;}
.login_box .login_tba .hd ul li.on { font-weight:700; color:#252525;}
.login_box .login_tba .bd .wxdl { text-align:center; font-size:16px;}
.login_box .login_tba .bd .wxdl img  { width:50%;}
.login_box .login_tba .bd ul { overflow:hidden; padding-bottom:30px;}
.login_box .login_tba .bd .wxdl p { line-height:30px;}
.login_box .login_tba .bd .wxdl p i { color:#f60;}

.mmdl_box { padding:0 50px!important;}
.mmdl_box li {padding:15px 0;overflow:hidden; position:relative}
.mmdl_box li dt { display:block; float:left; color:#333;width:50px; line-height:48px; padding:0 10px;}
.mmdl_box li .yanzhen { background:#f5f5f5; height:46px;display: flex;align-items: center;justify-content: center;}
.mmdl_box li .yanzhen i { width:22px; height:22px; display:block; float:left;margin-right:5px;}
.mmdl_box li .yanzhen i img { width:100%;}
.mmdl_box li.yzm input { width:45%;}
.mmdl_box li .hqyzm {width:110px; height:46px; border-left:1px solid #d5d5d5; float:right;cursor:pointer;}
.mmdl_box li .hqyzm button { color:#3f84f5; width:110px; height:46px;background:none; border:none;}
.mmdl_box li input.cdx-login { height:46px; background:#3f84f5; color:#fff;width:100%; border:none; border-radius:3px; font-size:16px;}

.mmdl_box li input:focus{border:#ccc 1px solid;outline:none;}

.mmdl_box .zhmm { padding:15px 0; text-align:center; }
.mmdl_box .zhmm a { font-size:14px;display:inline-block; padding:0 15px;}
.mmdl_box .status { margin-bottom:18px; text-align:center;}
.mmdl_box .status p { font-size:14px; margin-bottom:10px;color:#252525;}

.agreement_box { font-size:14px; text-align:center;}
.login_copyright { overflow:hidden; text-align:center; color:#999; font-size:12px; padding:30px 0;}


.reg_box .left { width:240px; height:560px; padding:90px 0 0 45px; background:url(../images/regLeftImg.jpg) no-repeat top left; box-sizing:border-box; float:left;}
.reg_box .right { float:left;padding: 45px 20px;}
.reg_box .right .mmdl_box>button { margin-bottom:28px;}


/*注册登陆样式 END*/






@keyframes shake-top {
  0%{
    transform: rotate(0deg);
    transform-origin: 50% 0;
  }
  4%{
    transform: rotate(2deg);
  }
  8%{
    transform: rotate(-4deg);
  }
  12%{
    transform: rotate(4deg);
  }
  16%{
    transform: rotate(-4deg);
  }
  20%{
    transform: rotate(4deg);
  }
  24%{
    transform: rotate(-4deg);
  }
  28%{
    transform: rotate(4deg);
  }
  32%{
    transform: rotate(-2deg);
  }
  36%{
    transform: rotate(2deg);
  }
  40%{
    transform: rotate(0deg);
    transform-origin: 50% 0;
  }
  100%{
    transform: rotate(0deg);
    transform-origin: 50% 0;
  }
}