@import url(https://fonts.googleapis.com/css?family=Montserrat);
*{margin:0; padding:0; box-sizing:border-box;}
::-webkit-scrollbar { width: 10px; height: 5px; }
::-webkit-scrollbar-track-piece {background:rgba(255,255,255,0.2); -webkit-border-radius: 10px;}
::-webkit-scrollbar-thumb:vertical {height: 10px; background-color: #202225; -webkit-border-radius: 10px; }
::-webkit-scrollbar-thumb:horizontal {width: 10px; background-color: green; -webkit-border-radius: 10px; }

*{margin:0; padding:0; box-sizing:border-box;}
ul {list-style:none;}
div, ul, li, span, em, i{-webkit-tap-highlight-color:transparent; font-style: normal; font-size:12px;}
li:hover {cursor: pointer}
span:hover {cursor: pointer}
input:focus{outline:none;}
button:focus{outline:none;}
input[type="text"],input[type="password"],input[type="submit"],input[type="button"] {-webkit-appearance: none; border:0px; line-height: normal;}
a {color:#7289DA; text-decoration:none;}
html,body{height:100%; overflow:hidden; }
body {background-color:#2F3136; color:#DCDDDE; font-size:12px; overflow:hidden; font-family:Montserrat,Arial; overflow:hidden;touch-action: none; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

.none {display:none;}
.submit {display:block; margin:5px auto; width:80px; height:34px; background-color:#7289DA;  -webkit-border-radius:6px; color:#fff;}
.black {display:block; margin:0 auto; margin-bottom:5px; width:100px; height:30px; line-height:30px; border:0px;  background-color:#2D4786; border:0px;  color:#fff; -webkit-border-radius:6px;}
.black2 {clear: both; display:block; margin:0 auto; width:100%; height:1px;  border:0px;}
.notification {display:none; position:absolute; z-index:99999; top:40%; left: 50%; transform: translate(-50%, -50%); width:200px; min-height:100px; line-height:50px; text-align:center; background-color:#e9e9eb; -webkit-border-radius:6px; color:#000; font-weight: bold;}
.h1 {margin:5px 0 5px 0; font-size:13px;}

.main_pc {position: relative; padding:0; display:block; margin:0 auto; width:600px; height:100%; padding-top:45px;}
.main_mob {position: relative; padding:0; width:100%; height:100%; padding-top:45px;}

.nav {position:absolute; top:5px; left:1%; z-index:1; display:block; margin:0; padding:0; width:98%; height:40px; line-height:40px; background-color:#2F3136;}
.nav .icon {float:left; margin:2px 5px 0 5px; width:35px; height:35px; border:#222 1px solid;}
.nav .center {float:left; width:calc(100% - 85px); height:40px;}
.nav .center .task {float:left; margin:5px 0 0 10px; padding:0 0 0 7px; width:40px; height:30px; line-height:30px; background-color:#7289DA; -webkit-border-radius:6px;}
.nav .onlinelist {float:left; width:40px; height:40px; background: url(img/online.png); background-repeat: NO-repeat; background-position: right center; -webkit-background-size:30px 30px;}

.footer {position:absolute; bottom:0; left:1%; z-index:1; display:block; margin:0; padding:5px 0 0 0; width: 98%; height:50px; -webkit-border-radius:50px;}

.footer .more {float:left; width:35px; height:40px; background: url(img/chatbox/f2/menu.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:30px 30px;}
.footer .more:hover {cursor: pointer}

.footer .content {position: relative; margin:0; padding:0; float:left; width:calc(100% - 35px); height:40px; background-color:#40444B; -webkit-border-radius:40px;}
.footer .content .towho {float:left; width:50px; height:40px; background: transparent; background-image: none; text-align:center; color:#fff;}
.footer .content .quote {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/quote2.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}
.footer .content .quotes {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/quote.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}

.footer .content .says {float:left; width:calc(100% - 300px); height:38px; border:0px; background-color:transparent; color:#fff;}
.footer .content .says:focus {position:absolute; top:0; right:0; padding-left:5px; width:calc(100% - 90px); height:40px; background-color:#7289DA; -webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px;}
.footer .content .says:focus::placeholder { color:#fff;}
.footer .content .stickers {display:none; float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/emoji.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}
.footer .content .bold {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/bold_off.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px; -webkit-border-radius:20px;}
.footer .content .color {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/color.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:26px 26px; -webkit-border-radius:20px;}
.footer .content .private {float:left; width:40px; height:40px; outline:none; background: url(img/chatbox/f2/private_off.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}
.footer .content .clean {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/clean.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}
.footer .content .scroll {float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/scroll.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:25px 25px;}



.footer .content .send {display:none; float:left; width:40px; height:40px; }
.footer .content .send .submit {display:none; float:left; width:40px; height:40px; outline:none; background:url(img/chatbox/f2/send.png); background-repeat: NO-repeat; background-position: center left ; -webkit-background-size:25px 25px; border:none;}


.chat_type {float:left; margin:5px 0 0 0; padding:0 0 0 7px; width:80px; height:30px; line-height:30px; background:#7289DA URL(img/chatbox/arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-background-size:25px 25px;  -webkit-border-radius:6px;}
.chat_type_show {display:none; position:absolute; z-index: 4; top:40px; left:49px; padding:5px; width:80px; height:115px; background-color:#36393F; -webkit-border-radius:10px; border:1px #333 solid;}
.chat_type_show li {margin-bottom:5px; width:98%; height:30px; line-height:30px; background:rgba(255, 255, 255,0.1); text-align:center; -webkit-border-radius:6px;}

.chatbox {display:block; margin-left:1%; margin-bottom:5px; padding:5px; width:98%; height:calc(100% - 60px); overflow-x:hidden; overflow-y:auto; border:0px; -webkit-border-radius:6px;}
.chatbox {padding:5px;}

.chatbox .clear {display: block; width:100vw; height:5px; margin:0; border-bottom:#fefefe 0px solid;}

.chatbox .info {display:block; margin:0; padding:0 10px 0 0; min-height:25px; background:rgba(255, 255, 255,0.1); -webkit-border-radius:20px;}
.chatbox .info .icon {float:left; margin:0; padding:0; width:25px; height:25px; text-align:center; background:rgba(255, 255, 255,0.1); -webkit-border-top-left-radius:20px; -webkit-border-bottom-left-radius:20px;}
.chatbox .info .icon img {width:25px; height:25px; text-align:center; -webkit-border-radius:25px;}
.chatbox .info .privates {float:left; margin:0; padding:0 5px 0 0; width:32px; height:25px; line-height:25px; background:rgba(255, 255, 255,0.1); color:#0478ED; text-align:center; -webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px;}
.chatbox .info .open {float:left; margin:0; padding:0 5px 0 0; width:32px; height:25px; line-height:25px; background:rgba(255, 255, 255,0.1); color:#43B581; text-align:center; -webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px;}
.chatbox .info .func {float:left; margin:0; padding:0 5px 0 0; min-width:32px; height:25px; line-height:25px; background:rgba(255, 255, 255,0.1); color:#83bbff; text-align:center; -webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px;}
.chatbox .both_sides {float:left; margin:3px 0 0 5px; padding:0 5px 0 5px; height:20px; line-height:20px; }
.chatbox .both_sides a {height:20px; line-height:20px; color:#7289DA; text-decoration:none;}
.chatbox .info .times {float:right; margin:3px 0 0 5px; padding-left:16px; width:40px; line-height:20px; text-shadow: 0 1px 1px #000; background:url(img/chatbox/time.png); background-repeat: NO-repeat; background-position: center left; -webkit-background-size:15px 15px;}
.chatbox .info .device {float:right; margin:3px 0 0 5px; padding:0 5px 0 5px; min-width:30px; line-height:20px; background-color:#373f51; -webkit-border-radius:20px; text-align:center;}
.chatbox .quote {display:block; margin:5px; padding:5px; width:calc(100% - 10px); min-height:25px; background:rgba(255, 255, 255,0.1); border-left:#3A59CB 5px solid; color:#fff; -webkit-border-radius:6px;}
.chatbox .quote b {color:#7289DA}

.chatbox .content {display:block; margin:0; padding:0; width:100%; min-height:20px; line-height:20px; letter-spacing: 1px; text-align:left;-webkit-user-select:text; -moz-user-select:text; user-select:text;}
.chatbox .content .myself {color:#45e3ff}
.chatbox .content .whom {color:#00e0c7}
.chatbox .content2 {clear: both; display:inline-block; margin-left:40px; width:calc(100% - 40px); min-height:20px; line-height:20px; letter-spacing: 1px; -webkit-user-select:text; -moz-user-select:text; user-select:text;}
.chatbox .content22 {display:inline-block; width:calc(100% - 40px); margin-left:5px; height:20px; line-height:20px; letter-spacing: 1px; white-space:nowrap; -webkit-user-select:text; -moz-user-select:text; user-select:text;}



/*function zone top:50%; left: 50%; transform: translate(-50%, -50%);*/
.functions {display:none; position:absolute; z-index:5; top:50px; right:10px; width:200px; height:170px; background-color:#202225; -webkit-border-radius:6px; overflow:auto; overflow-x:hidden;}
.functions ul {list-style-type:none; margin:0; padding:0; width:100%; height:100%;}
.functions ul li {float:left; margin:10px 4% 0 4%; width:42%; height:30px; line-height:30px; background:rgba(255, 255, 255,0.1); -webkit-border-radius:6px;}
.functions ul li {text-align:center;}


.functions_chat {display:none; position:absolute; z-index: 3; bottom:55px; left:2%; padding:5px; width:96%; height:190px; background-color:#202225; -webkit-border-radius:10px; border:1px #333 solid;}
.functions_chat ul {float:left; list-style-type:none; margin:0; padding:0; width:25%; height:100%; overflow:auto; overflow-x:hidden;}
.functions_chat ul li {margin:5px 0 0 5%; width:80%; height:30px; line-height:30px; background-color:#7289DA; -webkit-border-radius:6px;}
.functions_chat ul li {text-align:center;}

.functions_chat_show {float:left; margin:0; padding:0; width:75%; height:100%; overflow:auto; overflow-x:hidden;}
.functions_chat_show ul {float:left; list-style-type:none; margin:0; padding:0; width:100%; height:100%; overflow:auto; overflow-x:hidden;}
.functions_chat_show ul li {float:left; margin:5px 0 0 2%; width:30%; height:30px; line-height:30px;  background-color:#36393F; -webkit-border-radius:6px;}
.functions_chat_show ul li {text-align:center;}
.functions_chat_show ul .Separate {display:block; width:94%; height:20px; line-height:20px; background-color:#5983fc; letter-spacing: 1px;}

.functions_box_main {display:none; position:absolute; top:0; left:0; z-index:9; background:rgba(0, 0, 0,0.8); width:100%; height:100%;}
.functions_box {display:none; padding:10px; position:absolute; top:50%; left: 50%; z-index:10; transform: translate(-50%, -50%); width:calc((100% - 40px)); height:600px; background-color:#2F3136; -webkit-border-radius:6px; overflow-y:hidden; overflow-x:hidden;}

.online_info {display:block; margin:0; padding:10px; width:100%; min-height:60px;}
.online_info .onlineicon {display:inline-block; width:60px;}
.online_info .onlineicon img {margin-top:5px; margin-right:10px; width:50px; height:50px; -webkit-border-radius:50px;}
.online_info .onlineinfo {display:inline-block; width:calc(100% - 60px);}
.online_info .onlineinfo strong {display:block; padding:0 10px 0 10px; width:100%; max-width:100%; height:30px; line-height:30px;  overflow:hidden; background:rgba(255, 255, 255,0.3); -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
.online_info .onlineinfo span {display:block; padding:0 10px 0 10px;  width:100%; min-height:30px; line-height:30px;  background:rgba(255, 255, 255,0.1); -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;}
.online_info .onlineinfo span em {margin:0 10px 10px 0;}




.Filter {display:block; margin:0; padding:0; width:96%; min-height:30px; line-height:30px; background:#202225 url(img/arrow2.png) no-repeat center right 10px; -webkit-background-size:36px 15px; letter-spacing: 1px; text-align:center; -webkit-border-radius:10px;}
.Filter:hover {cursor: pointer}
.Filter .Filter_ul {display:none;}
.Filter:hover .Filter_ul {display: grid; grid-template-columns: auto auto; grid-gap: 0px; margin:0; padding:10px; width:100%; min-height:30px; line-height:30px; background-color:#202225; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;}
.Filter:hover .Filter_ul li {height:30px;}
.Filter:hover .Filter_ul :hover {background-color:#36393F; -webkit-border-radius:30px;}


.online {margin:0; padding:5px; width:100%; height:500px; overflow-y:auto; overflow-x:hidden;}
.online center {line-height:25px; font-size:13px;}
.online center:hover {cursor: pointer}
.online .list {margin-top:20px; display:block; width:100%; min-height:30px; line-height:30px;}
.online .list:hover {background:#36393F; -webkit-border-radius:10px;}
.online .newclass {height:125px;-webkit-border-radius:10px; }

.online .list span {display:inline-block;}
.online .list .icon {position: relative; width:35px; height:30px;}
.online .list .icon img {width:30px; height:30px; -webkit-border-radius:30px; padding:0;}
.online .list .icon .here {position:absolute; z-index: 4; bottom:0px; right: 2px; width:13px; height:13px; -webkit-border-radius:10px; background-color:#93FF93; border:3px #202225 solid;}
.online .list .icon .admin {position:absolute; z-index: 4; top:-20px; left: 0;}
.online .list .icon .admin .img1 {width:28px; height:27px;}
.online .list .icon .zm {position:absolute; z-index: 4; top:-10px; left:7px;}
.online .list .icon .zm .img2 {width:16px; height:15px;}
.online .list .name {width:calc(100% - 165px); height:30px; line-height:30px; overflow:hidden; }
.online .list .sex {width:30px; height:30px;}
.online .list .sex img {width:20px; height:20px;}
.online .list .sex_b {background:url(img/chatbox/f3/sex_b.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:20px 20px;}
.online .list .sex_g {background:url(img/chatbox/f3/sex_g.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:20px 20px;}
.online .list .mp {width:70px; height:30px; line-height:30px; overflow:hidden;}
.online .list .device_0 {display:inline-block;position: relative; width:30px; height:30px; background:url(img/chatbox/f3/hy/4.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:30px 30px;}
.online .list .device_1 {display:inline-block; position: relative; width:30px; height:30px; background:url(img/chatbox/f3/device_1.png); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:13px 20px;}
.online .list .more {width:30px; height:30px; line-height:30px;}
.online .list .more img {width:30px; height:30px;}
.online .list .more .mood {display:inline-block; position: relative; width:30px; height:30px; background:url(img/chatbox/f3/mood.gif); background-repeat: NO-repeat; background-position: center center; -webkit-background-size:20px 20px;}
.online .list .Famous {display:inline-block;  margin:0; padding:0 0 0 5px; width:100%; height:20px; line-height:20px; }

.online .page_Start {display:inline-block; margin:0 2% 0 2%; width:46%; height:30px; line-height:30px; background:#5983fc; -webkit-border-radius:20px; text-align:center;}



.reg {margin:50px auto; padding:10px; width:250px; min-height:30px; background:rgba(255, 255, 255,0.1); -webkit-border-radius:6px;}
.reg li {width:100%; min-height:30px; margin-bottom:10px;}
.reg li input {-webkit-border-radius:6px}
.reg li input[type="text"] {padding-left:10px; border:0; background:rgba(255, 255, 255,0.1); width:100%; height:30px; line-height:30px; color:#fff; text-align:left;}
.reg li input[type="password"] {padding-left:10px; border:0; background:rgba(255, 255, 255,0.1); width:100%; height:30px; line-height:30px; color:#fff; text-align:left;}
.reg li input[type="submit"] {margin:0 auto; margin-bottom:5px; width:100%; height:30px; line-height:30px; border:0px;  background-color:#6071AC; border:0px;  color:#fff;}

.regs {
	width:100%;
	height:275px;
	padding:10px;
	margin:0 auto;
	background-color:#2F3136;
	-webkit-border-radius:6px;
	color:#fff;
	font-size:13px;
}
.regs input[type="text"] {padding:10px; background:rgba(255, 255, 255,0.1); border:0px; width:100%; height:30px; line-height:30px; color:#fff; -webkit-border-radius:6px;}
.regs input[type="password"] {padding:10px; background:rgba(255, 255, 255,0.1); border:0px; width:100%; height:30px; line-height:30px; color:#fff; -webkit-border-radius:6px;}
.regs input[type="submit"] {padding:10px; background-color:#FBC308; border:0px; width:100%; height:30px; line-height:10px; color:#000; font-size:15px; -webkit-border-radius:6px;}
.regs li {margin-bottom:10px;}
.regs a {display:block; margin-bottom:10px; padding:10px; background-color:#7289DA; border:0px; width:100%; height:30px; line-height:10px; color:#fff; font-size:15px; text-align:center; -webkit-border-radius:6px;}
.regs a:hover {cursor: pointer}
.regs li input[type="radio"] {zoom:1.5; -moz-transform: scale(1.5);}

.cover{
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
    line-height:100%;
    color:white;
}

.cover::before{    
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent url(index_bg.webp?V=10) center center no-repeat;
    filter:blur(5px);
    z-index:-1;
    background-size:cover;
}

.loginform {position:absolute; top:50%; left: 50%; z-index:1; transform: translate(-50%, -50%); width:800px; height:600px; background:transparent url(index_bg.webp?V=10) center center no-repeat; -webkit-border-radius:10px; box-shadow: 0 10px 40px rgba(234, 174, 202,.4);}
.loginformul {position:absolute; top:50%; left: 50%; z-index:2; transform: translate(-50%, -50%); width:250px; height:200px; background:rgba(246, 203, 224,0.4); -webkit-border-radius:10px;}
.loginformul li {width:100%; height:40px; line-height:40px; color:#000;}
.loginformul li input{-webkit-border-radius:6px;}
.loginformul li input[type="text"] {padding-left:10px; border:0; background:rgba(255, 255, 255,0.5); width:90%; height:30px; line-height:30px; color:#000; text-align:left; letter-spacing: 1pt;}
.loginformul li input[type="password"] {padding-left:10px; border:0; background:rgba(255, 255, 255,0.5); width:90%; height:30px; line-height:30px; color:#000; text-align:left; letter-spacing: 1pt;}
.loginformul li input[type="submit"] {margin:0 auto; margin-bottom:5px; width:90%; height:30px; line-height:30px; border:0px;  background-color:#e088ae; border:0px;  color:#fff;}
.loginformul li input::placeholder {color:#000;}



.mapbox {display:none; position:absolute; z-index: 3; top:40px; left: 2%; padding:5px; width:96%; min-height:350px; max-height:calc(100% - 100px); background-color:#202225; -webkit-border-radius:10px; overflow-x:hidden; overflow-y:auto;}

.map_main_title {margin:0 auto; margin-bottom:10px; padding:10px; width:100%; height:40px; -webkit-border-radius:6px; overflow-x:hidden; overflow-y:auto; background:url(game/img/result/jg.png); background-repeat: NO-repeat; background-position: center left;}
.mapbox .map_main_start {float:left; margin:0 0 1% 0; padding:10px; width:100%; height:200px; -webkit-border-radius:6px; background-color:#292b2f;}
.mapbox .map_main_start .choose {display:block; margin-bottom:20px; margin-right:10px; width:100%;  height:100px; line-height:100px; text-align:center; background-color:#FBC308; color:#000; font-size:30px; -webkit-border-radius:6px;}
.mapbox .map_main_start .stop {float:left;  margin-right:5%; width:45%; height:50px; line-height:50px; text-align:center;  background:rgba(255, 255, 255,0.1); color:#fff; -webkit-border-radius:6px;}
.mapbox .map_main_start .start {float:left;  margin-left:5%; width:45%; height:50px; line-height:50px; text-align:center; background-color:#fff; color:#000; -webkit-border-radius:6px;}

.mapbox .map_main_info {display: grid; grid-template-columns: auto auto; grid-gap:10px; margin:0; padding:10px 10px 0 10px; width:100%; min-height:80px; -webkit-border-radius:6px; background-color:#292b2f;}
.mapbox .map_main_info >span {margin-bottom:10px; padding:5px; width:100%; height:80px; line-height:25px; background:rgba(255, 255, 255,0.1); -webkit-border-radius:6px;}

.mapbox .map_main_maps {margin: 0 0 10px 0; padding: 0; width: 100%; height: 180px; -webkit-border-radius: 6px;	overflow-y: auto; overflow-x: hidden; }
.mapbox .map_main_maps li {display: inline-block;	width: 49%;	height: 35px;	line-height: 35px;}
.mapbox .map_main_maps li img {width: 100%; -webkit-border-radius: 6px;}

.mapbox .map_main_show {float:left; margin:0 0 0 1%; padding:10px; width:100%; height:200px; -webkit-border-radius:6px; background-color:#292b2f; overflow-x:hidden; overflow-y:auto;}
.mapbox .map_main_show  span {float:left; width:calc(100% - 60px); padding-left:5px; min-height:25px; line-height:23px; letter-spacing: 1px;  }
.mapbox .map_main_show  em {float:left; width:60px; height:20px; line-height:20px; background-color:red; color:#fff; text-align:center; -webkit-border-radius:2px;}

.map_main_info_operate {display:block; margin: 0 0 10px 0; padding: 10px; width: 100%; min-height: 100px; background:#36393f; -webkit-border-radius: 6px; }
.Autohit {display:block; margin:0 auto; margin-bottom:5px; width:100%; height:30px; line-height:30px; -webkit-border-radius:10px; background-color:#7289da; text-align:center; color:#fff; }





.present {margin:10px auto; padding:10px; width:250px; min-height:30px; background:rgba(255, 255, 255,0.1); -webkit-border-radius:6px;}
.present li {width:100%; min-height:25px;}



.Clear_chat_record {display:none; position: absolute; z-index: 1000; top:0; left:0; right:0; bottom:0; margin:auto;  width:300px; height:100px; background-color:#202225; color:#fff; box-shadow:1px 1px 3px rgba(33,35,38,0.5); -webkit-border-radius:6px; text-align:center; line-height:30px; letter-spacing: 1pt;}
.Clear_chat_record h1 {text-align:center; font-size:15px; letter-spacing: 1pt; color:yellow;}
.Clear_chat_record span { cursor: pointer; color:#6071AC;}



.gg {margin:5px auto; width:100%; height:200px; color:#000; font-size:12px; letter-spacing:1px;touch-action: none; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.gg img {width:30px;}
.gg center {color:red; font-weight:bold; font-size:15px;}
.gg tr:nth-of-type(1) td:nth-of-type(1) {width:40px; height:7px !important; background:url(img/chatbox/gg/kuang-r-top.gif); background-repeat:NO-repeat;}
.gg tr:nth-of-type(1) td:nth-of-type(2) {width:calc(100% - 14px); height:7px !important; background:url(img/chatbox/gg/kuang-top.gif); background-repeat:repeat-x;}
.gg tr:nth-of-type(1) td:nth-of-type(3) {width:40px; height:7px !important; background:url(img/chatbox/gg/kuang-l-top.gif); background-repeat:NO-repeat; }

.gg tr:nth-of-type(2) td:nth-of-type(1) {width:40px; height:calc(200px - 45px); background:url(img/chatbox/gg/kuang-r-among.gif); background-repeat:repeat-y;}
.gg tr:nth-of-type(2) td:nth-of-type(2) {width:calc(100% - 14px); height:calc(200px - 45px); background-color:#f4efdc; }
.gg tr:nth-of-type(2) td:nth-of-type(3) {width:40px; height:calc(200px - 45px); background:url(img/chatbox/gg/kuang-l-among.gif); background-repeat:repeat-y; }

.gg tr:nth-of-type(3) td:nth-of-type(1) {width:40px; max-height:38px; background:url(img/chatbox/gg/kuang-r-bottom.gif); background-repeat:NO-repeat;}
.gg tr:nth-of-type(3) td:nth-of-type(2) {width:calc(100% - 14px); max-height:7px; background:url(img/chatbox/gg/bottom.gif); background-repeat:repeat;}
.gg tr:nth-of-type(3) td:nth-of-type(3) {width:40px; max-height:38px; background:url(img/chatbox/gg/kuang-l-bottom.gif); background-repeat:NO-repeat; }