/* CSS Document */
.body {
    width: 100%;
}
li,ul,form,p
{
	padding:0;
	margin:0; 
}
li {
	list-style: none;
}
/* site style */
#uptop a img{
    width:40px;
}
.top_bar .top_menu li a label{
    margin-bottom:auto;    display:block;
}
.clearit{clear:both;height:0px;overflow:hidden;font-size:0px; margin:0; padding:0;}
.wrap{  
    display: table-cell;  
    vertical-align: middle;   
         
}
.btn2 {
	height: 2px;
	font-size: 0px;
	clear: both;
	line-height: 2px;
}
.btn4{
	height:4px;
	font-size:0px;
	clear:both;
	line-height:8px;
}
.btn5 {
	height: 5px;
	font-size: 0px;
	clear: both;
	line-height: 5px;
}
.btn6 {
	height: 6px;
	font-size: 0px;
	clear: both;
	line-height: 6px;
}
.btn8 {
	height: 8px;
	font-size: 0px;
	clear: both;
	line-height: 8px;
}
.btn10 {
	height: 10px;
	font-size: 0px;
	clear: both;
	line-height: 10px;
}
.btn12{
	height:12px;
	font-size:0px;
	clear:both;
	line-height:12px;
}
.btn14{
	height:14px;
	font-size:0px;
	clear:both;
	line-height:14px;
}
.btn15{
	height:15px;
	font-size:0px;
	clear:both;
	line-height:15px;
}
.btn16{
	height:16px;
	font-size:0px;
	clear:both;
	line-height:16px;
}
.btn22{
	height:22px;
	font-size:0px;
	clear:both;
	line-height:22px;
}
.btn36{
	height:36px;
	font-size:0px;
	clear:both;
	line-height:36px;
}
.btn42{
	height:42px;
	font-size:0px;
	clear:both;
	line-height:42px;
}
.btn44{
	height:44px;
	font-size:0px;
	clear:both;
	line-height:42px;
}
.btn40{
	height:40px;
	font-size:0px;
	clear:both;
	line-height:40px;
}
.btn46{
	height:46px;
	font-size:0px;
	clear:both;
	line-height:46px;
}
.btn50{
	height:50px;font-size:0px;clear:both;line-height:50px;
}
.btn62{
	height:62px;font-size:0px;clear:both;line-height:62px;
}
.btn100{
	height:100px;
	font-size:0px;
	clear:both;
	line-height:100px;
}
.btn112{
	height:112px;
	font-size:0px;
	clear:both;
	line-height:112px;
}

.AddPL_btn{border:solid 1px #666666;width:75px;height:32px;line-height:32px;vertical-align:middle;text-align:center;font-size:14px;color:#000000;background-color:#FFFFFF;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-appearance: none; 
}
.fontyh{font: bold 28px "Microsoft YaHei","??";}
.fontsong{ font-family:bold;}

