body,html {margin:0;padding:0;background:#dfdfdf;height:100%;width:100%;overflow:hidden;position:relative; font-family:'Microsoft YaHei',Arial,Consolas;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;}
ul,li,dl,dt,dd,p,form {margin:0;padding:0;list-style:none;}
input,textarea,button {-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a,button{cursor:pointer;}
a {color:#000;text-decoration:none;}
a:active {color:#009d2b;}
*{outline:none;-webkit-tap-highlight-color:transparent;}
.pagebox {margin:0 auto;width:auto;max-width:1920px;height:100%;position:relative;}
.loginbox {position:fixed;top:0;left:0;width:100%;height:100%;background:#333;box-shadow:0 0 400px rgba(0,0,0,0.3) inset;background-size:cover;}
.login {width:300px;position:absolute;top:40%;left:50%;margin:-180px auto auto -150px;z-index:2;padding:0px;}
.login.reg {margin-top:-250px;}
.login div {padding:10px 0 0 0;}
.login p {display:block;text-align:center;padding-top:10px;}
.login p button {display:inline-block;padding:10px 30px;border-radius:50px;color:#000;background-color:#ffc100;border:0;font-size:18px;cursor:pointer;transition:all 0.2s;height:auto!important;}
.login p button:hover {transform:scale(1.05)}
.login input {display:block;width:100%;height:50px;line-height:50px;border-radius:50px;text-align:center;font-size:16px;border:0;border:1px solid #ccc;box-shadow:4px 4px 15px rgba(0,0,0,0.2) inset;background-color:#eee;}
.login img {display:block;width:200px;margin:0 auto;}
.loginother {text-align:center;font-size:14px;padding-top:20px!important;}
.loginboxbg {position:absolute;top:0%;left:0%;width:100%;height:100%;background:#043753; background:linear-gradient(to bottom,#043753 0%,#0b6676 20%,#118499 40%,#0b5076 60%,#043753 100%);}
.loginboxbg:before {content:"";display:block;position:absolute;width:100%;height:100%;z-index:0;background:url(../images/worlds.png) center no-repeat;background-size:cover;opacity:0.5;filter:blur(15px);}
.login p a.wantpw {font-size:14px;color:#fff;}
.login p.error {color:#f00;}
.head {width:100%;position:absolute;top:0;left:0;width:100%;background:#07485f;background:linear-gradient(to right,#074364 0%,#118499 100%);height:55px;line-height:55px;z-index:3;}
.headlbg {position:absolute;top:0;right:100%;height:55px;background-color:#074364;width:100%;}
.headrbg {position:absolute;top:0;left:100%;height:55px;background-color:#118499;width:100%;}
.headleft {position:absolute;top:0;left:0;height:55px;}
.headleft img {display:block;height:120%;width:auto;box-sizing:border-box;padding:10px;position:relative;top:-10%;}
.headright {position:absolute;top:0;right:0;height:55px;font-size:0;}
.headright .item {display:inline-block;font-size:14px;height:39px;padding:8px 0 8px 8px;line-height:39px;vertical-align:top;}
.headright .item a {display:block;border-radius:50px;background-color:#00225f;color:#fff;overflow:hidden;padding-right:15px;}
.headright .item a svg {display:block;float:left;width:auto!important;height:39px!important;box-sizing:border-box;padding:8px 5px 8px 10px;fill:#fff!important;}
.headright .item a:hover, .headright .item a:active {background-color:#fff;color:#00225f;}
.headright .item a:hover svg, .headright .item a:active svg {fill:#00225f!important;}
.headright .popitem {display:inline-block;font-size:16px;height:55px;padding:0px 8px;line-height:55px;vertical-align:top;}
.headright .popitem dl, .headright .popitem dl dt {display:block;color:#fff;position:relative;padding:0 0px;}
.headright .popitem dl dt {padding:0 10px 0 15px;font-size:0;}
.headright .popitem dl dt b {font-weight:normal;display:inline-block;font-size:14px;}
.headright .popitem dl dt svg {display:inline-block;height:55px;vertical-align:top;fill:#fff;width:30px!important;transform:rotate(180deg)}
.headright .popitem dl dt svg.micon {display:none;}
.headright .popitem dl dd {position:absolute;width:auto;min-width:100%;top:50px;right:0;background-color:#0d4e1f;color:#fff;display:none;padding:0;white-space:nowrap;}
.headright .popitem dl.open dd {display:block;}
.headright .popitem dl.open dt svg {transform:rotate(0deg)}
.headright .popitem dl dd a {color:#fff;text-align:center;display:block;padding:0 15px;}
.headright .popitem dl dd a:active {background-color:rgba(0,0,0,0.2)}
.headright .popitem dl dd span {display:block;text-align:center;padding:0px;}
.headright .popitem dl.open {background-color:#0d4e1f}

.body {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:55px 0 0 0;overflow:hidden;}
.bodyleft {display:block;float:left;width:auto;padding:15px 0 15px 10px;overflow:hidden;height:100%;overflow-y:auto;box-sizing:border-box;}
.bodyleft::-webkit-scrollbar{width:8px;}
.bodyleft::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);}
.bodyleft::-webkit-scrollbar-track{background-color:transparent;}
.bodyright {width:auto;overflow-x:hidden;background-color:#fff;height:100%;box-sizing:border-box;padding:0px 50px;overflow-y:auto;}
.mobilebtn,bodyleftbg, .useryqm, .mtxt {display:none;}
.bodyleft .menu {display:block;}
.bodyleft .menu li {display:block;height:52px;margin-bottom:5px;font-size:0;white-space:nowrap;position:relative;}
.bodyleft .menu li a em {display:block;width:16px;height:16px;border-radius:50%;font-size:10px;text-align:center;line-height:16px;position:absolute;top:3px;left:3px;font-style:normal;background-color:#f60;color:#fff;z-index:1;}
.bodyleft .menu li span {display:block;height:42px;width:42px;vertical-align:top;box-sizing:border-box;position:absolute;top:5px;left:5px;border-radius:50%;overflow:hidden;background-color:rgba(255,255,255,0.5);transition:background 0.3s;}
.bodyleft .menu li span svg {display:block;width:100%;height:100%;box-sizing:border-box;padding:8px;fill:rgba(0,0,0,0.5)}
.bodyleft .menu li b {display:block;height:52px;padding-left:52px;font-size:14px;line-height:52px;padding:0 25px 0 56px;color:#333;font-weight:normal;}
.bodyleft .menu li a:hover span {background-color:#fff;}
.bodyleft .menu li.selected {background-color:#fff;border-radius:50px 0 0 50px;box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.bodyleft .menu li.selected span {background-color:#118499;}
.bodyleft .menu li.selected span svg {fill:#fff!important;}
.bodyleft .menu li.selected a:hover span {background-color:#009d2b;}

.pagetitle {height:30px;line-height:30px;overflow:hidden;font-size:0;padding:40px 0 10px 0;white-space:nowrap;}
.pagetitle h3 {display:inline-block;height:30px;font-size:18px;vertical-align:top;padding-right:8px;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis;}
.pagetitle svg {width:auto!important;height:30px!important;vertical-align:top;display:inline-block;box-sizing:border-box;padding:8px 0;fill:#999;}
.pagetitle svg.line {padding:14px 0;width:50%!important;opacity:0.4;height:2px;overflow:hidden;}
.pagetitle svg.line rect {height:2px!important;}

.ainfo {display:block;font-size:0;}
.ainfo1 {display:inline-block;vertical-align:top;}
.ainfo2 {display:inline-block;vertical-align:top;padding:15px 0;}
.ainfo1 div {display:inline-block;position:relative;vertical-align:top;}
.ainfo1 .left svg {fill:#999!important;position:absolute;top:0;left:0;}
.ainfo1 .left h2 {display:block;padding-left:50px;font-size:24px;line-height:30px;padding-top:0px;color:#666;}
.ainfo1 .left h3 {display:block;padding-left:50px;font-size:14px;color:#999;}
.ainfo1 .left .usert {padding-left:50px;padding-top:10px;}
.ainfo1 .left .usert span {font-size:14px;color:#fff;border-radius:50px;height:24px;line-height:24px;background-color:#009d2b;padding:0 15px;display:inline-block;}
.ainfo1 .right {padding:15px 50px 0 50px;}
.ainfo1 .right div {white-space:nowrap;display:block;clear:both;text-align:center;margin:0 10px;}
.ainfo1 .right div a.getmycode {display:block;font-size:14px;color:#fff;background-color:#f60;height:30px;line-height:30px;padding:0 20px;border-radius:50px;}
.ainfo1 .right div a.mycode {font-size:14px;display:block;margin-top:15px;height:30px;line-height:30px;}
.ainfo1 .right div a.mycode svg {display:inline-block;height:30px;vertical-align:top;box-sizing:border-box;padding:5px 0;}
.ainfo1 .right div a.mycode:hover {color:#009d2b;}
.ainfo1 .right div a.mycode:hover svg {fill:#009d2b!important;}
.ainfo2 dl {display:inline-block;border-left:8px solid #eee;padding:5px 40px 5px 15px;margin-left:10px;}
.ainfo2 dl dt {font-size:12px;color:#999;padding-bottom:10px;}
.ainfo2 dl dd {font-size:24px;color:#666;}
.ainfo2 dl dd span {font-size:18px;}
.ainfo2.message dl {margin-left:0;}

.catetype {display:block;font-size:0;padding:5px 0 15px 0;position:relative;margin-left:-10px;}
.catetype dl {display:inline-block;vertical-align:top;padding:0px 15px 12px 15px;font-size:12px;border-left:1px dotted #ccc;position:relative;margin-left:0px;}
.catetype dl:last-child {border-bottom:0;}
.catetype dl:first-child {border-left:0px;padding-left:0;}
.catetype dl dt {font-size:12px;display:block;padding:5px 10px 5px 10px;color:#666;font-style:italic;text-align:center;background-color:#f6f6f6;border-radius:8px;margin:0 10px;}
.catetype dl dd {display:block;font-size:0;padding-top:8px;}
.catetype dl dd a {display:inline;vertical-align:top;margin:0 10px;font-size:14px;border-bottom:0px solid #999;padding:5px 0 6px 0;color:#333;position:relative;height:auto;}
.catetype dl dd a:hover {color:#f60;}
.catetype dl dd a:before {content:"";display:block;width:100%;left:0;top:100%;height:3px;border-radius:10px;background-color:#fff;position:absolute;}
.catetype dl dd a.now {color:#f60;font-weight:800;}
.catetype dl dd a.now:before {background-color:#f60;}

.tablebox {position:relative;margin:0 0px;}
.tableboxtab {display:block;padding:5px 0px 20px 0px;position:relative;z-index:1;}
.tableboxtab a, .tableboxtab>div  {display:inline-block;vertical-align:top;margin-right:15px;font-size:16px;border-bottom:0px solid #999;padding:5px 0 6px 0;color:#666;position:relative;height:auto;}
.tableboxtab a:before, .tableboxtab>div:before {content:"";display:block;width:100%;left:0;top:100%;height:4px;border-radius:10px;background-color:#eee;position:absolute;}
.tableboxtab a.now, .tableboxtab>div.now {color:#f60;border-bottom:0;}
.tableboxtab a.now:before, .tableboxtab>div.now:before {background-color:#f60;}
.changedate div {padding-bottom:15px;font-size:14px;}
.tableboxtab .changedate {position:relative;min-width:100%;top:5px;background-color:#f60;}
.tableboxtab dl, .tableboxtab .dt, .tableboxtab .dd {display:block;}
.tableboxtab dl {display:inline-block;}
.tableboxtab dt {background-color:#f60;font-size:12px;color:#fff;width:auto;text-align:center;height:30px;line-height:30px;text-align:center;padding:0 10px;}
.tableboxtab dt svg {fill:#fff;vertical-align:top;display:inline-block;width:auto!important;height:30px!important;box-sizing:border-box;padding:7px 0;}
.tableboxtab dd {clear:both;background-color:#f60;position:absolute;min-width:100%;width:500px;top:100%;padding:10px;font-size:0;display:none;}
.tableboxtab dl:hover dd, .tableboxtab dl:hover dt {display:block;background-color:#c30;}
.tableboxtab dd a {display:inline-block;width:20%;height:34px;line-height:34px;text-align:center;color:#fff;font-size:12px;border:0;margin:0;padding:0;}
.tableboxtab dd a:hover{background-color:rgba(0,0,0,0.2)}
.tableboxtab em {font-size:14px;color:#666;font-style:normal;}
.tableboxitem {height:46px;font-size:0;display:table;width:100%;border-radius:0px;background-color:#fff;position:relative;z-index:0;transition:box-shadow 0.3s;border-top:1px solid #ddd}
.tableboxbody {border-bottom:1px solid #ddd;}
.tableboxitem:hover {box-shadow:0 0 20px rgba(0,0,0,0.15);z-index:1;}
.tablebox .tableboxitem.pic:nth-child(2n+2):hover, .tablebox .tableboxitem:nth-child(2n+2):hover  {box-shadow:0 0 20px rgba(0,0,0,0.2);z-index:1;}
.tableboxitem>span, .tableboxitem>div {box-sizing:border-box;padding:10px;display:table-cell;vertical-align:middle;text-align:left;font-size:14px;line-height:120%;}
.tableboxitem.title {color:#999;}
.tableboxitem.title span {font-size:12px;}
.tableboxitem.title:hover {box-shadow:none!important;}
.tablebox .tableboxitem:nth-child(2n+2) {background-color:#f8f8f8;}
.tablebox .tableboxitem.pic:nth-child(2n+2) {background-color:#f8f8f8;}
.tablebox.message {padding-top:15px;}
.tablepic {display:block;position:relative;height:60px;border:10px solid transparent;padding-left:120px;border-left:0;border-right:0;}
.tablepic .pic {display:block;position:absolute;top:0;left:0;width:110px;height:60px;overflow:hidden;border-radius:5px;background-color:#ddd;border:1px solid #ddd;box-sizing:border-box;}
.tablepic .pic img {display:block;position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;}
.tablepic h3 {display:block;height:40px;line-height:20px;overflow:hidden;font-size:16px;}
.tablepic p {display:block;height:20px;line-height:20px;font-size:12px;font-style:normal;color:#777;}
.tablepic p em {font-style:normal;padding-right:10px;display:inline-block;}
.tablepic p em svg {display:block;float:left;width:20px!important;height:20px!important;fill:#999;padding:0px;box-sizing:border-box;}
.tablepic p em b.accpic {display:inline-block;width:20px;height:20px;border-radius:50%;background:url(../images/account2.svg) center no-repeat;background-size:60% 60%;float:left;margin-right:0px;opacity:0.45}
.tablepic p em b.accname {font-weight:normal;}
.tablepic p em a {transition:all 0.2s;}
.tablepic p em a:hover {transform:scale(1.1)}
.tablepic p em a:hover b.accname{color:#009d2b}
.spaceline {height:30px;clear:both;}
.tableboxitem.pic>div>p {padding:10px 0;}
.tablebox.toptitle .tableboxitem {background-color:rgba(0,0,0,0.04)}
.canshu {padding:10px 0;font-size:16px;line-height:180%;}
.canshu p img {background-color:#fff;}
.upimg {width:320px;height:180px;border:1px solid #ddd;background-color:#fff;overflow:hidden;position:relative;margin:0 auto;border-radius:0px;}
.upimg img {display:block;margin:0 auto;height:100%;width:auto;}
.upimg button {display:block;width:100%;height:100%;line-height:180px;text-align:center;vertical-align:middle;border:0;background:none;cursor:pointer;}
.upimg button:hover {transform:scale(1.05);transition:all 0.3s;background-color:rgba(0,0,0,0);box-shadow:0 0 20px rgba(0,0,0,0.3) inset;}
.upimg button svg {display:block;fill:#999;line-height:100px;margin:0 auto;}
.upimg button span {display: inline-block;width: 100%;text-align: center;font-size: 14px;color: #666;line-height: 16px;vertical-align: middle;padding-bottom: 20px;}
.upvideo {width:100%;height:150px;border:1px solid #ddd;background-color:#666;overflow:hidden;position:relative;margin:0 auto;box-sizing:border-box;border-radius:15px;}
.upvideo button {display:block;width:100%;height:100%;line-height:150px;text-align:center;vertical-align:middle;border:0;background:none;cursor:pointer;position:absolute;top:0;left:0;}
.upvideo button:hover {transform:scale(1.05);transition:all 0.3s;background-color:rgba(0,0,0,0);box-shadow:0 0 20px rgba(0,0,0,0.3) inset;}
.upvideo button svg {display:block;fill:#fff;line-height:100px;margin:0 auto;}
.upvideo button span {display: inline-block;width: 100%;text-align: center;font-size: 14px;color: #fff;line-height: 16px;vertical-align: middle;padding-bottom: 10px;}
.upvideo .loadbar {display:block;width:100%;height:100%;}
.upvideo .loadbar .bar {display:block;height:100%;background-color:#009d2b;}
.postbtn {padding:5px 0 5px 0;text-align:center;clear:both;}
.postbtn button {display:inline-block;border-radius:100px;font-size:16px;padding:10px 30px;border:0;background-color:#009d2b;color:#fff;font-weight:bold;cursor:pointer;margin:0 5px;}
.postbtn button:hover {transition:all 0.3s;transform:scale(1.05)}

.postbox {background-color:#eee;border-radius:20px;padding:20px 10px;width:auto;max-width:1000px;font-size:0;margin:0 0px;position:relative;top:0px;margin-bottom:15px;}
.postbox.half {width:480px;display:inline-block;vertical-align:top;margin-right:10px;}
.postbox dl {display:inline-block;width:100%;padding:0 10px 15px 10px;box-sizing:border-box;vertical-align:top;}
.postbox dl:last-child {padding-bottom:0px;}
.postbox dt {display:block;font-size:12px;padding-bottom:5px;color:#666}
.postbox dd {display:block;position:relative;}
.postbox dd input{display:block;border:1px solid #ddd;background-color:#fff;height:34px;line-height:32px;box-sizing:border-box;width:100%;padding:0 10px;font-size:14px;border-radius:0px 0 0 0px;}
.postbox dd select{display:block;border:1px solid #ddd;background-color:#fff;height:34px;line-height:32px;box-sizing:border-box;width:100%;padding:0 10px;font-size:14px;border-radius:0px 0 0 0px;}
.postbox dd input#signcode {background-color:#f3f3f3;}
.postbox dd span.delinput {float:right;display:block;width:34px;height:34px;position:absolute;top:0;right:0;background-color:#ccc;cursor:pointer;}
.postbox dd span.delinput:active, .postbox dd span.delinput:hover {background-color:#999;}
.postbox dd span.delinput svg {display:block;width:100%;height:100%;box-sizing:border-box;fill:#fff;padding:5px;}
.postbox dt span.redtxt {background-color:#f00;color:#fff;display:inline-block;padding:3px 5px;position:relative;top:5px;border-radius:5px 5px 0 0 ;}
.postbox dt span.greentxt {background-color:#009d2b;color:#fff;display:inline-block;padding:3px 5px;position:relative;top:5px;border-radius:5px 5px 0 0 ;}
.postbox dt span.blurtxt {background-color:#179ce0;color:#fff;display:inline-block;padding:3px 5px;position:relative;top:5px;border-radius:5px 5px 0 0 ;}
.postbox dt span.yellotxt {background-color:#f90;color:#fff;display:inline-block;padding:3px 5px;position:relative;top:5px;border-radius:5px 5px 0 0 ;}
.postbox dd.withbtn input {padding-right:40px;}
.postbox dd span.inputnum {position:absolute;height:26px;line-height:26px;width:26px;text-align:center;font-size:12px;background-color:#eee;border-radius:50%;top:4px;left:4px;}
.postbox dd button.inputbtn {position:absolute;top:0;right:0;height:34px;width:auto;background-color:#009d2b;color:#fff;padding:0 20px;font-size:12px;border:0;cursor:pointer;border-radius:0 0px 0px 0;}
.postbox dl.half {width:50%;}
.postbox dl.bf40 {width:40%;}
.postbox dl.bf60 {width:60%;}
.postbox dd textarea {display:block;border:1px solid #ddd;background-color:#fff;width:100%;box-sizing:border-box;padding:10px;height:100px;}
.postbox .fkupimg {display:inline-block;margin:10px 10px 0 0;position:relative;overflow:hidden;width:200px;height:auto;border:1px solid #ddd;box-sizing:border-box;}
.postbox .fkupimg svg {display:block;width:100%;height:auto;opacity:1;z-index:0;fill:#f8f8f8;}
.postbox .fkupimg img {display:block;position:absolute;width:100%;height:100%;}
.postbox .tablebox {padding:10px;box-sizing:border-box;}
.selectcate {position:absolute;width:100%;left:0;top:100%;font-size:12px;padding:15px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3;box-sizing:border-box;display:none;}
.selectcate span {display:inline-block;padding:5px 10px;background-color:#eee;border-radius:5px;margin:3px;cursor:pointer;}
.selectcate span:active {background-color:#ddd;}
span.pay {display:inline-block;font-size:16px;padding:0px 15px;border-radius:10px;border:1px solid #ddd;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.2);margin-right:10px;height:40px;line-height:40px;text-align:left;position:relative;cursor:pointer;}
span.pay.sel {background-color:#f60;color:#fff;padding-right:45px;}
span.pay svg {display:none;}
span.pay.sel svg {display:inline-block;vertical-align:top;height:40px;width:auto;box-sizing:border-box;padding:7px 0;fill:#fff;position:absolute;top:0;right:10px;}
.source {height:34px;border:1px solid #ddd;background-color:#fff;border-radius:30px;box-sizing:border-box;position:relative;overflow:hidden;}
.source span {display:inline-block;width:50%;font-size:14px;text-align:center;border:0px solid #fff;height:32px;box-sizing:border-box;line-height:32px;color:#333;position:relative;z-index:1;cursor:pointer;}
.source span.now {color:#fff;}
.source span.sourcebg {position:absolute;left:0;top:0;height:32px;width:50%;background-color:#009d2b;transition:all 0.2s;border-radius:30px;z-index:0;box-sizing:border-box;border:1px solid #fff;}
.source {top:0;left:0;}
.source.r span.sourcebg {top:0;left:50%;}

.changepage {padding:20px 0;font-size:0;text-align:center;}
.changepage span, .changepage a {display:inline-block;vertical-align:top;width:40px;height:40px;font-size:14px;line-height:40px;text-align:center;border-radius:50%;margin-right:5px;transition:background 0.3s;}
.changepage span {color:#333;font-weight:bold;background-color:#f3f3f3;border:1px solid #ddd;box-sizing:border-box;}
.changepage a {background-color:rgba(0,0,0,0);color:#666;}
.changepage a:hover {background-color:#eee;}
.changepage a.prev {background:url(../images/arrow-left-line.svg) center no-repeat;background-size:60%;opacity:0.7;}
.changepage a.next {background:url(../images/arrow-right-line.svg) center no-repeat;background-size:60%;opacity:0.7}

.infobox {font-size:0;padding-bottom:15px;}
.infobox .wuliao {display:inline-block;border:1px solid #ddd;padding:5px 0px;height:auto;border-radius:0;background-color:#f3f3f3;margin-right:0px;}
.infobox .libox {font-size:12px;display:inline-block;padding:0 5px;vertical-align:top;}
.infobox .libox select {padding:0 0px 0 5px;height:30px;line-height:30px;border:1px solid #ccc;font-size:12px;display:block;z-index:1;background-color:#fff;}
.infobox .libox input.form_date {padding:0px 10px 0 20px;background:url(../images/calendar.svg) left no-repeat #fff;background-size:auto 70%;border:1px solid #ccc;height:30px;line-height:30px;box-sizing:border-box;max-width:120px;}
.infobox .libox input.form_date.withbtn {float:left;border-right:0px;}
.infobox .libox input.form_date.noico {background:#fff;max-width:180px;padding:0 5px;}
.infobox .libox .form_btn {display:inline-block;vertical-align:top;height:30px;line-height:30px;background-color:#009d2b;color:#fff;padding:0 15px 0 10px;border:0;border-radius:0 50px 50px 0;}
.infobox .libox .btn {border:0px;line-height:30px;height:30px;box-sizing:border-box;}
.infobox .libox h4 {display:inline-block;vertical-align:middle;line-height:30px;padding:0 0 0 5px;}

.btn, .gbtn {display:inline-block;margin:0 3px;border-radius:26px;height:26px;line-height:26px;font-size:13px;color:#fff!important;background-color:#666;padding:0 15px;border:0;cursor:pointer;transition:all 0.3s;}
.popwinbox .btn, .popwinbox .gbtn {margin:3px;}
.btn:hover, .gbtn:hover {transform:scale(1.05)}
.btn.green {background-color:#009d2b;}
.btn.orange {background-color:#ffa500;}
.btn.blur {background-color:#179ce0;}
.btn.red {background-color:#c00;}
.btn.purple{background-color:#c325c4}
.greentxt {color:#009d2b}
.redtxt {color:#c00;}
.blurtxt {color:#179ce0}
.tableboxitem>span .btn, .tableboxitem>div .btn {margin:3px;}

.tableboxtitle .tableboxitem>span:first-child svg {display:none;}
.loadingbox {text-align:center;display:block;width:100%!important;padding:20px 0;font-size:14px;line-height:180%;}

.nums {font-size:14px;padding:0 0 10px 0;}
.nums div {border:0px solid #ddd;background-color:#eee;padding:5px 15px; display:inline-block;border-radius:50px;color:#f60;margin:0 5px 5px 0;}
.nums em {font-style:normal;font-size:12px;color:#333;}
.nums div.red {background-color:#f60;color:#fff;cursor:pointer;}
.nums div.red em {color:#fff;}
.yqmpop {padding:20px 20px;font-size:14px;text-align:center;line-height:150%;}
.yqmpop .yqmnum {border:1px solid #ddd;background-color:#eee;border-radius:10px;box-shadow:3px 3px 10px rgba(0,0,0,0.1) inset;font-size:18px;color:#009d2b;padding:15px 0 10px 0;margin:15px 0 5px 0;}
.yqmpop p {padding:10px 0 0 0;}
.bodyleft .menu .menuback {display:none;}

.postpop {display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;}
.postpopdl {position:absolute;top:75px;right:25px;background-color:#fff;padding:8px;font-size:0;box-shadow:0 5px 15px rgba(0,0,0,0.3);z-index:1;width:280px;border-radius:22px;}
.postpopdl dl {display:inline-block;padding:15px;width:100%;font-size:18px;box-sizing:border-box;color:#fff;border:8px solid #fff;background-color:#009d2b;padding-left:53px;background-position:12px center;background-repeat:no-repeat;background-size:30px 30px;border-radius:20px;}
.postpopdl a:active dl {opacity:0.8;}
.postpopdl dl.p1 { background-color:#ff6666;background-image:url(../images/live-line.svg);}
.postpopdl dl.p2 {background-color:#02abe1;background-image:url(../images/upload-2-line.svg);}
.postpopdl dl.p3 {background-color:#9f6a17;background-image:url(../images/newspaper-line.svg);}
.postpopdl dl.p4 {background-color:#c758c8;background-image:url(../images/gamepad-line.svg);}
.postpopdl dt {display:block;margin:0;}
.postpopdl dl dd {font-size:12px; display:inline-block;display:block;margin:0;}
.postpopbg {display:block;position:relative;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}

.postbox .imgbox {width:40%;margin:0 auto;position:relative;}
.postbox .imgbox .upimg {position:absolute;width:100%;height:100%;z-index:1;}
.postbox .imgbox .upimg img {width:100%;height:100%;}
.postbox .imgbox svg {display:block;width:100%;height:auto;}
.postbox .imgbox button svg {width:100px;}
.setfm {display:table;width:100%;font-size:0;box-sizing:border-box;padding:0 10px 20px 10px;overflow:hidden;position:relative;}
.setfm dl {display:inline-block;padding:0;vertical-align:top;width:50%}
.setfm dl:first-child {width:50%;margin:0 auto;padding-right:10px;}
.setfm dl dt {height:30px;line-height:30px;padding:0 5px;text-align:center;}
.setfm dl:first-child dt {font-size:16px;text-align:center;}
.setfm .imgbox {position:relative;width:100%;overflow:hidden;}
.setfm .imgbox .upimg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:1px solid #ddd;}
.setfm .imgbox .upimg img {border:0;background:none;box-shadow:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.setfm .imgbox svg {display:block;width:100%;height:auto;}
.setfm .div-pic {padding-top:0px;text-align:center;font-size:0;position:absolute;right:10px;bottom:21px;padding-left:10px;}
.setfm .div-pic .imgbox {display:inline-block;width:50%;padding:0px;box-sizing:border-box;border-left:10px solid transparent;border-bottom:12px solid transparent;}
.setfm .div-pic .upbtn {width:100%;display:block;box-sizing:border-box;padding:0 0 0 10px;position:relative;height:auto;bottom:0px;}
.setfm .div-pic .upbtn button {display:block;width:100%;height:auto;padding:20px 0;box-sizing:border-box;border:1px solid #ddd;background:#fff;}

.question {display:block;}
.question dl {display:block;width:auto;box-sizing:border-box;border:1px solid #ddd;margin-bottom:15px;box-shadow:0 3px 10px rgba(0,0,0,0.1);padding:0px;position:relative;overflow:hidden;}
.question dl:last-child {margin-bottom:0;}
.question dl dt {display:block;position:absolute;width:60px;height:60px;font-size:60px;text-align:right;right:0;color:#f3f3f3;font-weight:bold;margin-top:-16px;opacity:0.5}
.question dl dd {display:block;border-bottom:1px solid #ddd;padding-bottom:0;box-sizing:border-box;padding:10px;position:relative;}
.question dl dd:last-child {border-bottom:0}
.question .face {float:left;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;overflow:hidden;background:url(../images/account.svg) center no-repeat;background-size:60% 60%;}
.question h3, .question h4, .question .qimg {display:block;padding-left:60px;}
.question h3 {font-size:14px;}
.question h4 {font-size:12px;}
.question .qimg {padding:10px 0 0 60px;font-size:0;}
.question .qimg img {display:inline-block;width:auto;height:100px;vertical-align:top;margin-right:10px;border:1px solid #ddd;}
.question .recom {position:absolute;right:10px;bottom:10px;}
.recompop .postbox, .zhuanyepop .postbox {background-color:transparent;border-radius:0;padding:25px 5px 0px 5px;}
#fbcheck .postbox {margin:0 15px 15px 15px;}
.recompop .postbox dl {padding:0 10px 10px 10px;}
.zhuanyepop {padding:0 0 10px 0;text-align:center;}
.zhuanyepop .postbox {text-align:left;}
.zhuanyepop .btn {text-align:center;}

.videoinfo {font-size:14px;}
.videoinfo h3 {font-weight:bold;}
.videoinfo h4 {font-size:12px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;padding:0px 0 5px 0;}
.videoinfo img {display:block;height:100px;width:auto;border:1px solid #ddd;}

.kpmb {display:table;font-size:0px;width:100%;position:relative;}
.kpmb ul {padding:0px 5px 5px 0px;display:block;width:auto;overflow:hidden;height:auto;position:relative;top:0;left:0;box-sizing:border-box;font-size:0;}
.kpmb li {display:inline-block;font-size:14px;padding:5px;box-sizing:border-box;}
.kpmb li a {display:block;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;background-color:#fff;color:#000;}
.kpmb li.now a {background-color:#009d2b;color:#fff;}
.kpimg {display:inline-block;width:120px;height:auto;border-radius:10px;background-color:#fff;border:0px solid #ddd;box-sizing:border-box;position:relative;overflow:hidden;}
.kpimg svg {display:block;position:relative;width:100%;height:auto;opacity:0;z-index:0;}
.kpimg img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}

.channel {padding:10px 0;width:auto;}
.channel .info {font-size:0;display:table;width:100%;position:relative;}
.channel .face {width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:#ccc;position:absolute;top:0;left:0;}
.channel .face svg {display:block;fill:#fff;box-sizing:border-box;width:100%!important;height:100%!important;padding:10px;}
.channel .info h2 {font-size:24px;display:block;overflow:hidden;padding-left:120px;padding-top:10px;}
.channel .info h2 span {font-size:16px;}
.channel .info h3 {display:block;overflow:hidden;padding-left:120px;font-size:12px;color:#666;}
.channel .tableboxtab {padding-left:120px;}
.channel .tableboxbody {padding:10px 0;border:0;text-align:left;font-size:0;}
.channel .tablebox.pic .tableboxitem.pic {width:19%;border:1px solid #ddd;box-shadow:0 5px 10px rgba(0,0,0,0.2);display:inline-block;vertical-align:top;height:auto;margin:0 0.5% 20px 0.5%;box-sizing:border-box;}
.channel .tablebox.pic .tableboxitem.pic>div {width:100%!important;display:block;height:auto;text-align:center;}
.channel .tablebox.pic .tableboxitem.pic .tablepic {padding:0;height:auto;border:0;text-align:left;}
.channel .tablebox.pic .tableboxitem.pic .tablepic h3 {margin-bottom:8px;}
.channel .tablebox.pic .tableboxitem.pic .tablepic .pic {width:100%;height:auto;position:relative;margin-bottom:10px;}
.channel .tablebox.pic .tableboxitem.pic .tablepic .pic img {position:relative;}
.channel .info h2 img {display:inline-block;width:50px;height:auto;vertical-align:middle;margin-left:10px;}

.fgame  {margin-right:10px;display:inline-block;vertical-align:top;}
.fgame a {height:42px;background-color:#90c;padding:0 12px;line-height:42px;font-size:12px;color:#fff;display:block;}
.fgame a img {display:block;float:left;box-sizing:border-box;padding:10px 0;width:auto;height:100%;margin-right:10px;}

html.jp .loginboxbg {background:url(../images/jpbgs.jpg) center no-repeat;background-size:cover;filter:blur(10px);-webkit-filter:blur(10px);width:110%;height:110%;top:-5%;left:-5%;opacity:0.7;transition:filter 1s;}
html.jp .loginboxbg.loadok {background-image:url(../images/jpbg.jpg);filter:blur(2px);-webkit-filter:blur(2px)}

html.za .loginboxbg {background:url(../images/zabgs.jpg) center no-repeat;background-size:cover;filter:blur(10px);-webkit-filter:blur(10px);width:110%;height:110%;top:-5%;left:-5%;opacity:0.7;transition:filter 1s;}
html.za .loginboxbg.loadok {background-image:url(../images/zabg.jpg);filter:blur(2px);-webkit-filter:blur(2px)}
html.za .head {background:url(../images/topbg_za.png) -30px 0 no-repeat #1b983c;background-size:auto 100%;height:55px;line-height:55px;}
html.za .headlbg {background-color:#373380;}
html.za .headrbg {background-color:#1b983c;}
html.za .headright .popitem dl.open, html.za .headright .popitem dl dd {background-color:#373380}
html.za .bodyleft .menu li.selected span {background-color:#1b983c}

html.br .loginboxbg {background:url(../images/brbgs.jpg) center no-repeat;background-size:cover;filter:blur(10px);-webkit-filter:blur(10px);width:110%;height:110%;top:-5%;left:-5%;opacity:0.8;transition:filter 1s;}
html.br .loginboxbg.loadok {background-image:url(../images/brbg.jpg);filter:blur(2px);-webkit-filter:blur(2px)}
html.br .head {width:100%;position:absolute;top:0;left:0;width:100%;background:url(../images/topbg.png) -30px 0 no-repeat #009d2b;background-size:auto 100%;height:55px;line-height:55px;z-index:2;}
html.br .headlbg {position:absolute;top:0;right:100%;height:55px;background-color:#00225f;width:100%;}
html.br .headrbg {position:absolute;top:0;left:100%;height:55px;background-color:#1b983c;width:100%;}
html.br .headleft {position:absolute;top:0;left:0;height:55px;}
html.br .headleft img {display:block;height:100%;width:auto;box-sizing:border-box;padding:10px;position:relative;top:0;}
html.br .bodyleft .menu li.selected span {background-color:#009d2b}

html.kr .loginboxbg {background:url(../images/krbgs.jpg) center no-repeat;background-size:cover;filter:blur(10px);-webkit-filter:blur(10px);width:110%;height:110%;top:-5%;left:-5%;opacity:0.8;transition:filter 1s;}
html.kr .loginboxbg.loadok {background-image:url(../images/krbg.jpg);filter:blur(2px);-webkit-filter:blur(2px)}
html.kr .head {background:#013770;background:linear-gradient(to left,#01c3d9 0% , #013770 100%)}
html.kr .headleft img {height:120%;position:relative;top:-10%;}
html.kr .bodyleft .menu li.selected span {background-color:#01c3d9}
html.kr .headright .popitem dl.open, html.kr .headright .popitem dl dd {background-color:#013770}
html.kr .headlbg {background-color:#013770}
html.kr .headrbg {background-color:#01c3d9}

.login p button {background-color:rgb(0,192,216);color:#fff;}
.login p button {margin-top:10px;}
.login p a.wantpw {color:#fff}
.login .btn.red {background-color:#f60;}
html.br .loginboxbg:before,
html.kr .loginboxbg:before,
html.za .loginboxbg:before,
html.jp .loginboxbg:before
{display:none;}

.tablebox {font-size:12px;padding:10px;box-sizing:border-box;}
.popwin .tablebox {padding:20px 10px 10px 10px;}
/*.tablebox td {border-bottom:1px solid #ddd;padding:5px;}
.tablebox tr td:last-child {text-align:right;}
.tablebox tr:nth-child(2n) {background-color:#f4f4f4;}
.tablebox table {border-right:1px solid #ddd;border-top:1px solid #ddd;width:100%;border-spacing:0;border-left:1px solid #ddd;}*/
.txtlist li span btn {display:inline-block;padding:0 5px;}
.txtlist li span  svg {fill:#666;width:100%!important;height:100%!important;display:block;box-sizing:border-box;padding:3px;}
.txtlist {font-size:12px;}
.txtlist li {display:block;border-bottom:1px solid #ddd;height:36px;line-height:36px;overflow:hidden;}
.txtlist li:last-child {border-bottom:0px;}
.txtlist li span {display:block;float:right;padding-left:10px;padding-top:3px;}
.txtlist li span a, .txtlist li span button {display:inline-block;width:30px;height:30px;border-radius:5px;background-color:#eee;border:1px solid #ddd;box-sizing:border-box;vertical-align:top;margin-left:5px;padding:0;}

@media screen and (max-width:1450px) {
    .channel .tablebox.pic .tableboxitem.pic {width:24%;margin-bottom:15px;}
}
@media screen and (max-width:1000px) {
    .channel .tablebox.pic .tableboxitem.pic {width:32.33%;margin-bottom:10px;}
}
@media screen and (max-height:755px) {
    .bodyleft {padding:10px 0 10px 10px;overflow-y:auto!important;height:100%;}
    .bodyleft .menu li {height:42px;margin-bottom:0;}
    .bodyleft .menu li span {width:32px;height:32px;}
    .bodyleft .menu li span svg {padding:6px;}
    .bodyleft .menu li b {height:42px;line-height:42px;padding:0 25px 0 46px;font-size:14px;}
}
@media screen and (max-width:1024px) {
    .bodyright{padding:0 20px;}
    .pagetitle {padding-top:20px;}
}
@media screen and (max-width:768px) {
    body {position:fixed;top:0;left:0;width:100%;height:100%;}
    .catetype {padding:0 0 10px 0;margin:0;position:relative;display:table;width:100%;}
    .catetype dl {display:block;padding:0;border:0;margin:0;height:auto;position:absolute;top:0;z-index:2;left:50%;margin-left:-16.66%;width:33.33%;}
    .catetype dl:first-child {left:0;margin:0;}
    .catetype dl:last-child {left:auto;right:0;margin:0;}
    .catetype dl dd {display:none;}
    .catetype dl.mnow {position:relative!important;z-index:1!important;width:100%!important;}
    .catetype dl.mnow dt {width:33.33%;background-color:#eee;}
    .catetype dl.mnow.c {left:0;margin:0;}
    .catetype dl.mnow.c dt {margin:0 auto;float:none;}
    .catetype dl.mnow.r dt {float:right;}
    .catetype dl:first-child {z-index:3;top:0;left:0;width:33.33%;position:absolute;float:left;}
    .catetype dl:last-child {z-index:3;top:0;right:0;width:33.33%;position:absolute;float:right;}
    .catetype dl dt {display:block;line-height:42px;vertical-align:top;padding:0;text-align:center;font-style:normal;font-size:12px;font-weight:800;margin:0;background-color:transparent;border-radius:0;}
    .catetype dl dd a {padding:10px;margin: 0;vertical-align:middle;font-size:13px;text-align:center;line-height:110%;box-sizing:border-box;display:inline-block;width:33.33%;}
    .catetype dl dd a.now {font-weight:800;}
    .catetype dl dd a:before {display:none;}
    .catetype dl.mnow dd {display:block;font-size:0;width:100%;clear:both;background-color:#eee;padding:5px 0;}
    .postpopdl {width:280px;left:50%;margin-left:-150px;top:50%;margin-top:-170px;}
    .postpopdl dl {width:100%;}
    .fgame {display:block;margin-bottom:8px;margin-right:0;text-align:left;}
    .fgame a {display:inline-block;vertical-align:top;border-radius:0px;border-radius:0px;}
    .fgame a img {float:none;display:inline-block;vertical-align:top;}
    .kpmb {padding-bottom:10px;padding-top:5px;}
    /*.kpmb ul {padding:0px 5px 0px 10px;display:block;width:100%;overflow:auto;height:100%;position:absolute;top:0;left:120px;box-sizing:border-box;padding-right:120px;font-size:0;}
    .kpmb li {width:33.33%;}*/
    .kpmb li {width:25%;}
    .kpmb li a {border-radius:15px;width:auto;}
    .question .recom {position:relative;text-align:right;right:auto;bottom:auto;padding-top:10px;}
    .question .qimg img {width:40%;height:auto;}
    .postbox {padding:10px 5px;}
    .postbox .imgbox {width:100%;}
    .postbox.half {width:auto;display:block;margin-right:0;}
    .postbox dl:last-child {padding-bottom:5px;}
    .upimg button span {vertical-align:top;}
    .setfm dl:first-child {width:100%;padding-right:0;}
    .setfm .div-pic {position:relative;right:auto;bottom:auto;padding:0;width:auto;display:block;margin:0 -5px;padding-top:10px;}
    .setfm .div-pic .imgbox {border:5px solid transparent;border-top:0px;}
    .setfm .div-pic .upbtn {padding:15px 5px 0 5px;}
    .useryqm {display:block;float:right;font-size:12px;width:auto!important;padding-top:11px;}
    .useryqm span {display:block;background-color:#009d2b;padding:5px 15px;color:#fff;border-radius:40px;}
    .pagebox {overflow:hidden;width:100%;position:absolute;top:0;left:0;}
    .body {position: unset;height:100%;padding-top:0px;width:100%;box-sizing:border-box;padding-bottom:40px;top:40px;left:0;z-index: inherit;z-index:2;overflow:visible;margin-top:40px;}
    .head {height:40px!important;line-height:40px!important;background-image:none!important;top:0;left:0;width:100%;position:relative;z-index:1!important;background:-moz-linear-gradient(270deg, #009d2b 0%,#00225f 85%)!important;background:-webkit-linear-gradient(270deg, #009d2b 0%,#00225f 85%)!important;background-image: linear-gradient(270deg, #009d2b 0%,#00225f 85%)!important;}
    .headleft, .headright{height:40px;}
    .headleft {display:none;}
    .headleft img {display: block;height: 40px;padding:12px 5px;}
    .bodyright {width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 15px 15px 15px;}
    .headright .item {padding:0px;height:40px;line-height:40px;margin-right:15px;}
    .headright .item a {height:40px;line-height:40px;padding:0;border-radius:0;font-size:0;}
    .headright .item:first-child a {font-size:0;}
    .headright .item a svg {width:40px!important;height:40px!important;padding:3px;box-sizing:border-box;}
    .headright .popitem {width:40px;}
    .headright .popitem dl.open {position:fixed;z-index:9;}
    .headright .popitem dl dd {padding:0;top:40px;white-space:nowrap;}
    .headright .popitem dl dd a {padding:0 15px;}
    .headright .popitem {padding:0;font-size:14px;position:relative;z-index:5;height:40px;line-height:40px;}
    .headright .popitem dl{padding:0;}
    .headright .popitem dt {padding:0px!important;}
    .headright .popitem dt b {max-width:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none!important;}
    .headright .popitem dl dt svg {height:40px!important;width:20px!important;margin-right:0;}
    .headright .item a {background-color:rgba(0,0,0,0);color:#fff;}
    .headright .popitem dl dt svg.icon {display:none;}
    .headright .popitem dl dt svg.micon {display:inline-block;transform:rotate(0deg);width:40px!important;height:40px!important;padding:3px;box-sizing:border-box;}
    .headright .item a svg {fill:#fff!important;}
    .headright .item a:hover {background-color:rgba(0,0,0,0);color:#fff;}
    .headright .item a:hover svg {fill:#fff!important;}
    .headright .item a:active {background-color:rgba(0,0,0,0.6);color:#fff;}
    .headright .item a:active svg {fill:#fff!important;}
    .bodyleft {position:fixed;top:0px;left:0;padding:0;z-index:7;width:auto;height:40px;box-sizing:border-box;max-width:50%;}
    .bodyleft .menu {position:relative;left:0;top:0;width:auto;height:100%;background-color:transparent;z-index:1;overflow:hidden;}
    .bodyleft .menu li {display:block;border-radius:0;height:40px;line-height:40px;margin:0;display:none;}
    .bodyleft .menu li span {width:40px;height:40px;top:0;left:0;border-radius:0;}
    .bodyleft .menu li.selected {background-color:transparent;}
    .bodyleft .menu li.selected span {background-color:transparent;display:none;}
    .bodyleft .menu li b {height:40px;line-height:40px;padding:0 10px 0 10px;font-size:14px;}
    .bodyleft .menu li.selected {top:0px;left:0;background-color:transparent/*#00225f*/;border-radius:0;color:#fff;box-shadow:none;display:block;width:auto;}
    .bodyleft.open .menu li.selected {background-color:#00225f}
    .bodyleft .menu li.selected b:before {
        content:">";display:block;position:absolute;top:50%;margin-top:-10px;right:5px;background-color:transparent;width:20px;height:20px;text-align:center;line-height:20px;transform:rotate(90deg)
    }
    .bodyleft .menu li.selected b {padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .bodyleft .menu li.selected b {color:#fff;}
    .bodyleft.open {position:fixed;z-index:15;top:0;left:0;width:100%;height:100%;max-width:100%;}
    .bodyleft.open .menu {display:block;position:absolute;left:0;width:auto;height:100%;background-color:#fff;padding:10px;max-width:90%;animation:menuw 0.5s forwards;}
    @keyframes menuw {0%{left:-100%;}100%{left:0%;}}
    .bodyleft.open .menu li {display:block;}
    .bodyleft.open .menu li b {padding:0 10px 0 40px;}
    .bodyleft.open .menu li span {background-color:transparent!important;}
    .bodyleft.open .menu li:active{background-color:#eee;}
    .bodyleft.open .menu li.selected b:before {display:none;}
    .bodyleft.open .menu li.selected span {display:block;}
    .mobilebtn {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}
    .bodyleft.open .mobilebtn {display:none;}
    .bodyleft.open .bodyleftbg {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:rgba(0,0,0,0.6)}
    .pagetitle {padding:10px 15px 10px 28px;border-top:4px solid #ddd;width:auto;margin:0 -15px;position:relative;}
    .pagetitle svg {margin-right:5px!important;fill:#009d2b;width:10px!important;display:block;padding:8px 0 8px 0;position:absolute;top:10px;left:10px;}
    .pagetitle svg.line {display:none;}
    .ainfo1 .left {width:auto;overflow:hidden;display:block;padding-right:15px;}
    .ainfo1 .left h2 {width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .ainfo1 .left .usert {display:none;}
    .ainfo1 .left .usert span {padding:4px 15px;font-size:12px;}
    .ainfo1 {width:100%;}
    .ainfo1>div {width:100%;position:relative;}
    .ainfo1 .left .usert {position:absolute;top:5px;right:0;}
    .ainfo1 .right {padding:10px 15px 5px 15px;margin:15px -15px 0 -15px;background-color:#eee;width:auto;display:block;text-align:center;display:none;}
    .ainfo1 .right div {display:inline-block;width:auto;margin-bottom:5px;}
    .ainfo1 .right div:last-child {width:auto;margin-left:0;}
    .ainfo1 .right div a {padding:0 10px;display:block;}
    .ainfo1 .right div a.getmycode {height:34px;line-height:34px;font-size:12px;}
    .ainfo1 .right div a.mycode {margin-top:0;background-color:#666;border-radius:30px;color:#fff;font-size:12px;height:34px;line-height:34px;}
    .ainfo1 .right div a.mycode svg {fill:#fff;height:34px;width:26px;}
    .ainfo2 {padding:15px 0 0px 0 ;}
    .ainfo2 dl {margin-left:0;margin-bottom:15px;padding:5px 0 5px 10px;width:50%;box-sizing:border-box;}
    .ainfo2.message dl {width:33.33%;border-left:5px solid #eee;}
    .ainfo2 dl dt {padding-bottom:0px;}
    .ainfo2 dl dd {font-size:16px;}
    .ainfo2 dl dd span {font-size:12px;}
    .tableboxtab {padding:0;margin-bottom:15px;border:0px solid #ddd;background-color:#f3f3f3;border-radius:40px;font-size:0;display:table;width:100%;}
    .tableboxtab a, .tableboxtab>div {border:0;border-right:1px solid #ddd;box-sizing:border-box;margin:0;width:33.33%;text-align:center;font-size:12px;padding:8px 5px;border:1px solid #ddd;border-right:0;line-height:120%;height:auto;display:table-cell;vertical-align:middle;}
    .tableboxtab a.w4, .tableboxtab>div.w4 {width:25%;}
    .tableboxtab a:active, .tableboxtab>div:active {background-color:rgba(0,0,0,0.1);}
    .tableboxtab a:first-child {border-radius:40px 0 0 40px;}
    .tableboxtab a:last-child {border-radius:0 40px 40px 0;}
    .tableboxtab a:last-child {border-right:1px solid #ddd;}
    .tableboxtab a.now {border:1px solid #f60;background-color:#f60;color:#fff;}
    .tableboxtab a:before {content:"";display:none!important;}
    .tablebox {display:block;width:100%;height:auto;overflow:hidden;overflow-x:auto;white-space:nowrap;font-size:0;position:relative;padding:0;}
    .tablebox .tableboxitem {display:inline-block;vertical-align:top;height:auto;border-right:1px solid #ddd;width:auto;}
    .tablebox .tableboxitem.title {border-left:1px solid #ddd;width:100%;overflow:hidden;}
    .tablebox .tableboxitem.title span {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .tableboxtitle {float:left;box-shadow:0 0 20px rgba(0,0,0,0.25);position:relative;z-index:2;width:80px;overflow:hidden;transition:all 0.5s;}
    .tableboxtitle.open {width:auto;}
    .tableboxtitle .tableboxitem.title {background-color:#f3f3f3;}
    .tableboxtitle .tableboxitem>span {text-align:left;color:#666;}
    .tableboxtitle .tableboxitem>span:first-child svg {display:inline-block;margin-right:5px;opacity:1;width:14px;height:100%;vertical-align:middle;fill:#009d2b;position:relative;}
    .tablebox.toptitle {padding-top:30px;}
    .tablebox.toptitle .tableboxtitle {float:none;width:100%!important;border:0;box-shadow:none;background-color:transparent;position:static!important;}
    .tablebox.toptitle .tableboxitem {width:100%;border:0;background-color:transparent;position:static!important;border-bottom:0px!important;display:table;}
    .tablebox.toptitle .tableboxitem.title, .tablebox.toptitle .tableboxbody {background-color:rgba(0,0,0,0.04);border:0px;border:1px solid #ddd;box-sizing:border-box;}
    .tablebox.toptitle .tableboxitem span {display:inline-block;width:25%!important;border:0px;overflow:hidden;padding:0 5px;white-space:normal;display:table-cell;vertical-align:middle;line-height:120%;}
    .tablebox.toptitle .tableboxitem.title span {padding:8px 5px;}
    .tablebox.toptitle .tableboxitem span.date {position:absolute!important;}
    .tablebox.toptitle .tableboxtitle .tableboxitem span.date {top:0;left:0;width:40%!important;text-align:right;font-size:14px;line-height:30px;display:none;}
    .tablebox.toptitle .tableboxbody .tableboxitem span.date {top:0;right:0;width:100%!important;text-align:left;font-size:14px;line-height:30px;text-align:center;}
    .pagetitle h3 {width:100%;max-width:100%;padding:0;}
    .tableboxbody {width:auto;overflow:hidden;overflow-x:auto;border:1px solid #ddd;border-left:0;background-color:#eee;-webkit-overflow-scrolling:touch;}
    .tableboxbody .tableboxitem {border-top:0px;}
    .tablebox .tableboxitem>span, .tablebox .tableboxitem>div {display:block;width:100%!important;box-sizing:border-box;height:auto;line-height:32px;border-bottom:1px solid #ddd;white-space:normal;text-align:center;font-size:12px;padding:5px;min-height:43px;}
    .tableboxbody .tableboxitem>span:first-child, .tableboxbody .tableboxitem>div:first-child {border-top:0px;}
    .tableboxbody .tableboxitem>span:last-child, .tableboxbody .tableboxitem>div:last-child {border-bottom:0;height:39px;}
    .tableboxitem:hover {box-shadow:none;z-index:1;}
    .tablebox .tableboxitem.pic:nth-child(2n+2):hover, .tablebox .tableboxitem:nth-child(2n+2):hover  {box-shadow:none;z-index:1;}
    .tableboxbody .tableboxitem:last-child {border-bottom:0px;}
    em.svgcalendar {display:none;width:18px;height:100%;box-sizing:border-box;background:url(../images/calendar.svg) center no-repeat;background-size:100% auto;vertical-align:top;opacity:0.5;}
    .tableboxitem.pic {display:block;width:auto;height:auto;}
    .tablebox .tableboxitem:nth-child(2n+2) {background-color:#fff;}
    .tablebox .tableboxitem.pic:nth-child(2n+2) {background-color:#fff;}
    .tablebox .tableboxitem.rank {display:table;width:100%;}
    .tablebox .tableboxitem.rank  span, .tablebox .tableboxitem.rank>div {width:40%!important;display:table-cell!important;border:0;border-right:1px solid #ddd;float:none;clear:none;text-align:center!important;padding:10px 0!important;font-weight:normal;font-size:14px;}
    .tablebox .tableboxitem.rank  span:first-child, .tablebox .tableboxitem.rank>div:first-child {width:20%!important;}
    .tablebox.pic .tableboxitem.pic {width:100%;height:auto;border:1px solid #ddd;margin-bottom:15px;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,0.1)}
    .tablebox.pic .tableboxitem.pic>div {height:auto;}
    .tablepic {height:auto;padding:0;border:0;}
    .tablebox.pic .tableboxitem.pic>div:first-child {padding:0;}
    .tablebox.pic .tableboxitem.pic .l-1 {position:absolute;background-color:#000;width:auto!important;top:0;right:0;border:0;padding:0;height:auto;line-height:100%;min-height:0;}
    .tablebox.pic .tableboxitem.pic .l-1.s2 {top:0;left:0;right:auto;}
    .tablebox.pic .tableboxitem.pic .l-1 .greentxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .greentxt {color:#fff;background-color:#009d2b;padding:8px;display:block;border-radius:0 0 0px 0;}
    .tablebox.pic .tableboxitem.pic .l-1 .redtxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .redtxt {color:#fff;background-color:#c00;padding:8px;display:block;border-radius:0 0 0px 0;}
    .tablebox.pic .tableboxitem.pic .l-1 .blurtxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .blurtxt {color:#fff;background-color:#179ce0;padding:8px;display:block;border-radius:0 0 0px 0;}
    .tablebox.pic .tableboxitem.pic .l-5 {display:inline-block!important;width:50%!important
    }
    .tablebox.pic .tableboxitem.pic .l-25 {display:inline-block!important;width:25%!important;height:auto;line-height:140%;padding-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .tablebox.pic .tableboxitem.pic .l-20 {display:inline-block!important;width:20%!important;height:auto;line-height:140%;padding-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .tablebox.pic .tableboxitem.pic .l-50 {display:inline-block!important;width:50%!important;height:auto;line-height:140%;padding:0 0 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #ddd;}
    .tablebox.pic .tableboxitem.pic .l-502 {display:inline-block!important;width:50%!important;height:auto;line-height:140%;padding:0 0 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:0px solid #ddd;}
    .tablepic .pic {width:100%;height:auto;position:relative;min-height:150px;padding:0;border-radius:0;}
    .tablebox.pic .tableboxitem.pic span.date {text-align:left;height:auto;line-height:120%;border-top:0;padding:0 10px 10px 10px;color:#999;min-height:0px;}
    .tablebox.pic .tableboxitem.pic span em.mtxt {display:block;font-style:normal;font-size:12px;line-height:100%;height:auto;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:5px;}
    /*.tablebox.pic .tableboxitem.pic span.l-50 em.mtxt {display:inline;margin-right:5px;}*/
    .tablebox.pic .tableboxitem .title {border-bottom:0!important;}
    .tablepic .pic img {display:block;width:100%;position:relative;border-radius:0;}
    .tablepic h3 {height:auto;padding:10px 10px 5px 10px;white-space:normal;text-align:left;line-height:120%;box-sizing:border-box;font-size:15px;}
    .tablebox.pic {padding-top:0px;overflow:visible;}
    .tablebox.pic .tableboxtitle {display:none;}
    .tablebox.pic .tableboxbody {white-space:normal;}
    .tablebox.pic .tableboxbody {background-color:transparent;overflow:visible;border:0;}
    .tablebox.pic .tableboxbody .tableboitem {white-space:normal;overflow:hidden;}
    .tablebox.pic .tableboxbody .tableboxitem .gametitle {height:auto;white-space:normal;line-height:120%;text-align:left;padding:10px 10px 10px 10px;border-bottom:0px;font-size:14px;}
    .tablebox.pic .tableboxbody .tableboxitem .gamedate {text-align:right;line-height:120%;padding:10px 10px 0 10px;border:0;color:#999;height:auto;}
    .tablebox.pic .tableboxbody .tableboxitem .gamename {text-align:left;padding:10px 0 0 10px;line-height:120%;font-size:14px;height:auto;position:absolute;top:0;left:0;width:auto!important;border:0px;font-weight:bold;color:#009d2b}
    .tablebox.pic .tableboxbody .tableboxitem .gamename em.mtxt {display:inline;}
    .tablepic p {padding-bottom:5px;white-space:normal;height:auto;text-align:left;padding-left:10px;}
    /*.tablebox.zhangdan {width:100%;height:auto;overflow:hidden;overflow-x:auto;}
    .tablebox.zhangdan .tableboxbody {width:200%;}
    .tablebox.zhangdan .tableboxtitle {width:200%;}
    .tablebox.zhangdan .tableboxitem {display:block;white-space:nowrap;width:auto;}
    .tablebox.zhangdan .tableboxitem span {width:25%!important;display:inline-block;}*/
    .infobox .wuliao {width:100%;box-sizing:border-box;border-bottom:0;height:auto;}
    .infobox .wuliao:last-child {border-bottom:1px solid #ddd;}
    .spaceline {height:15px;}
    span.pay {height:40px;line-height:40px;width:100%;box-sizing:border-box;margin-bottom:5px;font-size:14px;}
    span.pay.sel svg {height:40px;}
    .postbtn button {font-size:14px;}
    .postbox dl.half, .postbox dl.bf40, .postbox dl.bf60 {width:100%;}
    .upimg {width:300px;}
    .tablebox.message {background-color:transparent;padding-top:0;}
    .tablebox.message .tableboxitem.title {display:none;}
    .tablebox.message .tableboxbody {width:100%;height:auto;overflow:visible;white-space:normal;background-color:transparent;padding:0;border:0;}
    .tablebox.message .tableboxbody .tableboxitem {border:1px solid #ddd;margin-bottom:15px;width:100%;box-sizing:border-box;overflow:hidden;white-space:normal;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
    .tablebox.message .time {height:auto!important;line-height:150%!important;border:0!important;text-align:left!important;color:#999;font-size:14px;padding:8px 10px 0 10px!important;min-height:0px;}
    .tablebox.message .money {text-align:left;font-size:16px;color:#f60;font-weight:bold;border:0;line-height:120%;height:auto;padding:5px 10px;min-height:0px;}
    .tablebox.message .title {height:auto!important;line-height:150%!important;border-bottom:1px solid #ddd!important;text-align:left!important;font-size:16px;padding:1px 10px 8px 10px!important;white-space:normal;font-weight:bold;min-height:0px;}
    .tablebox.message .content {text-align:left;white-space:normal;height:auto!important;line-height:150%!important;padding:10px 10px 5px 10px;font-size:14px;border-bottom:0px;}
    .tablebox.message .btns {text-align:center;border:0!important;padding:0 10px 5px 10px!important;height:auto!important;min-height:0px;}
    .infobox .libox input.txje {width:120px;}
    .bodyleft.open .menu li.menuback {display:none;}
    .bodyleft .menu li:first-child a span {display:block!important;position:relative!important;}
    .bodyleft .menu li:first-child a b {display:none;}
    .postbox .fkupimg {width:32.33%;height:auto;margin:10px 0 0 0;}
    .zhuanyepop .postbox .fkupimg {width:45%;}
    .postbox dd .fkupimg:first-child {margin-right:1%;}
    .postbox dd .fkupimg:last-child {margin-left:1%;}
    .channel {padding:0px;}
    .channel .info {padding-bottom:15px;padding-top:10px;}
    .channel .info .face {display:inline-block;position:relative;float:left;width:60px;height:60px;}
    .channel .info h2 {padding-left:10px;padding-top:9px;font-size:18px;}
    .channel .info h3 {padding-left:10px;padding-top:2px;}
    .channel .tableboxtab{padding:0;}
    .channel .tablebox.pic .tableboxitem.pic {width:100%;margin:0 0 15px 0;}
    .channel .tablebox.pic .tableboxitem.pic>div {border-bottom:0;}
    .channel .tableboxbody {padding:0 0 0px 0;}
    .channel .tablebox.pic .tableboxitem.pic .tablepic .pic {margin-bottom:0;}
    .channel .tablebox.pic .tableboxitem.pic .tablepic h3 {margin-bottom:0;}
 }