@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;/*moz火狐浏览器*/
	-webkit-box-sizing: border-box;/*(webkit内核浏览器)*/
	box-sizing: border-box;
}
/*公共样式开始*/
body{
	max-width: 720px;
	margin: 0 auto;
	background: #F8F8F8;
}
html body{
	font-size: 13px;
	letter-spacing: 1px;
	font-family: "microsoft yahei","arial","arial black";
}
i{
	font-style: normal;
}
a,a:hover,a:active{
	text-decoration: none;
	color: #333333;
}
input,textarea,select{
	outline: none;
}
img{
	border: none;
	vertical-align: top;
}
li{
	list-style: none;
}
@media (min-width:640px){
	html{
		font-size:24px;
		}
}
@media (min-width:631px) and (max-width:639px){
	html{
		font-size:23.66px;
	}
}
@media (min-width:622px) and (max-width:630px){
	html{
		font-size:23.33px;
	}
}
@media (min-width:613px) and (max-width:621px){
	html{
		font-size:23px;
		}
}
@media (min-width:604px) and (max-width:612px){
	html{
		font-size:22.66px;
		}
}
@media (min-width:595px) and (max-width:603px){
	html{
		font-size:22.33px;
		}
}
@media (min-width:586px) and (max-width:594px){
	html{
		font-size:22px;
		}
}
@media (min-width:577px) and (max-width:585px){
	html{
		font-size:21.66px;
	}
}
@media (min-width:568px) and (max-width:576px){
	html{
		font-size:21.33px;
	}
}
@media (min-width:559px) and (max-width:567px){
	html{
		font-size:21px;
	}
	}