/* 颜色 */
.cred,a.cred:link,a.cred:visited{ color:Red; }
.cblue,a.cblue:link,a.cblue:visited{color:#125D94;}
.cwhite,a.cwhite:link,a.cwhite:visited{color:#FFF;}
.cblack,a.cblack:link,a.cblack:visited{color:#000;}
.cyellow,a.cyellow:link,a.cyellow:visited{ color:#ff6500; }
.cgery,a.cgery:link,a.cgery:visited{ color:#c1bfc0; }
.cgerys,a.cgerys:link,a.cgerys:visited{ color:#606060;}
.ctime,a.ctime:link,a.ctime:visited{ color:#939496; }
.cyellows,a.cyellows:link,a.cyellows:visited{ color:#7a6524; }

/* 加粗 */
.fb {font-weight: bold;} 
.fb3{ font-weight:bolder;} 
.fn {font-weight:normal;}

.vmiddle{ vertical-align:middle;}

/*字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.f20{ font-size:20px;} 
.f24{ font-size:24px;} 
.f32{ font-size:32px;} 


/*空白*/
.blank4{height:4px; font-size:1px; clear:both;overflow:hidden;}
.blank6{height:6px; font-size:1px; clear:both;overflow:hidden;}
.blank8{height:8px; font-size:1px; clear:both;overflow:hidden;}
.blank12{height:12px; font-size:1px; clear:both;overflow:hidden;}
.blank16{height:16px; font-size:1px; clear:both;overflow:hidden;}

/*宽度*/
.w66{
	width:66px;
}
.w10{
	width:10px;
}
.w4{
	width:4px;
}
.w6{
	width:6px;
}
.w7{
	width:6px;
}
.w8{
	width:8px;
}
.w9{
	width:9px;
}
.w12{
	width:12px;
}
.w80{
	width:80px;
}
.w90{
	width:100px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w280{
	width:280px;
}
.h88{
	height:88px;
}

/**/
.noborder{border:none;	} 
.textcen{text-align:center;}
.textleft{text-align:left;}
.textrig{text-align:right;} 
.bgfff{background:#fff;}
.jz{margin:0px auto;}


/*外边距*/
.mar0{margin:0px;}
.mar5{margin:5px;}
.martop5{margin-top:5px;}
.martop7{margin-top:7px;}
.martb5{margin:5px 0px;}
.marlr5{margin:0px 5px;}
.marlf3{margin-left:3px;}
.marlf4{margin-left:4px;}
.marrg5{margin-right:5px;}
.marlf10{margin-left:10px;}
.marlf18{margin-left:18px;}
.marlf20{margin-left:20px;}
/*内边距*/
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad4{padding:4px;}
.pad5{padding:5px;}
.pad7{padding:7px;}
.padtb6{padding:6px 0px 6px 0px;}
.pad6{padding:6px;}
.pad10{padding:10px;}
.padlef5{padding-left:5px;}
.padrig10{padding-right:10px;}

/*显示隐藏*/
.dis {
	display: block;
}
.undis {
	display: none;
}

/*位置背景色*/
.localColor
{
	text-align:left;height:30px;line-height:30px;border:1px solid #d8d8d9;padding-left:2px;
	background-color:#eee;
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));*/
}


.CommentDiv
{
	padding: 0;
	margin: 0;
	font-family:'Microsoft YaHei UI';
	line-height:20px;
	font-size: 14px;
	color: #444444;
}

.ComContent textarea
{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	margin: 6px 0 0px;
	padding: 5px 10px;
	width: 100%; 
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;

}
.textCont:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
 .btn111 {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}          
 
.smallfont {
    font-size:12px;
}
.nfont {
    font-size: 0.6rem;
}
.bigfont {
    font-size:16px;
}
.xbigfont {
    font-size:18px;
}
.sfont {
    font-size:0.5rem;
}
.xsfont {
    font-size:0.4rem;
}
.bfont {
    font-size:0.7rem;
}
.xbfont {
    font-size:0.8rem;
}
.xxbfont {
    font-size:0.9rem;
}
.gray {
    color:gray;
}
.green {
    color:green;
}
.white{
    color:#FFF;
}
.red {
    color:red;
}
.blue {
    color:#2278D7;
}
.orange {
    color:#FF6600;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.center {
    text-align: center;
}
.hand {
    cursor: pointer;
}
.bold{font-weight:bold;}
.other{font-family:arial;}
.nodata{text-align:center;color:gray;line-height: 60px;}
.togray{
    filter: gray !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    border:0 none;
    outline:none;
}

/*begin*/
.PXLX8leftTD {
    width:32%;vertical-align:top;background-color:#F2F2F2;text-align:left; border:0px;margin:0px;padding:0px; 
}
.PXLX8_left_un {
     cursor:pointer;font-size:16px;text-align:center;   color:#9E9292;   overflow:hidden;
     line-height:42px;background-color:#F2F2F2;width:100%;margin:0 auto;font-family:΢Microsoft YaHei; height:42px;
  /*border-bottom:1px solid rgba(0,0,0,.05);*/
}
.PXLX8_left_in {
     cursor:pointer;font-size:16px;text-align:center;color:#000;  overflow:hidden;
    line-height:42px;background-color:#fff;width:100%;margin:0 auto;font-family:΢Microsoft YaHei; height:42px;
    /*border-bottom:1px solid rgba(0,0,0,.05);*/
}
.PXLX8Content {
     width:100%;overflow:hidden;margin:0 auto; font-size:14px;font-family:΢Microsoft YaHei
}
.PXLX8rightTD {
    width:68%;vertical-align:top;background-color:#fff;text-align:left;line-height:24px;border:0px;margin:0px;padding:0px; 
}
.listRightArt {
       line-height:42px;border-bottom:1px solid #F2F2F2;text-align:left;width:100%;overflow:hidden;  height:42px; 
}
.baidu-maps label {
  max-width: none;
}
.button_result
{
    border:none;
    width: 100%;
    border-top:1px solid #FFF;
	padding:5px 25px;
	font-size:18px;
	text-decoration:none;
	color: #FB6C03;  
    font-weight:bold;
	text-align:center;
    background-color:rgba(255,255,255,0.5);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    text-shadow:#FFF 2px 0  1px,#FFF 0 2px  1px,#FFF -2px 0  1px,#FFF 0 -2px 1px;
} 
.button_result5
{
    border:none;
    width: 44%;
    height: 40px;
	font-size:16px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;  
    font-weight:bold;
	text-align:center;
    background:#FB6C03 url(../images/HD/Guess_10.png) 95% 4px no-repeat;
    background-size:25px auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    border-bottom:3px solid #E74802;
    border-left:3px solid #E74802;
}
.button_result6
{
    border:none;
    width: 44%;
    height: 40px;
	font-size:16px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;  
    font-weight:bold;
	text-align:center;
    background:#76BE04 url(../images/HD/Guess_10.png) 95% 4px no-repeat;
    background-size:25px auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    border-bottom:3px solid #578B05;
    border-left:3px solid #578B05;
}
.button_result8
{
    border:none;
	padding:10px 25px;
	font-size:18px;
	text-decoration:none;
	color: #F5A418;  
    font-weight:bold;
	text-align:center;
    background:url(../images/HD/redbagrain_18.png) no-repeat;
    background-size:100% 100%;
    text-shadow:#632217 2px 0  1px,#632217 0 2px  1px,#632217 -2px 0  1px,#632217 0 -2px 1px;
} 
.banner {text-align:center;margin:0 auto}
.banner img{width:100%;display:block;margin:0 auto }
.dialogbg {Z-INDEX:2;position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:0.75;display:none;
}
.dialogbox {Z-INDEX:3;position:fixed;display:none;border-radius: 10px;background:#FFF;
}
.box_swipe{
	overflow:hidden;
	position:relative;
}
.box_swipe>ol{
    position: absolute;
    width: 100%;
	height:20px;
    bottom: -10px;
    left: 0px;
	text-align:center;
	z-index:1;
}
.box_swipe>ol>li{
	display:inline-block;
	margin:5px;
	width:8px;
	height:8px;
	background-color:#FFF;
	border-radius: 50%;
    border:1px solid #444;
}
.box_swipe>ol>li.on{
	background-color:#444;
    border:1px solid #FFF;
}
.swiper-container {
    width: 100%;
}
.swiper-slide {
    position:relative;
}
.swiper-slide img {
    width:100%;display:block;
}
.swiper-pagination-bullet {
	margin:5px;
	width:8px;
	height:8px;
	background-color:#FFF;
	border-radius: 50%;
    border:1px solid #444;
    bottom:2px;
}
.swiper-pagination-bullet-active {
	background-color:#444;
    border:1px solid #FFF;
}
.swiper-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.4rem 0.4rem 0.2rem 0.4rem;
    color: #FFF;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 100% ) !important;
    text-align: left;
    line-height: 130%;
}
.processbox{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
    height: 30px;
    background-color: white;
    color: #8A6426;
    border: 1px solid #8A6426;
}
.process{
    position: absolute;
    height: 100%;
    width: 0;
    background: #8A6426;
    color: white;
    overflow: hidden;
    z-index: 10;
}
.process-text{
    position: absolute;
    left: 100px;
    top: 50%;
    font-size: 14px;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.rotate{
    animation: 5s linear 0s normal none infinite rotate;
    -webkit-animation:5s linear 0s normal none infinite rotate;
}
@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
    from{-ms-transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
}
.music {
    position:absolute;top:0.6rem;right:0.6rem;
    width:1.3rem;height:1.3rem;background:rgba(0,0,0,0.5);
    z-index:2001;padding:0.2rem;border-radius:50%;text-align:center;
}
.music img {
    width:0.9rem;display:block;
}
.lb{
	background-color:rgba(0,0,0,0.5);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:2;
}
.lb .content{
	padding:5px 5px 5px 30px;
	font-size:14px;
	text-decoration:none;
	text-align:left;
    background:url(../images/HD/fqzd_lb.png) 4px 8px no-repeat;
    background-size:20px auto;
    color:#FFF;
}
.bq-blue {
    font-size: 0.5rem;
    background: #78AFFF;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-gray {
    font-size: 0.5rem;
    background: gray;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-orange {
    font-size: 0.5rem;
    background: #ED7042;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-green {
    font-size: 0.5rem;
    background: #9BDE51;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-red {
    font-size: 0.5rem;
    background: red;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-purple {
    font-size: 0.5rem;
    background: #AB32AF;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-yellow {
    font-size: 0.5rem;
    background: #F6BD0F;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.bq-pink {
    font-size: 0.5rem;
    background: #FB81B4;
    border-radius: 0.1rem;
    color: #FFF;
    padding: 1px 3px;
    margin: 2px 5px 2px 2px;
    white-space: nowrap;
}
.inputcheck{ border:1px solid #CCC}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox],
    input[type=radio] {
        --active: #275EFE;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 1px 0 0 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }

        input[type=checkbox]:after,
        input[type=radio]:after {
            content: "";
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        }

        input[type=checkbox]:checked,
        input[type=radio]:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }

        input[type=checkbox]:disabled,
        input[type=radio]:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: 0.9;
        }

            input[type=checkbox]:disabled:checked,
            input[type=radio]:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border);
            }

            input[type=checkbox]:disabled + label,
            input[type=radio]:disabled + label {
                cursor: not-allowed;
            }

        input[type=checkbox]:hover:not(:checked):not(:disabled),
        input[type=radio]:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover);
        }

        input[type=checkbox]:focus,
        input[type=radio]:focus {
            box-shadow: 0 0 0 var(--focus);
        }

    input[type=checkbox],
    input[type=radio] {
        width: 21px;
    }

        input[type=checkbox]:after,
        input[type=radio]:after {
            opacity: var(--o, 0);
        }

        input[type=checkbox]:checked,
        input[type=radio]:checked {
            --o: 1;
        }

        input[type=checkbox] + label,
        input[type=radio] + label {
            font-weight: normal;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px;
        }

    input[type=checkbox] {
        border-radius: 7px;
    }

        input[type=checkbox]:after {
            width: 5px;
            height: 9px;
            border: 2px solid var(--active-inner);
            border-top: 0;
            border-left: 0;
            left: 7px;
            top: 4px;
            transform: rotate(var(--r, 20deg));
        }

        input[type=checkbox]:checked {
            --r: 43deg;
        }

    input[type=radio] {
        border-radius: 50%;
    }

        input[type=radio]:after {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: var(--active-inner);
            opacity: 0;
            transform: scale(var(--s, 0.7));
        }

        input[type=radio]:checked {
            --s: .5;
        }
}