a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* global */
body {margin:0px;font-size:12px;color:#000000;background:#DDDDDD;}
/* common */
@media screen and (min-width: 641px) { 
.m {width: 640px;margin:auto;} 
} 
@media screen and (max-width: 640px) { 
.m {width: 100%;margin:auto;} 
} 
.top {padding:40px 10px 0 10px;float:right;}
#top a {text-decoration:none;}

h1 {font-size:1.8rem; display:inline; font-weight:normal;}
h1 a {text-decoration:none;}
h2 {display:inline;}
h3 {font-size:14px; display:inline; }

@media screen and (max-width: 460px) { 
.head {overflow:hidden; display:none;}
}
.head div {float:center;}
.head .logo {padding:20px 0;overflow:hidden;background:#ffffff;}
.head h1 {font-size:30px;margin:40px 0 5px 10px;color:#006600;font-family:\9ED1\4F53;}
.head h4 {font-size:15px;margin:0 0 0 10px;color:#006600;}
.headbanner {padding:30px 0 0 0; color:#333333;}

.foot {background:#F1F1F1;text-align:center;padding:20px;line-height:32px;}
.foot i,.top i {font-style:normal;color:#999999;padding:0 8px;}

.v{text-align:center;}
ul{display:inline-block; }
.banner_bg {background:#E2DDDD;}

#menu a {text-decoration:none;}
.menu {overflow:hidden;padding:120px 0 0 0;font-size:1rem;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}
.menu_li {float:left;white-space:nowrap;line-height:39px;padding:0 5px 0 5px;}
.menu_li span {color:#333;}
.menu_on {float:left;white-space:nowrap;line-height:39px;padding:0 5px 0 5px;}
.menu_on span {color:#ffffff;background:#189AB6; padding:10px 5px;}

.side_head {border-bottom:none;background:url('side_head.gif') repeat-x;}
.side_head div {padding:10px 10px 0 10px;font-size:14px;height:50px;line-height:50px;overflow:hidden;letter-spacing:1px;}
.side_body {border-top:none;background:#FFFFFF;margin:0 0 20px;}
.side_body li {background:url('../../image/ico_arrow.gif') no-repeat 5px 7px;padding:0 0 0 20px;height:26px;line-height:26px;overflow:hidden;}

.main_head {border-bottom:none;background:url('main_head.gif') repeat-x;}
.main_head div {margin:0 10px 0 10px;font-size:14px;height:50px;line-height:50px;overflow:hidden;letter-spacing:1px;}
.main_body {border-top:none;background:#FFFFFF;}
.main_body li{overflow: hidden;line-height:40px;}
.main_body_ai {border-top:none;background:#4D0A98;}

.more-img {column-count:2; }

/* vsign */
.vsign {z-index:1000;position:absolute;width:180px;height:50px;background:url('../../image/vip_v.png') no-repeat;margin:-26px 0 0 780px;}
.vsign div {padding:0 0 0 73px;}
.vsign strong {font-size:18px;color:red;}
.vsign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}

.vgo {
  background:url('vbg.png') repeat-x bottom ; 
  border:0px solid #000; 
  text-align:center; 
  z-index:999; 
  position:fixed; 
  bottom:0; left:0; width:100%; height:60px; line-height:60px;
 /* for IE6 */
 	_position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	 overflow:visible;
	  }
	  
p { text-indent:2em; }

/* global */
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
input,select,textarea {font-size:12px;padding:4px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
/* links */
a:link,a:visited,a:active {color:#333333;text-decoration:none}
a:hover {color:#FF6600;;}
a.w:link,a.w:visited,a.w:active{text-decoration:none;color:#FFFFFF;}
a.w:hover{text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#225588;}
a.t:hover{text-decoration:underline;}
a.b:link,a.b:visited,a.b:active {color:#014CCC;text-decoration:none;}
a.b:hover {color:#FF6600;}
/* show */
.title {text-align:center;font-size:20px;font-weight:bold;line-height:48px;}
.info {margin:16px 16px 0 16px;background:#F1F1F1;line-height:48px;text-align:center;}
.content {font-size:14px;line-height:180%;padding:20px;}
.content p {margin:0 0 16px 0;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:16px;margin:0 20px;}
.property li {float:left;width:30%;height:24px;line-height:24px;overflow:hidden;}
.pos {padding:16px 16px 16px 32px;height:24px;line-height:24px;background:url('../image/pos.png') no-repeat 6px 18px;font-size:14px;}
.pos div {float:right;}
.pos i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.pos em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.pos .f_r {font-size:12px;color:#666666;}

.inp {border:#CCCCCC 1px solid;color:#666666;}
.sbm {height:28px;line-height:28px;border:#CCCCCC 1px solid;color:#333333;background:#EEEEEE;padding:0 10px;cursor:pointer;}
.sbm:hover {background:#DDDDDD;}
.banner {margin-top:20px;}
/* sign */
.sign {z-index:1000;position:absolute;width:180px;height:50px;background:url('../image/vip_bg.gif') no-repeat;margin:32px 0 0 1000px;}
.sign div {padding:23px 0 0 73px;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}
/* thumb */
.thumb {padding:16px;}
.thumb img {border:#C0C0C0 1px solid;padding:2px;}
.thumb div {width:90%;height:26px;overflow:hidden;line-height:26px;font-size:13px;margin:6px 0 6px 0;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb:hover{background:#F1F1F1;}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:240px;height:180px;cursor:crosshair;padding:5px;border:#CCCCCC 1px solid;background:#F3F3F3;}
#zoomer {border:#D4D4D4 1px solid;width:120px;height:90px;background:#FFFFFF url('../image/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:320px;height:240px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 13px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 13px;border:#FF6600 1px solid;background:#FF6600;}
/* pages */
.pages {padding:20px 0;text-align:center;font-size:12px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:6px;text-decoration:none;margin:0 6px;}
.pages a:hover  {background:#F1F1F1;border:#CCCCCC 1px solid;color:#FF6600;}
.pages strong {background:#2E6AB1;padding:6px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:6px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:48px;background:#EEEEEE;border:#CCCCCC 1px solid;font-weight:bold;padding:6px;margin:0 6px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
/* comment */
.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment {padding:15px 10px 15px 10px;border-top:#AACCEE 1px dotted;}
.comment_sp {background:#F9FCFE;}
.comment_content {color:#333333;font-size:14px;line-height:180%;clear:both;padding:5px;}
.comment_title {height:26px;line-height:26px;color:#1B4C7A;padding:0 5px 0 5px;}
.comment_reply {padding:5px 10px 5px 10px;margin:0 5px 0 5px;line-height:180%;border:#E6E6E6 1px solid;background:#FFFFE3;}
.comment_no,.order_no {text-align:center;padding:20px;font-size:13px;}

/* basic */
.mainbgcolor {background:#ffffff;}
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#225588;}
.f_price {font-weight:bold;font-family:Arial;color:#FF6600;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.px20 {font-size:20px;}
.rem1 {font-size:1rem;}
.rem12 {font-size:1.2rem;}
.rem14 {font-size:1.4rem;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.c_b{clear:both;}
.dsn {display:none;}
.c_p {cursor:pointer;}
.highlight {color:red;}

/* homepage */
.vcom-quick {background:#189AB6;text-align:center;overflow-x:auto;}
.vcom-quick ul {width:640px;padding:0 10px;}
.vcom-quick li {float:left; margin:25px 5px 25px 5px;}
.vcom-quick span {display:block;font-size:1rem;color:#ffffff;}
.vcom-quick::-webkit-scrollbar {display: none;}
.vcom-quick id {color:#868484;font-size:0.75rem;}

/* mallwindow */
.button{
    /*消除button的默认样式*/
    margin: 0px;
	font-size:1.2rem;
	cursor: pointer
	padding: 0px;
    /*自定义边框*/
    border: 0px;
    /*消除默认点击蓝色边框效果*/
    outline: none;
	background-color: transparent;
}

.alert-modal{
  left:0;
  top:0;
  width:100%;
  height:100%;
  background: #000;
  opacity: 0.6;
   filter: alpha(opacity=60);
}
.alert-container{
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  background: #fff;
  border:1px solid #f1f1f1;
  z-index: 99999;
  overflow: hidden;
}
.alert-title{
  font-size: 16px;
  text-align: center;
  line-height: 42px;
  color:#111;
  background: #fff;
  position: absolute;
  left:0;
  top:0;
  z-index: 999;
  width:100%;

}
.alert-content{
  font-size: 14px;
  padding:15px 20px;
  color:#555;
  height:100%;
  overflow: auto;
}

.alert-btn-box{
  border-top:1px solid #f1f1f1;
  text-align: right;
  position: absolute;
  left:0;
  background: #fff;
  bottom: 0;
  z-index: 999;
  width:100%;
}
.alert-btn-p{
  display: inline-block;
  text-align: right;
  font-size:14px;
  background: #ff6600;
  line-height: 35px;
  cursor: pointer;
  color:#ffffff;
}

.pcAlert .alert-btn-box{
  padding-right:10px;
  border:none;
}
.pcAlert .alert-btn-p{
  border:1px solid #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  line-height: 30px;
  margin:7px 0;
  padding:0 10px;
  margin-right:10px;
}
.alert-btn-close{
  position: absolute;
  right:10px;
  top:0px;
  font-size: 30px;
  cursor: pointer;
  z-index: 1000;
}

/*guess*/
   :root {
        --primary: #2A76DD;  /* 主色调-科技蓝 */
        --secondary: #FF6B6B; /* 辅色调-活力橙 */
        --success: #4CAF50;   /* 成功色 */
        --warning: #FFC107;   /* 警告色 */
        --error: #E53935;     /* 错误色 */
        --text-main: #2d3436;
        --text-light: #f8f9fa;
    }
	
	#guessInput::-webkit-inner-spin-button,
	#guessInput::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
	#guessInput {-moz-appearance: textfield;}
    #gameContainer {/*板块*/
        max-width: 90%;
        margin: 0 auto;
        padding: 2rem;
        background: rgba(225, 225, 225, 0.98);
        border-radius: 16px;
        text-align: center;
        backdrop-filter: blur(8px);
    }
	
    #gameContainer-answer {/*板块*/
        max-width: 90%;
        margin: 0 auto;
        padding: 2rem;
        background-color: #F0EFEF;
        border-radius: 0 20px 20px 20px; 
        text-align: center;
        backdrop-filter: blur(8px);
		Margin: 10px 0 10px 0;
    }

    #gameContainer > :first-child {
        font-size: clamp(1.2rem, 5vw, 2.4rem);
        color: var(--primary);
        margin-bottom: 1.8rem;
        font-weight: 700;
        letter-spacing: -0.03em;
    }
    #gameContainer-answer > :first-child {
        font-size: clamp(1.2rem, 5vw, 2.4rem);
        color: var(--primary);
        margin-bottom: 1.8rem;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

   #guessInput {
        width: 100%;
        /* 新增精确宽度设置 */
        box-sizing: border-box;
        /* 保持其他原有样式 */
        padding: 0.9rem;
        border: 2px solid var(--primary);
        border-radius: 10px;
        font-size: clamp(1rem, 3vw, 1.1rem);
        transition: all 0.2s ease;
        margin-bottom: 1rem;
    }

    #guessInput:focus {
        outline: none;
        border-color: var(--secondary);
        box-shadow: 0 0 0 3px rgba(255,107,107,0.2);
    }

    #guessBtn {
        width: 100%;
        padding: 0.9rem;
        background: var(--primary);
        color: var(--text-light);
        border: none;
        border-radius: 10px;
        font-size: clamp(1rem, 4.5vw, 1.2rem);
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s ease;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    #guessBtn:hover {
        background: var(--secondary);
        transform: translateY(-1px);
    }

    #output {
        margin-top: 1.5rem;
        padding: 1rem;
        border-radius: 8px;
        font-size: clamp(0.9rem, 3.5vw, 1.05rem);
        line-height: 1.5;
    }

    .hidden-link {
        color: var(--primary);
        font-weight: 600;
        text-decoration: none;
        position: relative;
    }

    .hidden-link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }

    /* 响应式调整 */
    @media (max-width: 480px) {
        #gameContainer {
            padding: 1.5rem;
            border-radius: 12px;
        }
        #gameContainer-answer {
            padding: 1.5rem;
            border-radius: 0 20px 20px 20px; 
        }

        #guessInput {
            padding: 0.8rem;
        }

        #guessBtn {
            padding: 0.8rem;
        }
    }

    /* 状态颜色 */
    #output { 
		background: rgba(233,236,239,0.4);
		white-space: nowrap;
		overflow: hidden;
		max-width: 100%; 
		font-size: min(4vw, 24px);
	}
    #output:not(:empty) { 
        background: #fff3e0; 
        border: 1px solid rgba(0,0,0,0.05);
    }
	
.chat-ask {
  font-size: 1rem;
  color: #000;
  background-color: #DDD9FF;
  padding: 0 1rem 0 1rem;
  border-radius: 20px 0 20px 20px; 
  float:right;
  Margin: 10px 0 10px 0;
}
.chat-answer {
  font-size: 1rem;
  background-color: #F0EFEF;
  padding: 1rem;
  border-radius: 0 20px 20px 20px; 
  float:left;
  Margin: 10px 0 10px 0;
  line-height:160%;
}