@media (min-width:550px) and (max-width:558px){
	html{
		font-size:20.66px;
	}
}
@media (min-width:541px) and (max-width:549px){
	html{
		font-size:20.33px;
	}
}
@media (min-width:533px) and (max-width:540px){
	html{
		font-size:20px;
	}
}
@media (min-width:524px) and (max-width:532px){
	html{
		font-size:19.66px;
		}
}
@media (min-width:515px) and (max-width:523px){
	html{
		font-size:19.33px;
		}
}
@media (min-width:506px) and (max-width:514px){
	html{font-size:19px;
	}
}
@media (min-width:497px) and (max-width:505px){
	html{
		font-size:18.66px;
		}
}
@media (min-width:488px) and (max-width:496px){
	html{
		font-size:18.33px;
		}
}
@media (min-width:480px) and (max-width:487px){
	html{
		font-size:18px;
		}
}
@media (min-width:471px) and (max-width:479px){
	html{
		font-size:17.66px;
		}
}
@media (min-width:462px) and (max-width:470px){
	html{
		font-size:17.33px;
		}
}
@media (min-width:453px) and (max-width:461px){
	html{
		font-size:17px;
		}
}
@media (min-width:444px) and (max-width:452px){
	html{
		font-size:17.12px;
		}
}
@media (min-width:435px) and (max-width:443px){
	html{
		font-size:16.33px;
		}
}
@media (min-width:426px) and (max-width:434px){
	html{
		font-size:16px;
		}
}
@media (min-width:417px) and (max-width:425px){
	html{
		font-size:15.66px;
		}
}
@media (min-width:408px) and (max-width:416px){
	html{
		font-size:15.33px;
		}
}
@media (min-width:400px) and (max-width:407px){
	html{
		font-size:15px;
		}
}
@media (min-width:391px) and (max-width:399px){
	html{
		font-size:14.66px;
		}
}
@media (min-width:382px) and (max-width:390px){
	html{
		font-size:14.33px;
		}
}@media (min-width:374px) and (max-width:381px){
	html{
		font-size:14px;
		}
}@media (min-width:365px) and (max-width:373px){
	html{
		font-size:13.66px;
		}
}
@media (min-width:356px) and (max-width:364px){
	html{
		font-size:13.33px;
		}
}
@media (min-width:347px) and (max-width:355px){
	html{
		font-size:13px;
		}
}
@media (min-width:338px) and (max-width:346px){
	html{
		font-size:12.66px;
		}
}
@media (min-width:329px) and (max-width:337px){
	html{
		font-size:12.44px;
		}
}
@media (max-width:328px){
	html{
		font-size:12px;
		}
}
.hj-gy{
	width: 100%;
	margin-top: 2px;
	border: 1px solid #3BB2E4;
}
.hj-gy img{
	width: 100%;
	height: 100%;
}
.hj-bt{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #313131;
	font-size: 0.95rem;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-shadow: 1px 1px 1px #fff;
	background-image: linear-gradient(to bottom right,#96daf7,#3BB2E4);
}
#d{
	color: red;
	background: #f6ff00;
	font-weight: bold;
	border-radius: 4px;
}
#c{
	color: #ababab;
}
.d{
	color: red;
	background: #f6ff00;
	font-weight: bold;
	border-radius: 4px;
}
#top{
  width:50px;
  height:50px;
  background: url(../images/top.png);  
  position:fixed;
  right:5px;
  bottom:30px;
  display:none;
  z-index: 10;
  border-radius: 6px;
}
/*公共样式结束*/
/*logo开始*/
.hj-logo{
	width: 100%;
	height: 50px;
	position: sticky;
  	top: 0;
  	left: 0;
  	z-index: 1000;
	background: #3BB2E4;
	background-image: linear-gradient(to bottom right,#96daf7,#3BB2E4);
}
.hj-logo div{
	display: inline-block;
}
#lg-a img{
	width: 190px;
	height: 48px;
	margin-left: 1px;
}
#lg-b{
	float: right;
	height: 100%;
}
#lg-b img{
	width: 46px;
	height: 46px;
	margin: 2px;
	border-radius: 36px;
	border: 2px solid #fff;
}
#lg-b{
-webkit-animation:rollIn 1s .2s ease both;
-moz-animation:rollIn 1s .2s ease both;
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
/*logo结束*/
/*顶部图片广告开始*/
.dbgg{
	width: 100%;
	height: 100%;
}
.dbgg img{
	width: 100%;
	height: 100%;
}
.twgg{
	width: 100%;
	margin-top: 2px;
	text-align: center;
	background: #FBFE9F;
	border: 1px solid #3BB2E4;
}
.twgg div{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 0.98rem;
	letter-spacing: 1.3px;
}
.gd{
	margin-top: 5px;
}
.twgg #pjys{
	color: #f600ff;
}
.twgg #pjys{
	color: #f600ff;
}
.twgg #yhysa{
	color: #0012ff;
}
.twgg #yhysb{
	color: #ff0000;
}
.twgg #msys{
	color: #8400ff;
}
/*顶部图片广告结束*/
/*一肖一码开始*/
.hj-yxym{
	width: 100%;
	height: 100%;
	margin-top: 2px;
	border: 1px solid #3BB2E4;
}
.yxym{
	width: 100%;
	border-collapse: collapse;
}
.yxym td{
	height: 38px;
	color: #323232;
	font-weight: bold;
	font-size: 0.85rem;
	text-align: center;
	letter-spacing: 1.3px;
	border: 1px solid #d6d6d6;
}
.yxym span{
	color: red;
	font-size: 0.95rem;
}
.yxym #dd{
	color: #666666;
	text-align: center;
	font-size: 0.88rem;
	background: #e7f6fc;
	text-shadow: 1px 1px 1px #ffffff;
}
.jj{
	margin-top: 2px;
}
/*一肖一码结束*/
/*广告一区开始*/
.wzgg{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.wzgg div{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background: #00ff4e;
	font-size: 1.2rem;
	border-bottom: 1px solid #f7fff9;
}
.xhx{
	border-bottom: none;
}
.wzgg a:hover{
	text-decoration: underline;
}
/*广告一区结束*/
/*成语平特开始*/
.cypt{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.cypt div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.cypt span{
	color: red;
	font-size: 1.15rem;
}
/*成语平特结束*/
/*二波中特开始*/
.ebzt{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.ebzt div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.ebzt span{
	color: red;
}
.ebzt #h{
	color: red;
}
.ebzt #l{
	color: #0060ff;
}
.ebzt #v{
	color: #02b41b;
}
/*二波中特结束*/
/*主攻一头开始*/
.zgyt{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.zgyt div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.zgyt span{
	color: red;
}
/*主攻一头结束*/
/*论坛资料开始*/
.ltzl{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.ltzl div{
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px dashed #dddddd;
}
.ltzl span{
	color: red;
}
.ltzl a:hover{
	color: #008ecb;
	text-decoration: underline;
}
.ltzl #wx{
	border-bottom: none;
}
/*论坛资料结束*/
/*四行选一开始*/
.shxy{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.shxy span{
	color: red;
	font-size: 1.15rem;
}
.shxy .sh-a{
	width: 100%;
	border-collapse: collapse;
}
.sh-a td{
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	border: 1px solid #dddddd;
}
.sh-b{
	color: #0084b9;
	font-weight: bold;
	font-size: 0.85rem;
	background: #E7F6FC;
	text-shadow: 1px 1px 1px #fff;
}
.sh-c td{
	font-size: 1.05rem;
}
.sh-a #q{
	width: 20%;
}
.sh-a #s{
	width: 33%;
}
.sh-a #z{
	width: 22%;
}
.sh-a #j{
	width: 25%;
}
/*四行选一结束*/
/*前后生肖开始*/
.qhsx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.qhsx div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.qhsx span{
	color: red;
}
.qhx{
	width: 100%;
	height: 36px;
	color: #727272;
	line-height: 36px;
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 0.85rem;
}
.qhx font{
	color: #006d99;
}
/*前后生肖结束*/
/*香港澳门开奖*/
.hj-zbkj{
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: -6px;
}
.tab_list{
    height: 40px;
    margin-top: 1px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #129cd7;
}
.tab_list li{
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1.4px;
    font-size: 0.8rem;
}
.tab_list .current{
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    background-image: linear-gradient(to bottom right,#96daf7,#3BB2E4);
}
.tab_con{
	width: 100%;
	margin-top: 2px;
	line-height: 22px;
	text-align: justify;
	letter-spacing: 1.2px;
	font-size: clamp(0.7rem, 0.60rem + 0.7vw, 1.5rem);
}
.item{
    display: none;
    margin-bottom: 5px;
}
/*香港澳门开奖*/
/*12码中特开始*/
.semzt{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.semzt .sem{
	width: 100%;
	border-collapse: collapse;
}
.sem td{
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	border: 1px solid #dddddd;
}
.sem #s{
	width: 20%;
	color: #323232;
	font-size: 0.95rem;
}
.sem #e{
	width: 80%;
	color: red;
	font-size: 0.99rem;
}
/*12码中特结束*/
/*单双二肖开始*/
.dsex{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.dsex div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.dsex span{
	color: red;
}
/*单双二肖结束*/
/*六肖中特开始*/
.lxzt{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.lxzt div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.lxzt span{
	color: red;
}
/*六肖中特结束*/
/*平特一尾开始*/
.ptyw{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.ptyw div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.ptyw span{
	color: red;
}
/*平特一尾结束*/
/*高手心水开始*/
.gsxs{
	width: 100%;
	height: 100%;
}
.gsxs .xs-a{
	width: 100%;
	border-collapse: collapse;
}
.xs-a td{
	height: 38px;
	line-height: 38px;
	font-size: 0.85rem;
	font-weight: bold;
	letter-spacing: 1.2px;
	background: #ffffff;
	border: 1px solid #dddddd;
}
.gsxs span{
	color: #0060ff;
}
.gsxs #gs-a{
	width: 10%;
	text-align: center;
	font-size: 0.7rem;
}
.gsxs #gs-a img{
	width: 25px;
	height: 20px;
	margin-top: 5px;
}
.gsxs #gs-b{
	width: 90%;
	padding-left: 3px;
}
.gsxs #gs-b a{
	color: #323232;
}
.gsxs #gs-b a:hover {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}
.gsxs a:hover{
	color: red;
	font-weight: bold;
}
/*高手心水结束*/
/*琴棋书画开始*/
.qqsh{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.qqsh div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.qqsh span{
	color: red;
}
.qhx{
	width: 100%;
	height: 36px;
	color: #727272;
	line-height: 36px;
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 0.755rem;
}
.qhx font{
	color: #006d99;
}
/*琴棋书画结束*/
/*精挑七尾开始*/
.jtqw{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.jtqw div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.jtqw span{
	color: red;
}
/*精挑七尾结束*/
/*三期必中开始*/
.sqbz{
	width: 100%;
	height: 100%;
	letter-spacing: 1.3px;
}
.sqbz .sq-a{
	width: 100%;
	border-collapse: collapse;
}
.sq-a td{
	height: 80px;
	color: #323232;
	font-weight: bold;
	font-size: 1.05rem;
	text-align: center;
	line-height: 26px;
	border: 1px solid #dddddd;
}
.sq-a span{
	color: red;
	font-size: 1.1rem;
	letter-spacing: 1.5px;
}
/*三期必中结束*/
/*平特连肖开始*/
.ptlx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.ptlx div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.ptlx span{
	color: red;
}
/*平特连肖结束*/
/*家野三肖开始*/
.jysx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.jysx div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.jysx span{
	color: red;
}
/*家野三肖结束*/
/*肉菜草肖开始*/
.crcx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.crcx div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.crcx span{
	color: red;
}
.qhx{
	width: 100%;
	height: 36px;
	color: #727272;
	line-height: 36px;
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 0.85rem;
}
.qhx font{
	color: #006d99;
}
/*肉菜草肖结束*/
/*稳定专区开始*/
.wdzq{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.wdzq div{
	width: 100%;
	height: 38px;
	color: #323232;
	line-height: 38px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px dashed #dddddd;
}
.wdzq span{
	color: red;
}
.wdzq a:hover{
	color: #008ecb;
	font-weight: bold;
	text-decoration: underline;
}
.xts{
	width: 99%;
	margin: auto;
	color: #0474a3;
	line-height: 20px;
	letter-spacing: 1.5px;
	text-align: justify;
}
/*稳定专区结束*/
/*原创九肖开始*/
.yqjx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.yqjx div{
	width: 100%;
	height: 36px;
	color: #323232;
	line-height: 36px;
	font-weight: bold;
	font-size: 1.05rem;
	border-bottom: 1px solid #dddddd;
}
.yqjx span{
	color: red;
}
/*原创九肖结束*/
/*精准24码开始*/
.jzsem{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.jzsem .jsm{
	width: 100%;
	height: 100%;
	line-height: 28px;
	font-weight: bold;
	font-size: 1.05rem;
}
.jzsem #ja{
	color: #323232;
	letter-spacing: 2.3px;
}
.jzsem #jb{
	color: red;
}
.jzsem #jc{
	color: red;
	border-bottom: 1px solid #dddddd;
}
/*精准24码结束*/
/*杀头尾肖开始*/
.stwx{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.stwx .jstw{
	width: 100%;
	border-collapse: collapse;
}
.jstw td{
	height: 36px;
	line-height: 36px;
	color: #323232;
	font-weight: bold;
	border: 1px solid #dddddd;
}
.jstw .tw{
	color: #0084b9;
	font-weight: bold;
	font-size: 0.85rem;
	background: #E7F6FC;
	text-shadow: 1px 1px 1px #fff;
}
.jstw span{
	color: red;
	font-size: 1.15rem;
}
.jstw #w-a{
	width: 20%;
}
.jstw #w-b{
	width: 19%;
}
.jstw #w-c{
	width: 19%;
}
.jstw #w-d{
	width: 19%;
}
.jstw #w-e{
	width: 23%;
}
.jstw .js td{
	font-weight: bold;
	font-size: 1.05rem;
}
/*杀头尾肖结束*/
/*杀波行合开始*/
.sbhh{
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 1.3px;
}
.sbhh .jsbh{
	width: 100%;
	border-collapse: collapse;
}
.jsbh td{
	height: 36px;
	line-height: 36px;
	color: #323232;
	font-weight: bold;
	border: 1px solid #dddddd;
}
.jsbh .hh{
	color: #0084b9;
	font-weight: bold;
	font-size: 0.85rem;
	background: #E7F6FC;
	text-shadow: 1px 1px 1px #fff;
}
.jsbh span{
	color: red;
	font-size: 1.15rem;
}
.jsbh #h-a{
	width: 20%;
}
.jsbh #h-b{
	width: 19%;
}
.jsbh #h-c{
	width: 19%;
}
.jsbh #h-d{
	width: 19%;
}
.jsbh #h-e{
	width: 23%;
}
.jsbh .ss td{
	font-weight: bold;
	font-size: 1.05rem;
}
/*杀波行合结束*/
/*彩图专区开始*/
.pictures{
    width: 100%;
    height: 100%;
    margin-top: 2px;
    overflow-y: hidden;
    border: 1px solid #3bb2e4;
    display: flex;
    flex-direction: column;
}
#pictures{
    width: 100%;
    margin-top: 3px;
    text-align: center;
    letter-spacing: 1.3px;
    flex: 1;
}
.pictures ul{
    width: 100%;
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -5px;
}
.pictures ul li{
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    box-sizing: border-box;
    padding: 8px;
    border-radius: 8px;
    margin: 0 5px 5px;
    text-align: center;
    font-size: 0.85rem;
    border: 1px solid #94dae4;
    background:linear-gradient(to top,#e1fbff,#b2f5ff);
}
.pictures #gd{
    color: #fff;
    font-size: 0.85rem;
    border: 1px solid #418e88;
}
.pictures .picmore{
	margin-top: 4px;
    display: none;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
}
.pictures .picmore li{
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    box-sizing: border-box;
    padding: 8px;
    background: #b4e6f5;
    border-radius: 8px;
    margin: 0 5px 5px;
    text-align: center;
    border: 1px solid #94dae4;
    background:linear-gradient(to top,#e1fbff,#b2f5ff);
}
.pictures #gd{
	color: #fff;
	background:linear-gradient(to top,#b2dce8,#69b4ca);
}
.pictures #wx{
	width: 100%;
	height: 33px;
	margin-top: 5px;
	background: #acdbe0;
	line-height: 33px;
	font-size: 0.85rem;
}
/*彩图专区结束*/
/*属性参照开始*/
#Attributes-a{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #42afd8;
}
#Attributes-a #aa{
	padding-left: 3px;
	font-weight: bold;
	color: #f4eeab;
	font-size: 0.75rem;
	letter-spacing: 1.3px;
	text-shadow: 1px 1px 1px #4c4c4c;
}
#Attributes-b{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #eeeeee;
	text-align: center;
	font-size: 0.75rem;
	letter-spacing: 1.3px;
}
#Attributes-c{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
#Attributes-c td{
	height: 60px;
	font-size: 0.70rem;
	border: 1px solid #ececec;
}
#Attributes-c div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 2.5px;
}
#Attributes-c span{
	line-height: 28px;
}
#Attributes-c b{
	color: #0289c1;
}
.Attributes #h{
	color: #fff;
	background: #f75f82;
	border: 1px solid #ededec;
}
.Attributes #n{
	color: #fff;
	background: #27a2f1;
	border: 1px solid #ededec;
}
.Attributes #l{
	color: #fff;
	background: #0abb33;
	border: 1px solid #ededec;
}
#Attributes-e{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
#Attributes-e td{
	height: 40px;
	border: 1px solid #ececec;
}
#Attributes-e #jin-a{
	width: 11%;
	color: #c6bb0b;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-e #jin-b{
	width: 89%;
	text-align: left;
}
#Attributes-e div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 1px;
	text-align: center;
	color: #fff;
	border: 1px solid #ededec;
}
#Attributes-e #mu-a{
	width: 11%;
	color: #08b586;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-e #mu-b{
	width: 89%;
	text-align: left;
}
#Attributes-e #shui-a{
	width: 11%;
	color: #00b6ea;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-e #shui-b{
	width: 89%;
	text-align: left;
}
#Attributes-e #huo-a{
	width: 11%;
	color: #f938fb;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-e #huo-b{
	width: 89%;
	text-align: left;
}
#Attributes-e #tu-a{
	width: 11%;
	color: #e00054;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-e #tu-b{
	width: 89%;
	text-align: left;
}
#Attributes-d{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
#Attributes-d td{
	height: 40px;
	border: 1px solid #ececec;
}
#Attributes-d #ha{
	width: 11%;
	color: #f12756;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 0.85rem;
}
#Attributes-d #haa{
	width: 89%;
	text-align: left;
}
#Attributes-d #haa div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 1px;
	text-align: center;
	color: #fff;
	background: #f75f82;
	border: 1px solid #ededec;
}
#Attributes-d #na{
	width: 11%;
	color: #27a2f1;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 0.85rem;
}
#Attributes-d #naa{
	width: 89%;
	text-align: left;
}
#Attributes-d #naa div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 1px;
	text-align: center;
	color: #fff;
	background: #27a2f1;
	border: 1px solid #ededec;
}
#Attributes-d #la{
	width: 11%;
	color: #0abb33;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 0.85rem;
}
#Attributes-d #laa{
	width: 89%;
	text-align: left;
}
#Attributes-d #laa div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 1px;
	text-align: center;
	color: #fff;
	background: #0abb33;
	border: 1px solid #ededec;
}
#Attributes-f{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
#Attributes-f #hed-a{
	width: 11%;
	color: #049db9;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-f td{
	height: 60px;
	border: 1px solid #ececec;
}
#Attributes-f #hed-b{
	width: 89%;
	text-align: left;
}
#Attributes-f div{
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 20px;
	line-height: 25px;
	margin: 0 1px;
	text-align: center;
	color: #fff;
	border: 1px solid #ededec;
}
#Attributes-f #hes-a{
	width: 11%;
	color: #049db9;
	font-weight: bold;
	font-size: 0.85rem;
}
#Attributes-f #hes-b{
	width: 89%;
	text-align: left;
}
/*属性参照结束*/
.bottom{
	width: 100%;
	margin-top: 2px;
	text-align: center;
	line-height: 25px;
	font-size: 0.7rem;
	letter-spacing: 1.3px;
	text-shadow: 1px 1px 1px #fff;
	background-image: linear-gradient(to bottom right,#96daf7,#3BB2E4);
}