* {box-sizing:border-box}
html,body {display:flex; flex-direction:column; width:100%; height:100%; margin:0; padding:0; font-family:"Microsoft Yahei","微软雅黑",arial,helvetica,sans-serif}
ul,li {margin:0; padding:0; list-style-type:none}
a {text-decoration:none; color:#444;}
a:visited {color:#444;}
a:hover {color:#444;}
a:active {color:#444;}
table {border-collapse:collapse; border:0}
input,button,select,textarea {border:1px solid #ccc; font-family:"Microsoft Yahei","微软雅黑",arial,helvetica,sans-serif}

section {width:100%}
section.agent_head {display:flex; align-items:center; flex:0 0 120px; padding:0 40px; background:no-repeat center top; background-image:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0) 60%), url(/images/agent_back.jpg)}
section.agent_head img.logo {width:220px; height:80px; margin-right:10px}
section.agent_head ul.title li.chn {line-height:48px; font-size:24px; border-bottom:3px dotted #444}
section.agent_head ul.title li.other {line-height:30px; font-size:16px; color:#888}
section.agent_head ul.menu {display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap; flex:1 1 auto; height:90px}
section.agent_head ul.menu li {padding:0 10px; border-right:2px dotted #888}
section.agent_head ul.menu li:last-child {border-right:none}
section.agent_head ul.menu li.qr {position:relative}
section.agent_head ul.menu li.qr img {display:block; position:absolute; right:10px; top:24px; width:0; transition:all 0.6s ease 0.2s; z-index:9999}
section.agent_head ul.menu li.qr:hover img {width:200px; border:1px solid #f68}
section.agent_login {position:relative; flex:1 1 auto}

.mb section.agent_head {flex:0 0 64px; padding:0; overflow:hidden}
.mb section.agent_head img.logo {width:auto; height:32px; margin-left:50px; margin-right:4px}
.mb section.agent_head ul.title {flex:1 1 auto}
.mb section.agent_head ul.title li.chn {font-size:16px; border-bottom:none; white-space:nowrap; overflow:hidden}
.mb section.agent_head ul.title li.other {display:none}
.mb section.agent_head ul.menu {position:fixed; display:block; width:50vw; top:0; left:100vw; height:auto; padding:0 8px; background-color:#eee; border:1px solid #f68; border-right:none; border-radius:0 0 0 16px; z-index:99}
.mb section.agent_head ul.menu li {display:block; border-right:none; padding:0; font-size:20px; margin:8px 0; border-radius:8px 0 0 8px; overflow:hidden; background-image:linear-gradient(to right,rgba(250,200,220,0.5),rgba(250,200,220,1) 20%,rgba(250,200,220,0.3))}
.mb section.agent_head ul.menu li a {display:block; width:100%; height:100%; padding:8px 12px}
.mb section.agent_head ul.menu div.btnr {position:absolute; top:-1px; left:-50px; width:50px; height:50px; background-color:#eee; border:1px solid #f68; border-right:none; border-radius:20px 0 0 20px; text-align:center; padding-top:7px}
.mb section.agent_head ul.menu div.btnr q {font-size:36px; color:#f68}
.mb section.agent_head ul.menu div.btnr q.right {display:none}

section.agent_body {display:flex; flex:1 1 auto}

div.left {flex:0 0 auto; width:300px; padding:10px 30px; font-size:20px}
div.left ul li {display:flex; align-items:center; height:50px; white-space:nowrap; margin-bottom:12px; border-radius:0 8px 8px 0; overflow:hidden; background-image:linear-gradient(to left,rgba(250,200,220,0.5),rgba(250,200,220,1) 20%,rgba(250,200,220,0.3))}
div.left ul li a {flex:1 1 auto; line-height:50px; overflow:hidden}
div.left ul li a:before {display:inline-block; color:#222; width:48px; text-align:center}
div.left ul li q {display:none; flex:0 0 28px; font-size:27px; text-align:left; color:#f00}
div.left ul li.on {background-image:linear-gradient(to left,rgba(250,150,180,0.5),rgba(250,150,180,1) 20%,rgba(250,150,180,0.3))}
div.left ul li.on q {display:inline}
div.left ul li:hover {background-image:linear-gradient(to left,rgba(250,100,120,0.5),rgba(250,100,120,1) 20%,rgba(250,100,120,0.3))}
div.left ul li:hover a {color:#fff}

.mb div.left {position:fixed; width:66vw; top:0; left:-66vw; padding:6px 12px; font-size:18px; background-color:#eee; border:1px solid #f68; border-left:none; border-radius:0 0 16px 0; z-index:99}
.mb div.left ul li {margin:6px 0}
.mb div.left ul li q {color:#fff}
.mb div.left div.btnl {position:absolute; top:-1px; right:-50px; width:50px; height:50px; background-color:#eee; border:1px solid #f68; border-left:none; border-radius:0 20px 20px 0; text-align:center; padding-top:7px}
.mb div.left div.btnl q {font-size:36px; color:#f68}
.mb div.left div.btnl q.left {display:none}

div.center {position:relative; flex:0 0 2px; background-image:linear-gradient(to bottom,rgba(90,20,40,0),rgba(90,20,40,1) 300px,rgba(90,20,40,0))}
div.center i {position:absolute; top:290px; font-size:20px; color:rgb(90,20,40); cursor:pointer}
div.center i.jtl {right:0}
div.center i.jtr {display:none; left:0}

.mb div.center {display:none}

div.right {display:flex; flex-direction:column; flex:1 1 auto; padding:10px 30px}
div.right ul.menu {display:flex; flex:0 0 40px; border-bottom:1px dotted #888; margin-bottom:10px;}
div.right ul.menu li {padding:0 20px; white-space:nowrap; margin:0 4px; overflow:hidden; border-radius:10px 10px 0 0; background-image:linear-gradient(to bottom,rgba(250,200,220,0.5),rgba(250,200,220,1))}
div.right ul.menu li a {display:block; font-size:20px; line-height:40px}
div.right ul.menu li.on {border-bottom:1px solid #f00; background-image:linear-gradient(to bottom,rgba(250,150,180,0.5),rgba(250,150,180,1))}
div.right ul.menu li:hover {background-image:linear-gradient(to bottom,rgba(250,100,120,0.5),rgba(250,100,120,1))}
div.right ul.menu li:hover a {color:white}
div.right div.err {width:400px; text-align:center; margin:40px 100px; font-size:24px}
div.right div.err i {font-size:80px; color:red; margin-bottom:30px}
div.right div.err a {font-size:20px; color:#888}

.mb div.right {flex:0 0 100vw; padding:0}
.mb div.right ul.menu {width:100vw; border-bottom:1px dotted #888; padding:0 4px; margin-bottom:16px; overflow:hidden; overflow-x:auto}
.mb div.right ul.menu li {flex:1 0 auto; padding:0 6px; margin:0 2px; border-radius:8px 8px 0 0; text-align:center}
.mb div.right ul.menu li a {font-size:18px; line-height:36px}
.mb div.right ul.menu li.on {border-bottom:1px solid #f00}
.mb div.right div.err {width:90vw; margin:40px 5vw; font-size:22px}
.mb div.right div.err a {font-size:16px}

div.main {position:relative; flex:1 1 auto}
div.main table {table-layout:auto; min-width:876px; margin-bottom:16px}
div.main tr {height:30px}
div.main th, div.main td {border:1px solid #ddd; padding:0 8px; white-space:nowrap}
div.main thead th {background-color:#ddd; color:#444}
div.main tbody th {background-color:#f68; color:#fff}
div.main td a {padding:2px 6px; margin:0 2px; line-height:24px; font-size:14px; border-radius:3px; background-color:#d45; color:#fff}
div.main td input[type=text] {width:100%; text-align:center; border:none; border-bottom:1px dotted #444}
div.main td.dt {position:relative; text-indent:32px}
div.main td.dt img {position:absolute; left:8px; top:2px; width:26px; height:26px; transition:all 0.6s ease 0.2s; z-index:0}
div.main td.dt img:hover {left:-80px; top:-85px; width:200px; height:200px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:999}
div.main td.tp {width:200px; padding:0; background:top center/contain no-repeat}
div.main td.tp:hover {background:center/cover no-repeat}
div.main td.xlxq {width:18px; text-align:center}
div.main tr.xsxq td {background-color:#eee}
div.main>h1 {display:none}

.mb div.main table {width:90vw; min-width:auto; margin:0 5vw 16px; font-size:14px; border-radius:4px; outline:2px solid #aaa}
.mb div.main th, .mb div.main td {border:none; border-bottom:1px dotted #aaa; white-space:normal; word-break:break-all;}
.mb div.main table tr:last-of-type th, .mb div.main table tr:last-of-type td {border-bottom:none}
.mb div.main th {width:30vw; background-color:#edd; color:#444; text-align:right}
.mb div.main table.jk th {width:40vw}
.mb div.main td {background-color:#fff; color:#666}
.mb div.main td.an {white-space:normal; background-color:#ccc; padding:4px 0; text-align:center}
.mb div.main td.dt {line-height:24px}
.mb div.main td.dt img:hover {left:-10px; top:-90px; width:160px; height:160px; border-radius:8px; box-shadow:0 0 8px rgba(0,0,0,0.6);}
.mb div.main td.tp {width:30vw; padding:0; background-color:#fff; border:none}
.mb div.main td a {height:30px; margin:4px 2px; font-size:14px;}
.mb div.main tr.xsxq td {background-color:#fff}
.mb div.main>h1 {display:block; width:90vw; background-color:#f68; height:36px; color:white; text-align:center; font-size:18px; line-height:36px; margin:0 5vw 20px}

div.box {display:flex; flex-wrap:wrap; align-items:flex-start; padding:10px; margin-bottom:20px}
div.box ul {display:flex; flex-direction:column; justify-content:flex-end; width:280px; height:180px; background:right bottom / 140px 140px #bbb no-repeat; border:1px solid #888; margin:6px; padding:6px; overflow:hidden}
div.box ul.on {background-color:#eab; border:1px solid #867; cursor:pointer}
div.box ul li {flex:0 0 auto; font-size:14px; color:black; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
div.box ul li.xh {flex:2 0 auto; font-size:36px; color:black}
div.box ul li.cp {flex:2 0 auto; font-size:24px; color:black}
div.box ul li i {float:right; color:white}
div.box ul li i.fx {font-size:16px; margin:8px}
div.box ul.on:hover {background-color:#000}
div.box ul.on:hover li {color:white}
div.box ul.s {height:150px}
div.box div.b {flex:0 1 auto}
div.box div.b div.bi {display:flex; align-items:stretch}
div.box table {width:auto; min-width:360px; outline:2px solid #f68; margin:8px}
div.box th {text-align:left}
div.box a {font-size:36px; color:#888; margin:75px 8px 0 8px}
div.box div.hs table {color:#aaa; outline:2px solid #aaa}
div.box div.hs th {background-color:#aaa}

.mb div.box {padding:0 0 0 2vw; margin-bottom:16px;}
.mb div.box ul {width:47vw; height:120px; margin:0 2vw 2vw 0; background:right bottom / 90px 90px #bbb no-repeat; padding:4px}
.mb div.box ul.on {background-color:#eab}
.mb div.box ul li {font-size:12px}
.mb div.box ul li.xh {font-size:28px}
.mb div.box ul li.cp {font-size:18px}
.mb div.box ul li i {font-size:22px}
.mb div.box ul li i.fx {font-size:12px; margin:4px}
.mb div.box ul.s {height:90px}
.mb div.box div.b {margin:0; overflow:hidden}
.mb div.box table {width:auto; min-width:220px; margin:8px; outline:2px solid #f68}
.mb div.box tr {height:30px}
.mb div.box th,.mb div.box td {white-space:nowrap}
.mb div.box th {background-color:#f68; color:#fff; text-align:left; width:auto}
.mb div.box td {line-height:30px; background-color:#fff}
.mb div.box a {margin-top:45px}

div.box div.line {flex:0 0 auto; width:100px; background:right center no-repeat}
div.box div.line.line0 {background-image:url(/images/line0.png?v=1)}
div.box div.line.line1 {background-image:url(/images/line1.png?v=1)}
div.box div.line.line2 {background-image:url(/images/line2.png?v=1)}
div.box div.line.line3 {background-image:url(/images/line3.png?v=1)}
div.box div.line.line4 {background-image:url(/images/line4.png?v=2)}
div.box div.line.line5 {background:url(/images/line5.png?v=2) center bottom no-repeat; height:50px; margin-left:238px}
div.box div.line.space {background-image:url(/images/space.png)}

.mb div.box div.line.line5 {margin-left:158px}
.mb div.box div.line.s {width:60px}

div.mess {display:flex; height:72vh; padding:0; margin-bottom:20px}
div.mess div.xsxx {flex:1 1 auto; display:flex; flex-direction:column; align-items:flex-start; border:1px solid #aaa; background-color:#fafafa; padding:10px; overflow:auto}
div.mess div.xsxx dl {margin:12px 8px; max-width:75%; min-width:30%}
div.mess div.xsxx dl dt {font-size:16px; padding:6px 0}
div.mess div.xsxx dl dt i {font-size:12px; color:#888}
div.mess div.xsxx dl dt sup {font-size:14px; margin-left:10px; color:red}
div.mess div.xsxx dl dd {background-color:#aec; padding:8px; margin:0; font-size:16px; line-height:1.5; border-radius:4px}
div.mess div.xsxx dl dd cite {display:block; font-size:14px; color:#fff; background-color:#7b9; padding:4px; margin:2px}
div.mess div.xsxx dl.r {align-self:flex-end}
div.mess div.xsxx dl.r dt {text-align:right}
div.mess div.xsxx dl.r dd {background-color:#cea}
div.mess div.xsxx dl.r dd cite {background-color:#9b7}
div.mess div.xsxx div.cz {font-size:14px; color:#666; text-align:right; padding:2px}
div.mess div.xsxx div.cz i {cursor:pointer}
div.mess div.fsxx {flex:0 0 auto; border:1px solid #aaa; margin-left:20px}
div.mess div.fsxx .loginbox {position:relative; left:0; top:0; margin:0; box-shadow:none; border:none}

.mb div.mess {display:block; position:relative; height:calc(100vh - 108px); margin:0; overflow:hidden}
.mb div.mess div.xsxx {border:none; height:100%; background-color:#fff}
.mb div.mess div.fsxx {display:none; position:absolute; bottom:2px; width:100%; border:none; margin:0} 
.mb div.mess div.fsxx .loginbox {margin-left:5vw; padding:40px 0 10px; box-shadow:0 0 8px #aaa; border:1px solid #ddd}
.mb div.mess div.fsxx .loginbox textarea {height:120px}
.mb div.mess div.xzxx {position:absolute; left:50%; bottom:8px; width:56px; height:56px; margin-left:-28px; color:#fff; background-color:#f68; text-align:center; font-size:28px; line-height:56px; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.6); z-index:99999}

div.input {padding:10px; background-color:#ddd; margin-bottom:20px}
div.input form {display:flex; align-items:center; flex-wrap:wrap}
div.input>h1,div.input>h2 {display:none}
div.input select,div.input input,div.input button {flex:0 0 auto; margin:2px 4px; height:40px; font-size:18px; color:#666}
div.input select,div.input input {min-width:100px; max-width:300px}
div.input input {width:160px; text-align:center}
div.input button {background-color:#f68; color:#fff; border-radius:5px; padding:0 16px}
div.input button.c1 {background-color:#fac}
div.input button.c2 {background-color:#d8a}
div.input button.c3 {background-color:#f00}
div.input div.msg {flex:0 1 auto; margin-left:10px; font-size:18px}
div.input div.msg.bt {font-size:20px}

.mb div.input {position:relative; width:90vw; margin-left:5vw; background-color:#FFF; border:1px solid #ddd; font-size:20px; padding:50px 0 20px 0; box-shadow:0 0 8px #aaa;}
.mb div.input.fx {padding-top:86px;}
.mb div.input form {display:block}
.mb div.input>h1 {display:block; position:absolute; top:0; left:0; width:100%; background-color:#f68; height:40px; color:white; text-align:center; font-size:24px; line-height:40px; margin:0; }
.mb div.input h2 {display:block; position:absolute; top:0; left:0; width:100%; background:2px 2px / 76px 76px no-repeat #644; height:80px; color:white; font-size:18px; line-height:1.5; padding:10px 16px 10px 92px; margin:0}
.mb div.input select, .mb div.input input, .mb div.input button {display:block; width:80vw; min-width:none; max-width:none; margin:12px auto; text-indent:12px;}
.mb div.input input {text-align:left}
.mb div.input button {height:56px; font-size:20px; text-indent:0}
.mb div.input button:before {display:inline-block; margin-right:10px; color:#000; font-size:24px; vertical-align:-3px}
.mb div.input div.msg {width:80vw; font-size:14px; margin:0 auto; line-height:24px}
.mb div.input div.msg.big {font-size:18px; line-height:36px}
.mb div.input div.msg.bt {line-height:20px; font-size:18px; margin-top:20px}
.mb div.input div.list {width:80vw; max-height:30vh; margin:12px auto; overflow-y:auto; border:1px solid #888; padding:10px}
.mb div.input div.qr {display:flex; width:80vw; height:40px; margin:12px auto; justify-content:space-between}
.mb div.input div.qr input {flex:0 1 auto; width:70vw; margin:0}
.mb div.input div.qr i {flex:0 0 auto; font-size:42px; color:#f68}

div.right ul.dht {display:flex; flex:0 0 40px; border-top:1px dotted #888; margin-top:10px;}
div.right ul.dht li {flex:0 0 auto; padding:0 8px; line-height:40px; color:#aaa; white-space:nowrap; margin:0 5px; overflow:hidden}
div.right ul.dht li.xs {color:#444}

section.agent_foot {flex:0 0 80px; font-size:22px; line-height:80px; text-align:center; background:no-repeat center bottom; background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)), url(/images/agent_back.jpg)}
.mb section.agent_foot {flex:0 0 40px; font-size:16px; line-height:40px; }

.loginbox {position:absolute; left:50%; top:50px; width:480px; margin-left:-240px; background-color:#FFF; border:1px solid #ddd; font-size:24px; padding:70px 0 24px 0; box-shadow:0 0 8px #aaa; }
.loginbox h1 {position:absolute; top:0; left:0; width:100%; background-color:#f68; height:40px; color:white; text-align:center; font-size:24px; line-height:40px; margin:0; }
.loginbox h1 i {display:none}
.loginbox input,.loginbox select,.loginbox textarea {display:block; width:400px; height:50px; font-size:24px; margin:14px auto; text-indent:12px; }
.loginbox textarea {height:180px; font-size:20px; text-indent:0; padding:8px; line-height:1.6; resize:none}
.loginbox div.yzm {display:flex; width:400px; height:50px; margin:14px auto}
.loginbox div.yzm input {flex:1 1 auto; width:260px; margin:0}
.loginbox div.yzm img {flex:0 0 130px; margin-left:10px; cursor:pointer}
.loginbox button {display:block; width:400px; height:60px; font-size:24px; margin:16px auto; background-color:#f68; color:#fff; border-radius:5px; }
.loginbox button.c1 {background-color:#fac}
.loginbox button.c2 {background-color:#d8a}
.loginbox .msg {width:400px; font-size:16px; margin:0 auto; padding:8px 0; line-height:1.8; border-bottom:1px dotted #ccc }
.loginbox .msg i {float:right; color:#ccc}
.loginbox .msg:last-child {border-bottom:none}
.loginbox .msg.bt {line-height:20px; font-size:20px; margin-top:20px; border-bottom:none}
.loginbox img {display:block; margin:0 auto}
.loginbox.jk {display:flex; width:880px; margin-left:-440px; justify-content: space-evenly}
.loginbox div.err {width:400px; text-align:center; margin:20px; font-size:24px}
.loginbox div.err i {font-size:80px; color:red; margin-bottom:30px}
.loginbox div.selbox {display:none; position:absolute;}

.mb .loginbox.jk {display:block}
.mb .loginbox {top:2vh; width:90vw; margin-left:-45vw; font-size:20px; padding:50px 0 20px 0}
.mb .loginbox h1 i {display:inline-block; position:absolute; top:8px; right:8px}
.mb .loginbox input,.mb .loginbox select,.mb .loginbox textarea {width:80vw; font-size:20px; margin:12px auto; text-indent:12px; }
.mb .loginbox textarea {height:160px; font-size:18px; text-indent:0; padding:4px; line-height:1.6; resize:none}
.mb .loginbox div.yzm {width:80vw; margin:12px auto}
.mb .loginbox div.yzm input {width:40vw}
.mb .loginbox div.yzm img {flex:0 0 35vw; margin-left:6px}
.mb .loginbox button {width:80vw; height:56px; font-size:20px; margin:12px auto; }
.mb .loginbox .msg {width:80vw; font-size:14px}
.mb .loginbox .msg.bt {font-size:18px}
.mb .loginbox div.err {width:90vw; margin:10vw; font-size:22px}

.mb div.scan {position:fixed; right:12px; bottom:12px; width:72px; height:72px; background-color:blue; color:white; text-align:center; border-radius:50%; box-shadow:1px 1px 12px rgba(0,0,0,0.6);}
.mb div.scan i {font-size:48px; margin-top:12px}

div.mask {display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.3); z-index:9999}
div.mask i {position:absolute; left:50%; top:50%; font-size:96px; margin-left:-45px; margin-top:-48px; color:#fff}

div.txxx {position:fixed; left:0; bottom:0; width:100%; padding:8px 12px; color:white; background:rgba(0,0,0,0.5); z-index:99991}

div.chart {width:auto; height:80%}

.mb div.chart {width:94vw; height:94vw; margin:3vw}

div.smenu {display:flex}
a.rt {display:block; margin:16px; font-size:20px;}

div.znxx {position:fixed; right:20px; bottom:20px; width:56px; height:56px; color:#fff; background-color:#f68; text-align:center; font-size:28px; line-height:56px; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.6); z-index:99999}
div.znxx span {position:absolute; right:0; top:0; width:16px; height:16px; color:#ff0; background-color:#f00; text-align:center; font-size:9px; line-height:16px; border-radius:50%; overflow:hidden}

.c1 {background-color:#fac !important;}
.c2 {background-color:#d8a !important;}
.rr {color:red !important;}
.gg {color:green !important;}
.bb {color:blue !important;}