body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;}
body{line-height: 24px; 
	font-family:SimSun, SimSun,-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
     background: #fff;color:#333;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input{
    display: inline-block;
    vertical-align: middle!important;
    margin-bottom: 2px!important;
}
hr{height: 1px; margin: 10px 0; border: 0; background-color: hsl(var(--my_color_d), var(--my_color_e25), 89%); clear: both;}
::-webkit-input-placeholder {color: #aaa;font-size: 11px;line-height:18px;}
::-moz-input-placeholder {color: #aaa;font-size: 11px;line-height:18px;}
:-ms-input-placeholder {color: #aaa;font-size: 11px;line-height:18px;}
:-o-input-placeholder {color: #aaa;font-size: 11px;line-height:18px;}

body::-webkit-scrollbar {width:4px;margin-right:-2px;opacity:0;}
body::-webkit-scrollbar-track {background: hsl(var(--my_color_d), var(--my_color_e75), 90%);}
body::-webkit-scrollbar-thumb {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
body::-webkit-scrollbar-thumb:hover {background-color:hsl(var(--my_color_d), var(--my_color_e75), 80%);background-clip:padding-box;min-height:28px;border-radius: 10px;}

.xieti{	font-style: italic!important;}
textarea {-webkit-appearance: textfield;
    background-color: hsl(var(--my_color_d), var(--my_color_e), 98%)!important;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
select {
    border-color: #999 !important;;
}
input {
    border-color: #eee !important;;
}
input[type=checkbox],input[type=radio] {
  vertical-align: sub;
  overflow: visible;
  visibility: hidden;
  color: hsl(var(--my_color_d), var(--my_color_e), 55%);
  &:after {
		content: '';
		display: inline-block;
		width: 13px;
		height: 13px;
		border-radius: 50%;
		border: 1px solid hsl(var(--my_color_d), var(--my_color_e90), 45%);
		background: hsl(var(--my_color_d), var(--my_color_e90), 95%);
		visibility: visible;
		font-size:16px;
		text-align: center;
		cursor:pointer;
  }
  &:hover:after{ width:14px;height:14px; }
  &:checked::after{
	width:4px;height:4px;border:6px solid hsl(var(--my_color_d), var(--my_color_e90), 45%);
  }
}
button {border: none;}
table{border-collapse:collapse;}
th{line-height:30px;border-bottom: 1px solid #ddd;font-weight:normal;}
td{line-height:30px;border-bottom: 1px solid #ddd;}
table,tr{border-bottom: 1px solid #ddd;padding:10px;}
.table {
  border: 0px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  width:100%;
}
.table > tbody > tr > td {
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.table > thead > tr > th {
  background: rgba(111,111,111, 0.1);
}
.table > thead > tr {
  border-bottom: 2px solid #ddd;
}
/* .table-responsive{overflow-x:scroll;box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;
-moz-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-ms-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-o-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset; padding:15px;}
.table-hover{margin-right:20px;} */
.tablee{table-layout:fixed;}

img[alt="look_big"] { cursor: pointer; }
.img-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 99999;}
.img-modal img { width: 100%; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.img-close-button { position: absolute; top: 20px; right: 20px; font-size: 30px; color: white; cursor: pointer; background: none; border: none; padding: 0; }
.img-close-button:hover { color: #ccc; }
.img-nav-button { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; color: white; cursor: pointer; background: none; border: none; padding: 10px; z-index: 1001; }
.img-nav-button:hover { color: #ccc; }
.img-nav-button.left { left: 20px; }
.img-nav-button.right { right: 20px; }

/*滚动条凹槽的颜色，还可以设置边框属性 */
::-webkit-scrollbar-track-piece {
	background-color:hsl(var(--my_color_d), var(--my_color_e25), 95%);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/*滚动条的宽度*/
::-webkit-scrollbar {
	width:0px;height:3px;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
	background-color:#ddd;
	background-clip:padding-box;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/*滚动条鼠标移上去*/
::-webkit-scrollbar-thumb:hover {
	background-color:#bbb;
}
.fixed_zhong{left:50%;top:50%;width:580px;height:400px; transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);position:fixed!important;z-index:999999;}
/*亮边按钮*/
.button_xuanzhuan{width:135px;height:25px;background: linear-gradient(to left top, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f55)) 50%, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 50%);
border-style: none;color:#fff;font-size: 12px;letter-spacing: 3px;
font-family:SimSun, 'Lato';font-weight: 600;outline: none;cursor: pointer;position: relative;padding: 0px;overflow: hidden;transition: all .5s;box-shadow: 0px 1px 2px rgba(0,0,0,.2);text-align:center;}
.button_xuanzhuan span{position: absolute;display: block;}
.button_xuanzhuan span:nth-child(1){height: 3px;width:135px;top:0px;left:-135px;background: linear-gradient(to right, rgba(0,0,0,0), hsl(var(--my_color_d), var(--my_color_e75), 76%));
border-top-right-radius: 1px;border-bottom-right-radius: 1px;animation: span1 2s linear infinite;animation-delay: 1s;}
@keyframes span1{0%{left:-135px}100%{left:135px;}}
.button_xuanzhuan span:nth-child(2){height: 25px;width: 3px;top:-25px;right:0px;background: linear-gradient(to bottom, rgba(0,0,0,0), hsl(var(--my_color_d), var(--my_color_e75), 76%));
border-bottom-left-radius: 1px;border-bottom-right-radius: 1px;animation: span2 2s linear infinite;animation-delay: 2s;}
@keyframes span2{0%{top:-25px;}100%{top:25px;}}
.button_xuanzhuan span:nth-child(3){height:3px;width:135px;right:-135px;bottom: 0px;background: linear-gradient(to left, rgba(0,0,0,0), hsl(var(--my_color_d), var(--my_color_e75), 76%));
border-top-left-radius: 1px;border-bottom-left-radius: 1px;animation: span3 2s linear infinite;animation-delay: 3s;}
@keyframes span3{0%{right:-135px;}100%{right: 135px;}}
.button_xuanzhuan span:nth-child(4){height:25px;width:3px;bottom:-25px;left:0px;background: linear-gradient(to top, rgba(0,0,0,0), hsl(var(--my_color_d), var(--my_color_e75), 76%));
border-top-right-radius: 1px;border-top-left-radius: 1px;animation: span4 2s linear infinite;animation-delay: 4s;}
@keyframes span4{0%{bottom: -25px;}100%{bottom:25px;}}
.button_xuanzhuan:hover{transition: all .5s;transform: rotate(-3deg) scale(1.1);box-shadow: 0px 3px 5px rgba(0,0,0,.4);}
.button_xuanzhuan:hover span{animation-play-state: paused;}

iframe::-webkit-scrollbar { width:3px;margin-right:-2px;opacity:0;}
iframe::-webkit-scrollbar-thumb {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
iframe:hover::-webkit-scrollbar-thumb {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}

.gundongtiao1::-webkit-scrollbar {width:3px;margin-right:-2px;opacity:0;}
.gundongtiao1::-webkit-scrollbar-track {background: hsl(var(--my_color_d), var(--my_color_e75), 90%);}
.gundongtiao1::-webkit-scrollbar-thumb {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
.gundongtiao1::-webkit-scrollbar-thumb:hover {background-color:hsl(var(--my_color_d), var(--my_color_e75), 80%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
.gundongtiao1.tou_ming::-webkit-scrollbar-track {background-color:transparent;}
.gundongtiao1.tou_ming::-webkit-scrollbar-thumb {background-color:transparent;}
.gundongtiao1.tou_ming::-webkit-scrollbar-thumb:hover {background-color:transparent;}

.gundongtiao_xia::-webkit-scrollbar { width:6px;margin-right:-2px;opacity:0;}
.gundongtiao_xia::-webkit-scrollbar-thumb {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
.gundongtiao_xia::-webkit-scrollbar-thumb:hover {background-color:hsl(var(--my_color_d), var(--my_color_e75), 60%);background-clip:padding-box;min-height:28px;border-radius: 10px;}
.gundongtiao_xia.tou_ming::-webkit-scrollbar-thumb {background-color:transparent;}
.gundongtiao_xia.tou_ming::-webkit-scrollbar-thumb:hover {background-color:transparent;}

.tanchuang_hei{position:fixed;background-color:hsla(var(--my_color_d), var(--my_color_e75), 80%,0.6);backdrop-filter: blur(6px);z-index:1;left:0px;top:0px;bottom:0px;right:0px;width:100%;height:100%;}
.tanchuang_liang{position:fixed;z-index:999999;top:0;left:0;width:100%;min-height:50%;bottom:0;border-radius:0px;background:#fff;}

/*隐藏标题栏部分*/
.xianshi {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
	position: relative;
display: inline-block;
}
.yincang {
display: none;
position: absolute;
background-color: hsl(var(--my_color_d), var(--my_color_e25), 98%);
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
}
.xianshi:hover .yincang {
display: block;
}
.yincang2 {
display:none;
z-index:-5;
filter:alpha(opacity=0);
position: fixed;
}
.xianshi2 {
display:block;
filter:alpha(opacity=100);
z-index:99;
bottom:11%;
width:80%;
overflow:hidden;
position: fixed;
background-color: hsl(var(--my_color_d), var(--my_color_e25), 98%);
min-width: 160px;
box-shadow: 0px 8px 116px 0px rgba(0,0,0,0.5);
padding: 2px 16px;
}
.xianshi22 {
display:block;
filter:alpha(opacity=100);
z-index:99;
width:80%;
overflow:hidden;
position: fixed;
background-color: hsl(var(--my_color_d), var(--my_color_e25), 98%);
min-width: 160px;
box-shadow: 0px 8px 116px 0px rgba(0,0,0,0.5);
padding: 2px 16px;
}
.yincang3 {
opacity: 0;
z-index:-5;
filter:alpha(opacity=0);
position: fixed;
}
.xianshi3 {
opacity: 1;
filter:alpha(opacity=100);
z-index:99;
left:13%;
width:70%;
height:60%;
overflow:hidden;
position: fixed;
background-color: hsl(var(--my_color_d), var(--my_color_e25), 98%);
min-width: 160px;
box-shadow: 0px 8px 116px 0px rgba(0,0,0,0.5);
padding: 12px 16px;
}
/*隐藏标题栏部分*/


.cur{cursor:pointer;}
.cur_default{cursor:default!important;}
.xianshi{display: block;}
.guanbi{display: none;}
.tac1{display: table-cell!important;vertical-align: middle;text-align: center;}
.tac2{display: flex!important;justify-content:center;align-items:Center;}
.tac3{position: absolute!important;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);text-align: center;}
.tac_x{position: absolute!important;left:50%;transform:translateX(-50%);text-align: center;-ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%); }
.tac4{width: 50%; height: 50%; background: #000;overflow: auto;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; }
.tac5{margin:0 auto;}
.tac6{display: -webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient: vertical;text-align: center}

.biao_changfangxing{position: relative;margin-bottom:16px;font-size:13px;letter-spacing:2px;padding:5px 18px 5px 18px;color:#fff;line-height:26px;text-shadow:1px 1px 1px rgba(0, 0, 0, .3);background:hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));}

.biao_tixing{position: relative;margin-bottom:16px;font-size:13px;letter-spacing:1px;padding-left:12px;color:#fff;line-height:28px;text-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
.biao_tixing::before{content:attr(data-before);padding:0 8px 0 10px;position: absolute;height:0;border-bottom:28px solid hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));border-right:40px solid transparent;z-index:1;left:0px;}
.biao_tixing::after{content: "";position: absolute;border-top:3px solid hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));height:1px;border-bottom:1px solid hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));width:100%;left:0px;top:29px;}

.biao_kuang{border:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));padding:2px 3px;color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)); border-radius:50px;line-height:22px;}

.biao_zhixian{position: relative;margin-bottom:16px;font-size:13px;font-weight:bolder;font-family:"Microsoft YaHei"!important;letter-spacing:2px;padding-left:2px;line-height:28px;text-shadow: rgba(255, 255, 255, .5) 0 1px 0!important;}
.biao_zhixian::after{content: "";position: absolute;border-top:1px solid hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));height:1px;border-bottom:3px solid hsl(var(--my_color_d),var(--my_color_e80),var(--my_color_f50));width:100%;left:0px;top:28px;}

.biao_shou{position: relative;float:right;font-size:16px;font-weight: normal!important;margin-right:15px;font-style: normal;} .biao_shou::before{content:"︽";position: absolute;z-index:1;margin-top:-2px;}
.biao_zhankai{position: relative;float:right;font-size:16px;font-weight: normal!important;margin-right:15px;font-style: normal;} .biao_zhankai::before{content:"︾";position: absolute;z-index:1;margin-top:1px;}

.element {
  position: relative; /* 宿主元素需要设置相对定位，以便伪元素可以相对于它进行定位 */
  z-index: 1; /* 设置宿主元素的堆叠顺序 */
  background-color: #fff; /* 宿主元素的背景色，仅用于示例 */
  width:20px;height:20px;
}

.element::before {
  content: ""; /* 伪元素的内容 */
  position: absolute; /* 伪元素需要绝对定位 */
  top: 0; /* 伪元素顶部与宿主元素顶部对齐 */
  left: 0; /* 伪元素左边与宿主元素左边对齐 */
  width: 100%; /* 伪元素宽度与宿主元素相同 */
  height: 100%; /* 伪元素高度与宿主元素相同 */
  background-color: #ff4e00; /* 伪元素的背景色，仅用于示例 */
  z-index: -1; /* 设置伪元素的堆叠顺序为宿主元素之下 */
}

.biao_neirong{position: relative;padding:15px 0px!important;background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f96));border-radius:50%!important;font-size:15px;font-weight:bolder;text-align:center; letter-spacing:2px;line-height:16px;margin:0 10px 10px -4px;z-index:1;float:left;width:48px;height:48px;
	-moz-box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	-o-box-sizing: border-box!important;
	-ms-box-sizing: border-box!important;
	box-sizing: border-box!important;	
	display: 				inline-block;
	color: 				hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;
	background: 		hsl(var(--my_color_d), 100%, 96%) !important;
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
}
.biao_neirong_cha{position: absolute;height:40px;margin:0 0 0 15px;border-right:45px solid hsl(var(--my_color_d), 100%, 80%);border-bottom:20px solid transparent;}
.biao_neirong_cha::after{content: "";position: absolute;height:38px; margin:1px 0 0 0;border-right:45px solid hsl(var(--my_color_d), 100%, 96%);border-bottom:20px solid transparent;}

.yuan1 {width:60px;height:60px;position: relative;z-index: -1;overflow: hidden;border-radius:50%;background:#fff;}
.yuan1.glossy:after, .yuan1.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		92%;
    height: 	85%;
    top: 		0;
    left: 		4%;    
    
    -webkit-border-radius: 	50%;   
    -moz-border-radius: 	50%;
    border-radius: 			50%;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.yuan1.glossy:active:after,
.yuan1.glass:active:after,
.yuan1.disabled:after,
.yuan1[disabled]:after
 { opacity: .6; }

.yuan1.icon.glossy:after,
.yuan1.icon.glass:after { height: 75% ; }

.xing1 {width: 100%;height:105px;position: relative;z-index: -1;overflow: hidden;background: hsl(var(--my_color_d), 99%,45%);border-radius:  0 0 50% 50%;}
.xing1.glossy:after, .xing1.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		92%;
    height: 	85%;
    top: 		0;
    left: 		4%;    
    
    -webkit-border-radius: 	0 0 50% 50% / 0 0 50% 50%;   
    -moz-border-radius: 	0 0 50% 50% / 0 0 50% 50%;
    border-radius: 			0 0 50% 50% / 0 0 50% 50%;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.xing1.glossy:active:after,
.xing1.glass:active:after,
.xing1.disabled:after,
.xing1[disabled]:after
 { opacity: .6; }

.xing1.icon.glossy:after,
.xing1.icon.glass:after { height: 75% ; }
.xing11 {width: 100%;height:100px;position: relative;z-index: -1;overflow: hidden;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));}
.yuan2 {width:40px;height:40px;position: relative;z-index: -1;overflow: hidden;border-radius:50%;background: #fff;}
.xing2{width: 100%;height:100px;position: relative;z-index: -1;overflow: hidden;border-radius:50%;
			background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));}
.xing2::before {background: #fff;content: '';width: 80%;height: 80px;position: absolute;right:0%;top:10px;z-index: -1;border-radius:50%;}

.xing3{width: 100%;height:100px;position: relative;z-index: -1;overflow: hidden;border-radius:0%;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
/* box-shadow:0 0px 22px 1px rgba(0,0,0,.2) inset; */}
.xing3::before {background: #fff;content: '';width: 130%;height:200px;position: absolute;left:-15%;bottom:20px;z-index: -1;border-radius:50%;}

.xing5{width: 100%;height:300px;position: relative;z-index: -1;overflow: hidden;border-radius:0%;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
/* box-shadow:0 0px 22px 1px rgba(0,0,0,.2) inset; */}
.xing5::before {background: #fff;content: '';width: 130%;height:400px;position: absolute;left:-15%;bottom:220px;z-index: -1;border-radius:50%;}

.xing6{background:hsl(var(--my_color_d), var(--my_color_e25), 98%);border-bottom:3px solid #ddd;box-shadow:  0px 0px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 5px 5px #bbb;}

.xing8{background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));width:100%;height:210px;position: relative;z-index:-2;overflow: hidden;border-radius:10px;left:0%;
					background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
					background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));}
.xing8::before {background: #fff;content: '';width:96%;height:170px;position: absolute;right:2%;bottom:5px;z-index: -1;border-radius:10px;box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;}

.xing9{background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));width:86%;height:36px;position: relative;z-index:-2;overflow: hidden;border-radius:30%;left:7%;}

.xing12{background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));width:100%;height:210px;position: relative;z-index:-2;overflow: hidden;border-radius:10px;left:0%;
					background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
					background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));}
.xing12::before {background: #fff;content: '';width:96%;height:170px;position: absolute;right:2%;bottom:5px;z-index: -1;border-radius:10px;box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;}

.yuan11 {width:60px;height:60px;position: relative;overflow: hidden;border-radius:50%;background: #fff;}
.xing11 {width: 100%;height:630px;position: relative;z-index: -2;overflow: hidden;}
.xing11::after {background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
					background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
					background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					content: '';width: 140%;height:630px;position: absolute;left: -20%;top: 0;z-index: -2;border-radius:  0 0 50% 50%;
}
.triangle_left {height: 0;width: 80px;border-top: 30px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65));border-right: 30px solid transparent;}
.triangle_sanjiao {height: 0;width: 0px;border-top: 60px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));border-right: 60px solid transparent;border-left: 60px solid transparent;}
.triangle_zhong {height: 0;width: 50px;border-bottom: 50px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));border-right: 30px solid transparent;border-left: 30px solid transparent;}
.triangle_zhong_blue_xiao {height: 0;width: 38px;border-bottom: 30px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));border-right: 20px solid transparent;border-left: 20px solid transparent;}
.triangle_zhong_blue {height: 0;width: 50px;border-bottom: 50px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));border-right: 30px solid transparent;border-left: 30px solid transparent;}
.triangle_zhong_pink {height: 0;width: 50px;border-bottom: 50px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30));border-right: 30px solid transparent;border-left: 30px solid transparent;}
.triangle_zhong_orange {height: 0;width: 50px;border-bottom: 50px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));border-right: 30px solid transparent;border-left: 30px solid transparent;}
.triangle_right {height: 0;width: 80px;border-bottom: 45px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65));border-left: 45px solid transparent;}
.yincang{display: none}
.html5plus .html5plus-cx {display: block;}
.html5plus .html5plus-hide {display: none}
.pd19 {padding:11px 0px 6px 0px;}
.html5plus .html5plus-pd19 {padding:19px 0px 6px 0px!important;}
.table-responsive::-webkit-scrollbar {
width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
height:5px;
}
.table-responsive::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #ddd;
}
.table-responsive::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.xiao_tu_pian img{max-width:30px;max-height:30px;border-radius:5px;}
.clear{clear:both;}
.hidden{display: none;}
a{color: #000; text-decoration:none; }
.axhx{text-decoration:underline;}
.honga{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
a:hover{color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
h1 {
	font-size: 30px!important;
	color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	font-family:  'Microsoft Yahei', serif!important;
	font-weight: 700;
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:3px;
}
h2 {
	color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	font-family: 'Microsoft Yahei', serif!important;
	font-size:18px!important; 
	font-weight: bolder; 
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:3px;
}
h3 {
	font-size:12px!important;
	color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;
	font-family: 'Microsoft Yahei', serif!important;
	font-weight: 300;
	/* text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%); */
	letter-spacing:1px;
}
h4 {
	font-size:12px!important;
	color: #000!important;
	font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
	font-weight: 700!important;
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:1px;
}
.h414 {
	font-size:12px!important;
	font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
	font-weight: 300;

	letter-spacing:1px;
}
h5 {
	font-size: 20px!important;
	color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	font-family: 'Microsoft Yahei', serif!important;
	font-weight: 700;
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:3px;
}
h6 {
	font-size:12px!important;
	color: #000;
	font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
	font-weight: 700;
}
h7 {
	font-size:12px!important;
	color: #000;
	font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
	font-weight: 700;
}
h1 span, h5 {
	font-size:12px;
	display: block;
	font-style: italic;
	color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
	font-weight: 400;
	text-shadow: 0px 1px 1px #fff;
}

.shiming_td_fee1{width:0px;margin-bottom:20px;}
.shiming_td_fee2{width:0px;line-height:160px!important;}
.shiming_td_fee3{width:0px;line-height:160px!important;}


.dropdown5 {
position: relative;
display: inline-block;
z-index: 1;
}
.dropdown5-content {display: none;
 position: fixed;
 font-size:12px;
 color:#333;
 font-weight:700;
 top: 0px;
 left: 0;
 border: 0px solid hsl(var(--my_color_d), var(--my_color_e25), 87%);
 border-radius:10px;
 line-height:45px;
 background: #fff;
 letter-spacing:2px;
 width: 215px;
 padding:8px 20px 25px 30px;
/*  box-shadow:0 0px 12px 1px rgba(0,0,0,.3) ; */
}
.dropdown5:hover .dropdown5-content,
.dropdown5:active .dropdown5-content {
display: block;
}

.dropdown6 {
position: relative;
display: inline-block;
z-index: 1;
}
.dropdown6-content {display: none;
 position: fixed;
 top: 0px;
 left: 0;
}
.dropdown6:hover .dropdown6-content,
.dropdown6:active .dropdown6-content {
display: block;
}

.center{width:500px; margin: 0 auto;}
.tcenter{text-align:center;}
.bora{border-radius:25px;}
.clear{clear:both;}
.hidden{display: none;}
.fonts{text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);}
.touming{opacity:0;filter:alpha(opacity=0);}

.cred{color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	  color: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
	  color: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
	  color: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
	  color: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
	  color: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));}
.cwhite{color: hsl(var(--my_color_d), var(--my_color_e25), 89%);
		color: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
		color: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
		color: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
		color: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
		color: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));}

.refresh-icon {
	width: 16px;height: 16px;border: 2px solid #eee;border-radius: 50%;border-right-color: transparent;position: absolute; animation: rotate 1s linear infinite;
}
.refresh-icon::before {content: "";position: absolute;top: -4px;right: 1px;width: 4px;height: 4px;border: 2px solid transparent;border-top-color: #eee;
	border-right-color: #eee;transform: rotate(85deg);
}
@keyframes rotate {  from { transform: rotate(0deg); } to { transform: rotate(360deg); }  }

.renzheng {display:inline-block !important;
			height:16px;
			width:16px;
			cursor:pointer;
			margin-top:-5px;
			box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);
			border-radius:25px;
			
					  letter-spacing:1px;
			}
.renzheng:hover{display: inline-block;
              text-align: center;
			  background: hsl(var(--my_color_d), var(--my_color_e25), 96%);
              border-radius:25px;
			  color:#666;
			  cursor:pointer;
			  box-shadow:0px 0px 15px 2px rgba(0,0,0,.3) inset;}
			  
.renzheng1 {display:inline-block !important;
			box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);
			border-radius:10px;
			margin-right:5px;
			cursor:pointer;
			text-shadow: 1px 1px 2px rgba(0,0,0,.6);
			text-shadow: 1px 1px 2px rgba(0,0,0,.6);
					  letter-spacing:1px;
			}
.renzheng1:hover{display: inline-block;
              text-align: center;
			  background: hsl(var(--my_color_d), var(--my_color_e25), 96%);
              border-radius:10px;
			  color:#666;
			  cursor:pointer;
			  box-shadow:0px 0px 11px 2px rgba(0,0,0,.3) inset;}
			  
.renzheng2 {display:inline-block !important;
			box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);
			border-radius:25px;
			margin:0 10px;
			cursor:pointer;
			letter-spacing:1px;
			}
.renzheng2:hover{display: inline-block;
              text-align: center;
			  background: hsl(var(--my_color_d), var(--my_color_e25), 96%);
              border-radius:25px;
			  color:#666;
			  cursor:pointer;
			  box-shadow:0px 0px 11px 2px rgba(0,0,0,.3) inset;}
			  
.renzheng22 {display:inline-block !important;
			box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);
			border-radius:25px;
			margin:0 10px;
			cursor:pointer;
			letter-spacing:1px;
			}
.renzheng22:hover{display: inline-block;
              text-align: center;
			  background: hsl(var(--my_color_d), var(--my_color_e25), 96%);
              border-radius:25px;
			  color:#666;
			  cursor:pointer;
			  box-shadow:0px 0px 11px 2px rgba(0,0,0,.3) inset;}

.anniu1{display: inline-block!important;color:#fff!important; text-align: center!important; padding:3px 8px!important;margin:0 5px;font-size:11px!important;border:0px;
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;
           			  background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))))!important;
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
					  cursor:pointer!important;
                      border-radius:30px!important;
					  text-shadow: 1px 1px 1px rgba(0,0,0,.5)!important;
					  letter-spacing:2px!important;
					  box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;!important}
.anniu1:active {box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f15)), 0px 5px 3px #999;}


.anniu2{display: inline-block;color:#000; text-align: center;  border-radius:30px; 
        box-shadow:1px 1px 1px 1px rgba(0,0,0,.6);cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  }
.anniu2:hover{display: inline-block;color:#fff; background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
              border-radius:30px;
			  cursor:pointer;
			  box-shadow:0px 0px 8px 2px rgba(0,0,0,.3) inset;}
.anniu3{display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
					  letter-spacing:1px;
					  }
.anniu3333{display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  letter-spacing:1px;
					  }

.anniu32{display: inline-block;color:#000; text-align: center;border-radius:0px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));letter-spacing:1px;padding:2px 8px 0!important;line-height:18px;color:#fff;font-size:11px;}
.anniu33{display: inline-block;color:#fff; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));letter-spacing:1px;}

.shoucang:hover{
	display: inline-block;color:#000; text-align: center;  padding:5px 8px 2px 8px;
	border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%)); 
}
.anniu31{display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  letter-spacing:1px;
					  }
.anniu31:hover{display: inline-block;color:#fff; background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
              border-radius:30px;
			  cursor:pointer;
			  box-shadow:0px 0px 8px 2px rgba(0,0,0,.3);}
.anniu33{display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  
					  letter-spacing:1px;
					  }
			  
.anniu4{display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  }
.anniu5{display: inline-block;color:#fff; text-align: center; 
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  text-shadow: 1px 1px 2px rgba(0,0,0,.6);
					  letter-spacing:1px;
					  cursor:pointer;
                      border-radius:30px;
					  box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;}
.anniu5:active {top:3px;background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20)) 100%, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35)) 0%);
box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f15)), 0px 5px 3px #999;color:#fff;}
.anniu55{display: inline-block;color:#fff; text-align: center; 
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  text-shadow: 1px 1px 2px rgba(0,0,0,.6);
					  letter-spacing:1px;
					  cursor:pointer;
                      border-radius:30px;}
.anniu55:active {top:3px;background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20)) 100%, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35)) 0%);
box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f15)), 0px 5px 3px #999;color:#fff;}
.anniu6 {display: inline-block;color:#fff; text-align: center; 
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  font-weight:bold;
					  cursor:pointer;
                      border-radius:30px;
					  letter-spacing:1px;
}
.anniu6:active {display: inline-block;color:#fff; text-align: center; 
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  font-weight:bold;
					  cursor:pointer;
                      border-radius:30px;
					  letter-spacing:1px;
}

/*缓慢展开*/
.bac_chang {
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f15));
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
	position:relative;
	padding: 0.25em 1em 0.25em 1em;
	line-height: 22px;
	border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
	border-width: 1px 0;
	font-size:12px;
	font-weight: normal;
	border:1px solid hsl(var(--my_color_d), var(--my_color_e95), 92%);
	background: hsl(var(--my_color_d), var(--my_color_e95), 92%);
	text-shadow: 		rgba(255, 255, 255, .5) 0 1px 0;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	box-shadow: 		inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
}
.xia{display:block;}
.shang{display:none}
.helper .nav-list .nav-list-title:hover .shang{display:block;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.helper .nav-list .nav-list-title:hover .xia{display:none}
.helper .nav-list .nav-list-title {
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	position:relative;
	cursor: pointer;
	padding-left: 1em;
	line-height: 30px;
	border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
	border-width: 1px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:12px;
	font-weight: normal;
	margin: 10px 0px 10px -10px;
	border:1px solid hsl(var(--my_color_d), var(--my_color_e95), 90%);
	background: hsl(var(--my_color_d), var(--my_color_e95), 90%);
	text-shadow: 		rgba(255, 255, 255, .5) 0 1px 0;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	box-shadow: 		inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
}
.helper .nav-list .nav-list-body {
  display: none;
}
.helper .nav-list .nav-list-body a {
  display: block;
  padding-left: 10px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.helper .nav-list .nav-list-body a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
  text-decoration: none;
  border-color: hsl(var(--my_color_d), var(--my_color_e25), 95%);
}
.helper .nav-list .nav-list-body a.selected,
.helper .nav-list .nav-list-body a.selected:hover,
.helper .nav-list .nav-list-body a.selected:visited {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
}
.helper .nav-list .nav-list-body .badge {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
/*缓慢展开*/



a:hover{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
aceshi:hover{color: #000;
        font-size:13px;
		-webkit-transition: font-size 0.2s ease-in;
		-moz-transition: font-size 0.2s ease-in;
		-o-transition: font-size 0.2s ease-in;
		transition: font-size 0.2s ease-in;
		}

.red{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}



.biaoti11{
	margin-left:30px;
	font-size:12px;
	font-family: SimSun,'Microsoft Yahei', serif;
	font-weight: 700; 
	color:#000; 
	letter-spacing:1px;
	text-align:left;
	border-radius:20px;
	line-height:35px;
	text-indent:-24px;
}
.biaoti1{
	font-size:14px;
	font-family: 'Microsoft Yahei', serif;
	font-weight: 700; 
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	letter-spacing:3px;
	margin:10px auto;
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	padding:0px 2px 11px 15px;
	line-height:40px;
	height:30px;
	width:105px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.xhx{text-decoration:underline!important;}
.scx{text-decoration:line-through!important;margin:0 5px 0 5px;}
/*说明1*/
.soukk{margin:10px 10px 25px 10px;padding:10px 10px 25px 10px;}
.soutt{font-size:12px;font-family:'Microsoft YaHei','Open Sans', sans-serif;font-weight:700;padding:5px;letter-spacing:2px;margin:-10px 0px 0px 10px;
width:80%;text-align:left;}
.sourr{font-size:12px;font-family:'SimSun','Open Sans', sans-serif;font-weight:normal;padding:18px;box-shadow:0 0px 12px 1px rgba(0,0,0,.2);border-radius:10px;
width:70%;height:110px;overflow: auto;color:#999;line-height:20px;margin:0px 0px 20px 0px;}
.souss{float:left;font-size:12px;font-family:'SimSun','Open Sans', sans-serif;box-shadow:0 0px 12px 1px rgba(0,0,0,.2);padding:5px;
border-radius:30px;margin:0px 0px 5px 40px;width:70%;cursor:pointer;
background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
box-shadow:0 0 12px 1px rgba(0,0,0,.2);
}
.soux{float:left;font-size:12px;font-family:'SimSun','Open Sans', sans-serif;font-weight:normal;padding:8px;}

/*精美边框3*/
.box12{
    margin: 40px auto;
    width: 92%;
    min-height: 310px;
    padding: 5px 5px 35px 5px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(hsl(var(--my_color_d), var(--my_color_e25), 95%)), to(#fff), color-stop(.1,hsl(var(--my_color_d), var(--my_color_e25), 95%)));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
}
.box12:before{
    content:'';    
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:2px; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg) skew(-40deg,-3deg) translate(-13px,-13px);
}
.box12:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg) translate(-45px,-20px) skew(20deg);
}
.fold_box12{
    z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg) translate(40px,-20px) skew(-20deg);
}
.fold2_box12{
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:2px; left:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg) skew(-3deg,-40deg) translate(-13px,-15px);
}
.box12_ribbon{
    content: '';
	font-size:14px;
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	font-weight:700;
    position:absolute;
    top:-32px; 
	left: 31%;
	z-index:11;
	padding:0px 13px 0px 14px;
	line-height:40px;
	height:40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.box12 img {
    width: 100%;
    margin-top: 15px;
}

.wrap22{
    margin: 0px auto;
    display: block;
    width: 86%;
    padding:20px;
    -webkit-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  inset 0 1px 0 #ccc,  inset 1px 0 0 #aaa,  inset 0 -1px 0 #ccc,  inset -1px 0 0 #aaa,  inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset 4px 0 0 #999,  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset -4px 0 0 #999,  inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 10px 0 #888,  inset 10px 0 0 #666,  inset 0 -10px 0 #888,  inset -10px 0 0 #666,  inset 0 0 10px 10px hsla(0,0%,0%,.5),  inset 0 0 50px hsla(0,0%,0%,.5);
       -moz-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  inset 0 1px 0 #ccc,  inset 1px 0 0 #aaa,  inset 0 -1px 0 #ccc,  inset -1px 0 0 #aaa,  inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset 4px 0 0 #999,  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset -4px 0 0 #999,  inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 10px 0 #888,  inset 10px 0 0 #666,  inset 0 -10px 0 #888,  inset -10px 0 0 #666,  inset 0 0 10px 10px hsla(0,0%,0%,.5),  inset 0 0 50px hsla(0,0%,0%,.5);
            box-shadow:0 2px 5px hsla(0,0%,0%,.4),  inset 0 1px 0 #ccc,  inset 1px 0 0 #aaa,  inset 0 -1px 0 #ccc,  inset -1px 0 0 #aaa,  inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e25), 78%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e25), 75%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset 4px 0 0 #999,  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e25), 73%),  inset -4px 0 0 #999,  inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e25), 71%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55)),  inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)),  inset 0 10px 0 #888,  inset 10px 0 0 #666,  inset 0 -10px 0 #888,  inset -10px 0 0 #666,  
			inset 0 0 10px 10px hsla(0,0%,0%,.5),  inset 0 0 50px hsla(0,0%,0%,.5);
    border:1px solid #eee;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    position:relative;
}
.wrap22 img {
    width: 100%;
    height: 100%;
}
/*镜框边框3开始*/
.wrap23{
    margin: 0px auto;
    display: block;
    width: 86%;
    padding:20px;
    -webkit-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)), 
			inset 0 0 12px 12px hsla(0,0%,0%,.9),  inset 0 0 50px hsla(0,0%,0%,.7);  
	  -moz-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)), 
			inset 0 0 12px 12px hsla(0,0%,0%,.9),  inset 0 0 50px hsla(0,0%,0%,.7);  
			box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 85%),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 82%),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e75), 80%),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)), 
			inset 0 0 12px 12px hsla(0,0%,0%,.9),  inset 0 0 50px hsla(0,0%,0%,.7);  
    border:0px solid #eee;
    /*border-radius*/
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    position:relative;
}
.wrap25{
	color:#000;
    margin: 0px auto;
    display: block;
    width: 86%;
    padding:20px 20px 15px;    
	    -webkit-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 3px 12px hsla(0,0%,0%,.9),  inset 0 0 50px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));  
		-moz-box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 3px 12px hsla(0,0%,0%,.9),  inset 0 0 50px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));  
		box-shadow:0 2px 5px hsla(0,0%,0%,.4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 3px 5px hsla(0,0%,0%,.9),  inset 0 0 50px hsla(0,0%,0%,.3);  
    border:0px solid #eee;
    /*border-radius*/
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    position:relative;
}
.holder22{
    width:200px;
    position:relative;
    margin:30px auto;
    margin-top:60px;
}
.box4_aa{ 
	display:block;
	position:relative;
	overflow:hidden;
	width:15px;
	height:15px;
	z-index:22;
    top:8px;
    left:47%;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	-moz-box-shadow:inset 0 -3px 7px rgba(0,0,0,0.75);
	box-shadow:inset 0 -3px 7px rgba(0,0,0,0.75);
	background:-webkit-gradient(radial, 50 40, 30, center center, 80, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.75))); 
}
.box4_bb{ 
	display:block;
	position:relative;
	overflow:hidden;
	width:15px;
	height:15px;
	z-index:1;
    top:0px;
    left:47%;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	background:#fff;
}
.line_one22{
    width:65%;
    height:2px;
    background:hsl(var(--my_color_d), var(--my_color_e25), 97%);
    background:-webkit-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:   -moz-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:     -o-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:        linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(198,198,198,1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), var(--my_color_e25), 97%)', endColorstr='hsl(var(--my_color_d), var(--my_color_e25), 78%)', GradientType=0 );
    position:absolute;
    /*transform*/
    -webkit-transform:rotate(-20deg);
       -moz-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
         -o-transform:rotate(-20deg);
            transform:rotate(-20deg);
    top:31px;
    left:-13%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
            box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
}
.line_two22{
    width:65%;
    height:2px;
    background:hsl(var(--my_color_d), var(--my_color_e25), 97%);
    background:-webkit-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:   -moz-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:     -o-linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:        linear-gradient( rgba(247,247,247,1) 0%, rgba(198,198,198,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(198,198,198,1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), var(--my_color_e25), 97%)', endColorstr='hsl(var(--my_color_d), var(--my_color_e25), 78%)', GradientType=0 );
    position:absolute;
    z-index:0;
    /*transform*/
    -webkit-transform:rotate(20deg);
       -moz-transform:rotate(20deg);
        -ms-transform:rotate(20deg);
         -o-transform:rotate(20deg);
            transform:rotate(20deg);
    top:31px;
    right:-13%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
            box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
 }
/*镜框边框3结束*/
/*说明2*/
.hang1 {
	margin:5px 0px 0px 31px;
	background-color:hsl(var(--my_color_d), var(--my_color_e25), 97%);
	font-family: yahei,'Open Sans', sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
	text-align:left;
	letter-spacing:1px;
	position:relative;
	padding:2px 0px 2px 8px;
	border-left:solid 1px hsl(var(--my_color_d), var(--my_color_e25), 87%);
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -webkit-gradient(	linear,left bottom,left top,color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), 89%)), color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 131%)));
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
}
.hang1:active {
	top:2px;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), 131%)), 
	color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 89%))
	);
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
}
.hang1::before {
	content:"1";
	text-align:center;
	width:31px;
	line-height:12px;
	height:72%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-32px;
	font-size:12px;
	font-weight:bold;
	color:hsl(var(--my_color_d), var(--my_color_e25), 97%);
	text-shadow:1px 1px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));
	border-right:solid 1px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%,hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50))));
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	box-shadow:inset 0px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
}
.hang1:active::before {
	top:-2px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 3px 2px 1px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 3px 2px 1px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 3px 2px 1px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 3px 2px 1px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999 ;
}
.two_button2::before {
	content:"2";
}
.three_button2::before {
	content:"3";
}
.four_button2::before {
	content:"4";
}
.five_button2::before {
	content:"5";
}
.six_button2::before {
	content:"6";
}
.seven_button2::before {
	content:"7";
}
.eight_button2::before {
	content:"8";
}
.nine_button2::before {
	content:"9";
}
.wen_button2::before {
	content:"问";
}

.xuanzhong3 .active {
  position: relative;
  transition: all 0.5s ease;
  border:0px dashed hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;
  }
 .xuanzhong3 .active::after {
	content: '✔ ';
	display: block;
	height: 0px;
	width: 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	color:#fff;
	font-size: 10px;
	line-height: 5px;
	border: 8px solid;
	border-color: transparent hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)) transparent;
}
/*展开*/
.zhankai {display:none;
overflow: hidden;
letter-spacing:1px;
padding:10px 0px 10px 8px;
font-size:12px;
text-align:left;
line-height:22px;
margin:5px 10px 5px 5px;
z-index: 2;
}
.zhankai {margin-bottom:5px;text-align: justify!important;}
.hangzong1{margin-bottom:15px;text-align: justify!important;}
.duiqi0{text-indent:0px;margin-left:0px;margin-bottom:5px;}
.duiqi10{text-indent:-10px;margin-left:10px;margin-bottom:5px;}
.duiqi12{text-indent:-12px;margin-left:12px;margin-bottom:5px;}
.duiqi15{text-indent:-15px;margin-left:15px;margin-bottom:5px;}
.duiqi16{text-indent:-16px;margin-left:16px;margin-bottom:5px;}
.duiqi17{text-indent:-17px;margin-left:17px;margin-bottom:5px;}
.duiqi18{text-indent:-18px;margin-left:18px;margin-bottom:5px;}
.duiqi19{text-indent:-19px;margin-left:19px;margin-bottom:5px;}
.duiqi20{text-indent:-20px;margin-left:20px;margin-bottom:5px;}
.duiqi21{text-indent:-21px;margin-left:21px;margin-bottom:5px;}
.duiqi22{text-indent:-22px;margin-left:22px;}
.duiqi24{text-indent:-24px;margin-left:24px;margin-bottom:5px;}
.duiqi26{text-indent:-26px;margin-left:26px;margin-bottom:5px;}
.duiqi28{text-indent:-28px;margin-left:28px;margin-bottom:5px;}
.duiqi30{text-indent:-30px;margin-left:30px;margin-bottom:5px;}
.duiqi33{text-indent:-33px;margin-left:33px;margin-bottom:5px;}
.duiqi34{text-indent:-34px;margin-left:34px;margin-bottom:5px;}
.duiqi36{text-indent:-36px;margin-left:36px;margin-bottom:5px;}
.duiqi37{text-indent:-37px;margin-left:37px;margin-bottom:5px;}
.duiqi38{text-indent:-38px;margin-left:38px;margin-bottom:5px;}
.duiqi39{text-indent:-40px;margin-left:40px;margin-bottom:5px;}
.duiqi40{text-indent:-40px;margin-left:40px;margin-bottom:5px;}
.duiqi42{text-indent:-42px;margin-left:42px;margin-bottom:5px;}
.duiqi43{text-indent:-43px;margin-left:43px;margin-bottom:5px;}
.duiqi44{text-indent:-44px;margin-left:44px;margin-bottom:5px;}
.duiqi45{text-indent:-45px;margin-left:45px;margin-bottom:5px;}
.duiqi48{text-indent:-48px;margin-left:48px;margin-bottom:5px;}
.duiqi52{text-indent:-52px;margin-left:52px;margin-bottom:5px;}
.duiqi55{text-indent:-55px;margin-left:55px;margin-bottom:5px;}
.duiqi56{text-indent:-56px;margin-left:56px;margin-bottom:5px;}
.duiqi60{text-indent:-60px;margin-left:60px;margin-bottom:5px;}
.duiqi63{text-indent:-63px;margin-left:63px;margin-bottom:5px;}
.duiqi65{text-indent:-65px;margin-left:65px;margin-bottom:5px;}
.duiqi67{text-indent:-67px;margin-left:67px;margin-bottom:5px;}
.duiqi70{text-indent:-70px;margin-left:70px;margin-bottom:5px;}
.duiqi72{text-indent:-72px;margin-left:72px;margin-bottom:5px;}
.duiqi75{text-indent:-75px;margin-left:75px;margin-bottom:5px;}
.duiqi80{text-indent:-80px;margin-left:80px;margin-bottom:5px;}
.duiqi82{text-indent:-82px;margin-left:82px;margin-bottom:5px;}
.duiqi84{text-indent:-84px;margin-left:84px;margin-bottom:5px;}
.duiqi86{text-indent:-86px;margin-left:86px;margin-bottom:5px;}
.duiqi88{text-indent:-88px;margin-left:88px;margin-bottom:5px;}
.duiqi90{text-indent:-90px;margin-left:90px;margin-bottom:5px;}
.duiqi91{text-indent:-91px;margin-left:91px;margin-bottom:5px;}
.duiqi93{text-indent:-93px;margin-left:93px;margin-bottom:5px;}
.duiqi96{text-indent:-96px;margin-left:96px;margin-bottom:5px;}
.duiqi98{text-indent:-102px;margin-left:102px;margin-bottom:5px;}
.duiqi120{text-indent:-120px;margin-left:120px;margin-bottom:5px;}
.duiqi125{text-indent:-125px;margin-left:125px;margin-bottom:5px;}
.duiqi128{text-indent:-128px;margin-left:128px;margin-bottom:5px;}
.duiqi133{text-indent:-133px;margin-left:133px;margin-bottom:5px;}
.duiqi145{text-indent:-145px;margin-left:145px;margin-bottom:5px;}
.duiqi150{text-indent:-150px;margin-left:150px;margin-bottom:5px;}
.buyingxiang{box-sizing: border-box!important;}

.lingxing15 {transform: rotateZ(15deg)skew(-15deg, -15deg);}
.lingxing30 {transform: rotateZ(30deg)skew(-30deg, -30deg);}
.lingxing45 {transform: rotateZ(45deg)skew(-45deg, -45deg);}

.yin_ying {z-index:99998;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .8);}
.nei_kuang {position:absolute;height:42%;top:15%;width:40%;left:30%;padding-top:50px;background: hsl(var(--my_color_d), var(--my_color_e95), 96%)!important;}
.guan_bi {position:absolute;top:0.5%;right:3.6%;cursor:pointer;font-weight:bolder;font-size:28px;line-height:28px;color:#fff;font-family:"Microsoft YaHei"!important;}
.you_shang {position:absolute;top:4px;right:12px;cursor:pointer;font-weight:bolder;font-size:25px;color:#fff;font-family:"Microsoft YaHei"!important;}

.xiang_wai_guan{display:none;z-index:9;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .0);cursor:pointer;}
.xiang_nei_guan.yangshi{position:fixed;top:60%;right:0px;line-height:15px;border-radius:10px 0 0 10px;padding:4px 6px 4px 5px;z-index:9;cursor:pointer;font-size:12px;background:hsl(var(--my_color_d), var(--my_color_e90), var(--my_color_f50));color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, .3)!important;}

.zhu_tanchu_guanbi{display:none;z-index:9;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .0);cursor:pointer;}
.zhu_bei_tanchu{
	padding: 				2em 2.5em 1.5em;
	margin: 				0;
	display:				none;
	position: 				absolute;
	overflow:				hidden;
	z-index:				999;
	
	
	-webkit-border-radius: 	2px;
	-moz-border-radius: 	2px;
	border-radius: 	2px;
	color: 				hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;
	background: 		hsl(var(--my_color_d), 100%, 96%) !important;
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60)) 0 .0005em 1px, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .2em 5px; /* drop shadow */
}

#litigan{ display:inline-block; position:relative; margin:0px; padding:0px; background:hsl(var(--my_color_d), var(--my_color_e25), 98%); box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -moz-border-radius:4px; border-radius:4px; color:rgba(0,0,0, 0.8); text-shadow:0 1px 0 #fff;}
#litigan::before, #litigan::after{ position:absolute; content:""; top:10px; bottom:15px; left:10px; width:50%; box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); z-index:-1;}
#litigan::after{ right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform: rotate(3deg);}
#litigan img{ vertical-align:bottom;}
.ltdq{text-align: justify!important;}
.ltdq_no{text-align: left!important;}
.ltdq_left{text-align: left!important;}
.ltdq_right{text-align: right!important;}
/*展开*/
.a_demo_three2 {
	width:65%;
	margin:15px 45px;
	background-color:hsl(var(--my_color_d), var(--my_color_e25), 97%);
	font-family: yahei,'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
	text-align:left;
	letter-spacing:1px;
	position:relative;
	padding:4px 30px 4px 10px;
	border-left:solid 1px hsl(var(--my_color_d), var(--my_color_e25), 87%);
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 89%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 131%) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), 89%)), 
	color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 131%))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999;
}
.a_demo_three2:active {
	top:3px;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 131%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), 131%)), 
	color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 89%))
	);
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 5px 3px #999;
}
.a_demo_three2::before {
	background-color:hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
	content:"1";
	text-align:center;
	width:35px;
	line-height:14px;
	height:75%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:12px;
	font-weight:bold;
	color:hsl(var(--my_color_d), var(--my_color_e25), 97%);
	text-shadow:1px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
	border-right:solid 1px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60))), 
	color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 87%))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
}
.a_demo_three2:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 10px 5px #999 ;
}
/*说明2*/

.search111 {
	box-sizing:border-box;
	position:relative;
	width:.8em;
	height:.1em;
	background-color:#666;
	border-top-right-radius:.65em;
	border-bottom-right-radius:.65em;
	transform:rotate(39deg);
	transform-origin:right center;
}
.search111:before {
	content:"";
	position:absolute;
	left:-16px;
	bottom:-8px;
	width:12px;
	height:12px;
	border:.22em solid #666;
	border-radius:50%;
}
.top{height:24px;padding:4px;color:#fff;position: fixed;top:0;width:100%;z-index:20;
    box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);opacity: 1;}
.top .search{height: 24px;line-height: 25px;border:none;width:72%;opacity: 0.8;background:#fff; padding-left: 0%;float:right;margin-top:0px;margin-right:3%;}
.search input{height:22px; line-height:22px;border:none;width:60%;vertical-align: middle;margin-left:0px;margin-top:0px;background:rgba(0,0,0,0);padding-left:5px;}
.top .search .button{
    background:#fff url(../images/jshop_searchbar_search.png) no-repeat 0 center;width:25px;height:25px;
    border:none;vertical-align: middle;
}
.top .logo{padding:13px 12px 9px 5px;line-height:18px;height:10px;width:72px;margin-right:-2px;color:#fff!important;margin-top:8px;font-weight:normal;font-size:16px;}

.btn-xs,
.btn-group-xs > .btn {
  padding: 3px 9px 2px;
  font-size: 11px;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;
}
.btn-xs2,
.btn-group-xs2 > .btn {
  padding: 3px 9px 2px;
  font-size: 11px;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35))), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f15)), 0px 10px 5px #999;
}
.left-main-menu{
    width:50%;
    background: hsl(var(--my_color_d), var(--my_color_e), 96%);
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    height: calc(100% - 120px);
    position: fixed;
    top:38px;
    z-index: 99992;
    padding:30px 10% 4px 6%;
    display: none;
	border-radius:0 10px 10px 0;
	box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6);-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6);-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6);-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6);-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6);

    
}
.left-main-menu.leftin{
    animation:leftin 0.5s 1;
    -webkit-animation:leftin 0.5s 1;
}
.left-main-menu.leftout{
    animation:leftout 0.5s 1;
    -webkit-animation:leftout 0.5s 1;
}
.left-main-menu li{
    height:36px;
    line-height: 36px;
    padding:0 15px;
    font-size:12px;
    /* border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e50), 90%); */
	letter-spacing:2px;
	color:#333;
	cursor: pointer;
	font-weight: normal;
	margin:2px;
	border:1px solid hsl(var(--my_color_d), var(--my_color_e95), 90%);
	background: hsl(var(--my_color_d), var(--my_color_e95), 90%);
	text-shadow: 		rgba(255, 255, 255, .5) 0 1px 0;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	box-shadow: 		inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
}
.left-main-menu li a{
    display: block;
    color:#fff;
}
.left-main-menu li i{
    float:right;
    margin-top: 12px;
    font-size:12px;
}

.left-main-menu li .active,.left-main-menu li .active i{
    /* color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); */
}
.left-main-menu-bg{
    background: #000;
    opacity: 0.7;
    z-index: 99991;
    position: fixed;
    width: 100%;
    top:37px;
    height: -moz-calc(100% - 84px);
    height: -webkit-calc(100% - 84px);
    height: calc(100% - 84px);
    display: none;
}
.left-main-menu-bg.fadeout{
    animation:fadeout 0.5s 1;
}
.left-main-menu-bg.fadein{
    animation:fadein 0.5s 1;
}
@keyframes leftin{
    from{left:calc(-60% - 40px);}
    to{left:0;}
}
@keyframes leftout{
    from{left:0}
    to{left:calc(-60% - 40px);}
}
@keyframes fadein{
    from{opacity:0}
    to{opacity:0.7}
}
@keyframes fadeout{
    from{opacity:0.7}
    to{opacity:0}
}

.page_nav {
  position: relative;
  z-index: 1;
  top: 1px;
  margin:30px auto;
  border-bottom: 2px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  box-shadow:0px 5px 12px 1px rgba(0,0,0,.2);
}
.page_nav a {
  display: inline-block;
  padding:8px 13px;
  background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
  line-height:18px;
  text-align:center;
  letter-spacing:1px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  margin: -1px 0px 0 16px;
  float:left;
  
  border-radius:0 0 10px 10px;
}
.page_nav a.selected {
  border-bottom: none;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  text-shadow: 1px 1px 0px rgba(0,0,0,.3);
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
  box-shadow:0 0px 12px 2px rgba(0,0,0,.2);
}

.page_nav2 {
  position: relative;
  z-index: 1;
  top: 1px;
  margin:30px auto;
  border-bottom: 2px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  box-shadow:0px 5px 12px 1px rgba(0,0,0,.2);
}
.page_nav2 a {
  display: inline-block;
  padding:10px 13px 10px;
  background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
  line-height:18px;
  text-align:center;
  letter-spacing:1px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  margin: -1px 0px 0 10px;
  float:left;
  border-radius:0 0 10px 10px;
  box-shadow:0 0px 12px 2px rgba(0,0,0,.2);
}
.page_nav2 a.selected {
  border-bottom: none;
  color:#fff;
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  text-shadow: 1px 1px 0px rgba(0,0,0,.5);
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
  box-shadow:0 0px 12px 2px rgba(0,0,0,.2);
}
.xszy{box-shadow:0 0px 12px 1px rgba(0,0,0,.2);
  display: inline-block;
  padding:8px 10px;
  line-height:18px;
  text-align:center;
  letter-spacing:1px;
  color: #fff;
  margin: -1px 0px 20px 10px;
  float:left;
text-shadow: 1px 1px 2px rgba(0,0,0,.3);
border-radius:10px 10px;
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));}

.tishi{border:1px dashed red!important;}
.wenxitishi{box-shadow:0 0px 12px 1px rgba(0,0,0,.2);
  display: inline-block;
  padding:8px 13px;
  line-height:18px;
  text-align:center;
  letter-spacing:1px;
  color: #fff;
  margin: -1px 0px 0 16px;
  float:left;
text-shadow: 1px 1px 2px rgba(0,0,0,.3);
border-radius:0 0 10px 10px;
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));}
.bac3dhong{background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
}
.page_nav a:hover {
  background: #fff;
  text-decoration: none;
  color:#000;
}
.store_down {
  padding: 0;
}
.store_info_box{
  padding: 0 10px 10px;
}
.list {
  border: none;
}
.list {
  border: 1px solid #ccc;
}
.list dt {
  text-align: center;
  font-weight: bold;
  background: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  color: #fff;
  line-height: 30px;
}
.list dd {
  clear: both;
  padding: 10px;
}
.list dd .tags {
  height: 25px;
  padding: 0 10px;
  background: hsl(var(--my_color_d), var(--my_color_e25), 96%);
  line-height: 25px;
  color: #666;
}
.list dd.odd {
  background: #fff;
}
.list li {
  display: inline;
  float: left;
  width: 10%;
}
.list li.wd5 {
  width: 5%;
  overflow: hidden;
}
.list li.w1 {
  width: 10%;
  overflow: hidden;
}
.list li.w1d5 {
  width: 15%;
  overflow: hidden;
}
.list li.w2 {
  width: 20%;
  overflow: hidden;
}
.list li.w2d5 {
  width: 25%;
  overflow: hidden;
}
.list li.w3 {
  width: 30%;
  overflow: hidden;
}
.list li.w3d5 {
  width: 35%;
  overflow: hidden;
}
.list li.w4 {
  width: 50%;
  overflow: hidden;
}
.list li.w4d5 {
  width: 45%;
  overflow: hidden;
}
.list li.w5 {
  width: 50%;
  overflow: hidden;
}
.list li.w5d5 {
  width: 55%;
  overflow: hidden;
}
.list li.w6 {
  width: 60%;
  overflow: hidden;
}
.list li.w6d5 {
  width: 65%;
  overflow: hidden;
}
.list li.w7 {
  width: 70%;
  overflow: hidden;
}
.list li.w7d5 {
  width: 75%;
  overflow: hidden;
}
.list li.w8 {
  width: 80%;
  overflow: hidden;
}
.list li.w8d5 {
  width: 85%;
  overflow: hidden;
}
.list li.w9 {
  width: 90%;
  overflow: hidden;
}
.list li.w9d5 {
  width: 95%;
  overflow: hidden;
}
.list li.w100 {
  width: 100%;
  overflow: hidden;
}
.list.list-dl {
  margin-bottom: 10px;
}
.list.list-dl .list-item-footer {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -10px;
}
.list.list-img {
  overflow: hidden;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img .list-body {
  width: 105%;
}
.list.list-img .list-title {
  line-height: 35px;
}
.list.list-img .list-item {
  width: 179px;
  margin: 0 10px 10px 0;
  padding: 0 10px;
}
.list.list-img .list-item:hover .action-collect {
  display: block;
}
.list.list-img .list-item-img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.list.list-img .list-item-img img {
  max-width: 100%;
}
.list.list-img .list-item-img .action-collect {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  padding: 2px 5px;
}
.list.list-img .list-item-img .marked-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.list.list-img .list-item-footer .poster {
  display: inline;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list.list-img .list-item-footer .money {
  display: inline;
  float: left;
  width: 50%;
  float: right;
  text-align: right;
}
.list.list-img .poster {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  text-decoration: none;
}
.list.list-img .poster:hover {
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.list.list-img .avatar {
  display: inline-block;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  line-height: 35px;
  vertical-align: middle;
}
.list.list-img .avatar img {
  width: 20px;
  height: 20px;
  display: block;
}
.list.list-img .list-item-type {
  display: inline-block;
  font-weight: normal;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-item-footer {
  line-height: 30px;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-label {
  background: hsl(var(--my_color_d), var(--my_color_e25), 98%);
  line-height: 30px;
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  margin-bottom: -1px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  text-align: left;
  padding-left: 10px;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}
.list .list-item {
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  font-size: 12px;
  line-height: 20px;
}
.list .list-item:hover {
  background: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.list .list-item:hover .list-visible {
  display: block;
}
.list .list-item-body {
  display: block;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-min {
  border-bottom: 1px dashed hsl(var(--my_color_d), var(--my_color_e25), 84%);
  margin-left: -10px;
  padding-left: 10px;
  line-height: 30px;
}
.list .list-item-min .list-title {
  font-size: 12px;
  font-weight: normal;
}
.list .list-title {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  w/* hite-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-weight: 700!important;
  width: 99%;
  line-height:23px;
  margin-bottom:5px;
  display: block;
  font-size:12px;
}
.list .list-title:hover {
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.list .list-visible {
  display: none;
  margin-top: 10px;
}
.list .list-desc {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  min-height: 15px;
  width: 85%;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.list .list-pic {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
  display: inline;
}
.list .list-pic img {
  width: 100px;
  height: 100px;
}
.list .list-obj {
  overflow: hidden;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.list .list-obj-item {
  line-height: 25px;
}
.list .list-obj-item a {
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page .page-tips {
  font-size: 12px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  line-height: 30px;
}
.list-page .pagination {
  margin-top: 0;
}

.level-img {
  margin-bottom: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.level-img:before,
.level-img:after {
  content: "";
  display: table;
}
.level-img:after {
  clear: both;
}
#ie6 .level-img,
#ie7 .level-img {
  zoom: 1;
}
.level-img:before,
.level-img:after {
  content: "";
  display: table;
}
.level-img:after {
  clear: both;
}
#ie6 .level-img,
#ie7 .level-img {
  zoom: 1;
}
.user-atten .user-num {
  font-size:12px;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
}
.level-img > img {
  vertical-align: middle;
  float: right;
}
.level-img.weike > small {
  display: inline;
  padding: .4em .9em .4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background: rgba(219, 74, 57, 0.8);
  border-radius:30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
  letter-spacing:1px;
  box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;
}
a.level-img.weike > small:hover,
a.level-img.weike > small:focus {
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  text-decoration: none;
  cursor: pointer;
}
.level-img.weike > small:empty {
  display: none;
}
.btn .level-img.weike > small {
  position: relative;
  top: -1px;
}
.level-img.employer > small {
  display: inline;
  padding: .4em .9em .4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background: rgba(92, 184, 92, 0.8);
  border-radius:30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
  letter-spacing:1px;
  box-shadow:  0px 5px 0px 0px green, 0px 10px 5px #999;
}
a.level-img.employer > small:hover,
a.level-img.employer > small:focus {
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  text-decoration: none;
  cursor: pointer;
}
.level-img.employer > small:empty {
  display: none;
}
.btn .level-img.employer > small {
  position: relative;
  top: -1px;
}
.level-img > span {
  display: inline-block;
  margin-right: 10px;
}
.user-meta {
  margin-top: 10px;
  font-size: 12px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.user-meta:before,
.user-meta:after {
  content: "";
  display: table;
}
.user-meta:after {
  clear: both;
}
#ie6 .user-meta,
#ie7 .user-meta {
  zoom: 1;
}
.user-meta:before,
.user-meta:after {
  content: "";
  display: table;
}
.user-meta:after {
  clear: both;
}
#ie6 .user-meta,
#ie7 .user-meta {
  zoom: 1;
}
.user-meta > li {
  display: inline;
  float: left;
  margin-right: 10px;
}

.user-level {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}
.user-level .progress {
  height: 19px;
  margin-bottom: 0;
}

.user-atten {
  margin-bottom: 10px;
  background: hsl(var(--my_color_d), var(--my_color_e25), 98%);
  font-size: 12px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.user-atten:before,
.user-atten:after {
  content: "";
  display: table;
}
.user-atten:after {
  clear: both;
}
#ie6 .user-atten,
#ie7 .user-atten {
  zoom: 1;
}
.user-atten:before,
.user-atten:after {
  content: "";
  display: table;
}
.user-atten:after {
  clear: both;
}
#ie6 .user-atten,
#ie7 .user-atten {
  zoom: 1;
}
.user-atten > li {
  float: left;
  display: inline;
  width: 13em;
  border-right: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  margin: -1px 0;
  text-align: center;
  padding: 10px 0;
}
.user-atten .user-num {
  font-size:12px;
  color: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50));
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 96%);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: hsl(var(--my_color_d), var(--my_color_e25), 100%);
  text-align: center;
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f60));
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60));
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.evaluate-content {
  margin: 10px 0;
}
.evaluate-meta {
  font-size: 12px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.evaluate-meta:before,
.evaluate-meta:after {
  content: "";
  display: table;
}
.evaluate-meta:after {
  clear: both;
}
#ie6 .evaluate-meta,
#ie7 .evaluate-meta {
  zoom: 1;
}
.evaluate-meta:before,
.evaluate-meta:after {
  content: "";
  display: table;
}
.evaluate-meta:after {
  clear: both;
}
#ie6 .evaluate-meta,
#ie7 .evaluate-meta {
  zoom: 1;
}
.evaluate-meta-item {
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}
.evaluate-avatar {
  width: 50px;
  height: 50px;
  margin: auto;
}
.evaluate-avatar img {
  display: block;
  width: 50px;
  height: 50px;
}
.evaluate-username {
  font-size: 12px;
  display: block;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 98%;
  text-align: center;
}
.evaluate-time {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  font-size: 12px;
  float: right;
}
.evaluate-meta-title {
  display: inline;
  float: left;
  margin-right: 10px;
  font-size:12px;
  font-weight: bold;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
}

.leader {
  margin-bottom: 10px;
}
.second-nav {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 25px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.second-nav > li {
  position: relative;
  display: block;
}
.second-nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.second-nav > li > a:hover,
.second-nav > li > a:focus {
  text-decoration: none;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.second-nav > li.disabled > a {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.second-nav > li.disabled > a:hover,
.second-nav > li.disabled > a:focus {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.second-nav .open > a,
.second-nav .open > a:hover,
.second-nav .open > a:focus {
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 93%);
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.second-nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 90%);
}
.second-nav > li > a > img {
  max-width: none;
}
.second-nav > li {
  float: left;
}
.second-nav > li > a {
  border-radius: 4px;margin:0px 0px 15px 1px;
  display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			          background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			          background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			          background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
					  letter-spacing:1px;
}
.second-nav > li + li {
  margin-left: 2px;
}
.second-nav > li.active > a,
.second-nav > li.active > a:hover,
.second-nav > li.active > a:focus {display: inline-block;color:#fff; background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
              border-radius:30px;
			  cursor:pointer;;
}
.second-nav li {
  margin-right: 10px;
}
.second-nav li a {
  padding: 0 5px;
}

.footer {
  margin-top: 0;
}
.second-nav li {
  margin-right: 8px;
}
.second-nav li a {
  padding: 0 7px;
  float:left;
}
.list-filter {
  background: #fff;
  border: none;
  line-height: 22px;
  margin-bottom: 0;
}
.case-list-filter{
  border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.list-filter:before,
.list-filter:after {
  content: "";
  display: table;
}
.list-filter:after {
  clear: both;
}
#ie6 .list-filter,
#ie7 .list-filter {
  zoom: 1;
}
.list-filter:before,
.list-filter:after {
  content: "";
  display: table;
}
.list-filter:after {
  clear: both;
}
#ie6 .list-filter,
#ie7 .list-filter {
  zoom: 1;
}
.list-filter > li {
  display: list-item;
  padding: 9px 0;
  border-top: dashed 1px hsl(var(--my_color_d), var(--my_color_e25), 89%); 
}
.list-filter > li:first-child {
  display: list-item;
  padding: 12px 0;
  border-top: none; 
}
.list-filter > li:before,
.list-filter > li:after {
  content: "";
  display: table;
}
.list-filter > li:after {
  clear: both;
}
#ie6 .list-filter > li,
#ie7 .list-filter > li {
  zoom: 1;
}
.list-filter > li:before,
.list-filter > li:after {
  content: "";
  display: table;
}
.list-filter > li:after {
  clear: both;
}
#ie6 .list-filter > li,
#ie7 .list-filter > li {
  zoom: 1;
}
.list-filter label {
  font-weight: normal;
  text-align: center;
}
.list-filter .condition a {
  display: inline-block;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  white-space: nowrap;
  width:78px;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  margin:3px 0px;
}
.list-filter .condition a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.list-filter .condition a.selected {
  color: #EEE;
  font-weight: normal;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.list-filter .condition2 a {
  display: inline-block;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f20));
  padding:0 10px 0 10px;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
}
.list-filter .condition2 a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e25), 93%);
}
.list-filter .condition2 a.selected {
  color: #EEE;
  font-weight: normal;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.tool-bar {
  font-size: 12px;
  padding: 4px 10px 2px;
  margin-bottom: 10px;
  border-top: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.tool-bar:before,
.tool-bar:after {
  content: "";
  display: table;text-align: center;
}
.tool-bar:after {
  clear: both;
}
#ie6 .tool-bar,
#ie7 .tool-bar {
  zoom: 1;
}
.tool-bar:before,
.tool-bar:after {
  content: "";
  display: table;
}
.tool-bar:after {
  clear: both;
}
#ie6 .tool-bar,
#ie7 .tool-bar {
  zoom: 1;
}
.tool-bar .actions {
  float: left;
  display: inline;
  position: relative;
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
}
.tool-bar .actions:last-child{
  margin-right: 0;
}
.tool-bar .actions label {
  white-space: nowrap;
}
.tool-bar a.tool-bar-item {
  width:54px;
  display: inline-block;
  font-size:10px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40));
  white-space: nowrap;
  padding: 0 8px 1px;
  margin-right:2px;
  background: none;
  border-right: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  text-decoration: none;
}
.tool-bar .actions a.tool-bar-item{
  border-right:none;
}
.tool-bar a.tool-bar-item:hover {
  background: none;
}
.tool-bar a.tool-bar-item.selected {
  color: #fff;
  font-weight: normal;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.ad-two a{display: block;}
.ad-two a:nth-child(1){margin-bottom: 10px;}
.ad-two a img{width:100%;}

.rides-cs {  font-size: 12px;  position: fixed; right: 1px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.rides-cs a:hover { color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); text-decoration: none;}
.rides-cs .floatL { width: 22px; float:left; position: relative; z-index:1; height:94px;}
.rides-cs .floatL a { font-size:11px; display: block;color: #fff; padding:4px 4px 5px!important;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:hsl(var(--my_color_d), var(--my_color_e25), 90%); border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size:12px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e25), 81%);overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; display:block;  line-height: 14px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid hsl(var(--my_color_d), var(--my_color_e75), 83%) 1px;}
.rides-cs ul li.bot { border-bottom: none;}

footer{text-align: center;padding: 20px 10px;line-height: 30px;
                 background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
			     background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			     background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));}

.navbar-up{height:50px;}

.navbar{height:46px;position: fixed;bottom: 0;width:100%;text-align: center;border-top:0px  solid hsl(var(--my_color_d), var(--my_color_e25), 94%);z-index:999;box-shadow:0px 0px 5px 0px rgba(0,0,0,.2);
                 background: #fff;}
.navbar li{width:20%;float:left;}
.navbar li a{display: inline-block;width: 100%;color:#000;font-size:11px;}
.navbar .index{}
.navbar .index:focus,
.navbar .index:active,
.navbar .index.selected{border-radius:8px; margin-top:-3px;background:#fff;
box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-webkit-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-moz-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-ms-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-o-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;
}
.navbar .tasklist:focus,
.navbar .tasklist:active,
.navbar .tasklist.selected{border-radius:8px;margin-top:-3px;background:#fff;
box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-webkit-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-moz-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-ms-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-o-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;
}
.navbar .pubtask:focus,
.navbar .pubtask:active,
.navbar .pubtask.selected{border-radius:8px;margin-top:-3px;background:#fff;
box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-webkit-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-moz-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-ms-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-o-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;
}
.navbar .msg:focus,
.navbar .msg:active,
.navbar .msg.selected{border-radius:8px;margin-top:-3px;background:#fff;
box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-webkit-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-moz-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-ms-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-o-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;
}
.navbar .mine:focus,
.navbar .mine:active,
.navbar .mine.selected{border-radius:8px; margin-top:-3px;background:#fff;
box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-webkit-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-moz-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-ms-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;-o-box-shadow:  0px 5px 0px 0px #999, 0px 10px 5px #999;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;padding:0px 6px;font-size:11px;line-height:20px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.nav > li.disabled > a {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 90%);
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {margin-bottom:30px;
}
.nav-tabs > li {
    float: left;margin-bottom:5px;margin-right:5px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;
    border-radius: 4px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #fff!important;border:none;text-shadow: 1px 1px 1px rgba(0,0,0,.3);
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;
cursor: pointer;
}
.tab-content{
    clear:both;
    font-size:13px;
    line-height: 25px;
}
.tab-content h5{font-weight: bold;line-height: 35px;}
.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}

#home_carousel{background: #fff;}
#home_carousel img{width: 100%;height:170px;}
.layui-carousel-ind{top:-20px;}
.layui-carousel-ind ul{background: none;}

.h-spac{height:15px;}

.home_nav{padding:0px 10px 10px; text-align: center;}
.home_nav a{display:inline-block;width:17.5%;height:60px;padding-top: 10px;}
.home_nav a img{width:31px;height:31px;margin-bottom:3px;}
.home_nav a span{display: block;}

.home_notice {height:40px;background: #fff;padding:10px 20px;}
.home_notice .tit{width:40px;float:left;font-size:12px;color:#f00;margin-right: 10px;padding-top: 2px;}
.home_notice .tit img{width:40px;}
.home_notice ul{width:calc(100%-80px);float:left;line-height: 23px;padding-left: 15px; }

.require-res-wrap{
    background: #fff url(../images/ent-require.jpg) no-repeat center 0;
    padding-top: 110px;

}

.require-res{
    padding: 0 15px 20px;
}

.require-res .require-item{
    margin-bottom: 10px;
    line-height: 25px;
    font-size:12px;
    color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
}
.require-res .require-item::after{
    content:'';
    clear:both;
    display: block;
}

.require-res .require-item select{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    height: 30px;
    width:32%;
    border-radius: 5px;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    color:#fff;
    font-size:12px;
    margin: 0 auto;
}

.require-res .require-item textarea{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 90%);
    color: #333;
    font-size:12px;
    resize: none;
    height: 145px;
    width:96%;
    padding:5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.require-res .require-item textarea.holder{
    color:#999;
    font-size:12px;
}

.require-res .require-btn{
    text-align: center;
}
.require-res .require-btn .btn{
    color:#fff;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    cursor: pointer;
    line-height: 30px;
    border:none;
    width:250px;
    border-radius: 5px;
    height:30px;
    padding:0;
}

/* share */
.share-res-wrap{
    background: #fff url(../images/share-bg.jpg) no-repeat center 0;
    padding-top: 110px;

}

.share-res{
    padding: 0 15px 20px;
}

.share-res .share-item{
    margin-bottom: 10px;
    line-height: 25px;
    font-size:12px;
    color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
}
.share-res .share-item::after{
    content:'';
    clear:both;
    display: block;
}

.share-res .share-item select{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    height: 30px;
    width:32%;
    border-radius: 5px;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    color:#fff;
    font-size:12px;
    margin: 0 auto;
}

.share-res .share-item textarea{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 90%);
    color: #333;
    font-size:12px;
    resize: none;
    height: 145px;
    width:96%;
    padding:5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.share-res .share-item textarea.holder{
    color:#999;
    font-size:12px;
}

.share-res .share-btn{
    text-align: center;
}
.share-res .share-btn .btn{
    color:#fff;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    cursor: pointer;
    line-height: 30px;
    border:none;
    width:250px;
    border-radius: 5px;
    height:30px;
    padding:0;
}

.home-tasks{
    background: #fff;
    padding:0 10px;
}
.home-tasks:after{
    clear:both;
    content: '';
    display: block;
}
.home-tasks .title{height:40px;line-height: 40px;font-size:12px;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));font-weight: bold;}
.home-tasks .title a{float:right;font-size:12px;color:#999;font-weight: normal;}
.home-tasks .list{}
.home-tasks .list .bd li{width:33.3%;float:left;line-height: 20px;}
.home-tasks .list .bd li .img{text-align: center;margin-bottom: 10px;}
.home-tasks .list .bd li img{width:95%;height:105px;}
.home-tasks .list .bd li .tit{width:90%;padding-left: 10%;height:40px;overflow: hidden;}
.home-tasks .list .bd li dl{padding-left: 10%;color:#999;}
.home-tasks .list .bd li dl dd:nth-child(1){height:20px;overflow: hidden;}
.home-tasks .list .bd li dl .money{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.home-tasks .list .hd {width:50px;margin: 0 auto;font-size:1px;height: 20px;padding: 5px 0;}
#baiwan_tasks .hd{width:15px;}
.home-tasks .list .hd li{width:10px;height:10px;color:#fff;border:solid 1px #ddd;border-radius: 10px;float:left;margin:0 2px; }
.home-tasks .list .hd li.on{background: #ddd;}

.home-lasttasks{background: #fff;padding-top: 10px;}
.home-lasttasks .title{ text-align: center;font-size:12px;font-weight: bold;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.home-lasttasks .list{background: #fff;padding:20px 10px;}
.home-lasttasks .list:after{clear:both;content:'';display: block;}
.home-lasttasks .list li{width:50%;float:left;height:260px;line-height: 20px;}
.home-lasttasks .list li .img{text-align: center;margin-bottom: 10px;}
.home-lasttasks .list li img{width:80%;height:131px;}
.home-lasttasks .list li .tit{width:80%;padding-left: 10%;height:40px;overflow: hidden;}
.home-lasttasks .list li dl{padding-left: 10%;color:#999;}
.home-lasttasks .list li dl dd:nth-child(1){height:20px;overflow: hidden;}
.home-lasttasks .list li dl .money{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}




/*tasklist专用*/
.container {
  padding-left: 0;
  padding-right: 0;
  max-width: none !important;
}
/*用户专用*/
.tasklist-nav-action {
	font-size:12px;
    display: block;
    position: relative;
    z-index: 9999;
    margin-bottom: 0;
}
.tasklist-nav-action:hover .tasklist-nav-list {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
	overflow: auto;
	box-shadow:200px 0px 52px -6px rgba(0,0,0,.2);
}
.tasklist-nav-action .tasklist-nav-toggle {
    display: block;
}
.tasklist-nav-list {
    opacity: 1;
    position: fixed;
	padding:70px 20px 20px 20px;
	background:hsl(var(--my_color_d), var(--my_color_e25), 94%);
	z-index: 99;
    left: 0;
    right: 45px;
    bottom: 0;
    top: 0px;
    overflow: auto;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
    -webkit-transform: translate(-100%,0 );
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0);
	border-right:1px solid #aaa;
}
.tasklist-nav-list-title {background: hsl(var(--my_color_d), var(--my_color_e25), 89%);font-size:12px;padding:3px 0px 3px 15px;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));text-shadow: 1px 1px 2px rgba(0,0,0,.3);
			     background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
			     background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
			     background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
				 padding:6px 0px 6px -10px;
				 margin-bottom:6px;
				 box-shadow:0 0px 12px 1px rgba(0,0,0,.2);
				 
}
.tasklist-nav-list-body {width:100%;line-height:20px;margin-left:6px;margin-bottom:10px;
}
.tasklist-nav-list-body a {width:100%;font-size:12px;padding-left:28px;
}

/*foot专用*/
.foot-nav-action {
	font-size:12px;
    display: block;
    position: relative;
    z-index: 9999;
    margin-bottom: 0;
}
.foot-nav-list {
    display: none;
	line-height:20px;
    opacity: 1;
    position: fixed;
	padding-left:0px;
	background:hsl(var(--my_color_d), var(--my_color_e25), 94%);
    left: 20%;
    right: 29%;
	z-index: 1;
    bottom:47px;
	box-shadow:20px 0px 12px 0px rgba(0,0,0,.2);
	border-right:1px solid #aaa;
}
.foot-nav-action:hover .foot-nav-list {
    display: block;
}
.foot-nav-list-title {line-height:32px!important;text-align:center!important;font-size:12px!important;
background: hsl(var(--my_color_d), var(--my_color_e25), 89%);font-size:12px;padding:3px 0px 3px 15px;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));text-shadow: 1px 1px 2px rgba(0,0,0,.1)!important;
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
padding:0px 0px 0px 0px!important;
margin-bottom:10px;
box-shadow:0 0px 12px 1px rgba(0,0,0,.2);
				 
}
.foot-nav-list-body {width:95%;line-height:20px;margin-left:6px;margin-bottom:10px;
}
.foot-nav-list-body a {width:100%;font-size:12px;padding-left:28px;
}


/*用户专用*/
.user-nav-list {opacity: 1;position: fixed;padding-left:0px;background:hsl(var(--my_color_d), var(--my_color_e25), 94%);left: 0;right: 22%;z-index: 100;bottom: 0;top: 38px;overflow: auto;box-shadow:200px 0px 12px -6px rgba(0,0,0,.2);border-right:1px solid #aaa;}
.user-nav-list-title {background: hsl(var(--my_color_d), var(--my_color_e25), 89%);font-size:12px;padding:3px 0px 3px 15px;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));/* text-shadow: 1px 1px 2px rgba(0,0,0,.3); */
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));padding:6px 0px 6px -10px;margin-bottom:6px;box-shadow:0 0px 12px 1px rgba(0,0,0,.2);}
.user-nav-list-body {width:95%;line-height:20px;margin-left:6px;margin-bottom:10px;}
.user-nav-list-body a {width:100%;font-size:12px;padding-left:28px;}
/*进度条*/
.spinner11 { margin: 100px auto 0; width: 150px; text-align: center; top:20%; z-index:999999; }
.spinner11 > div {
  width: 30px;
  height: 30px;
  top:10%;
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner11 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner11 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*进度条*/

.waihu{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) center top no-repeat;height:54px;width:100%;position:absolute;left:0px;bottom:-30px;z-index:999999;}
.fws{width:100%;float:left;}
.fws p{margin-top:95px;font-size:12px;}
.fwsdn{background:url('/static/skins/2018/images/fwsdn.png') no-repeat;width:143px;height:133px;transform: scale(0.4);}
.pspxzx{background-position:-157px -173px;}
.pswltg{background-position:-601px -321px;}
.pshdch{background-position:-308px -321px;}
.pszscq{background-position:-308px -173px;}
.psbgrj{background-position:-160px -321px;}
.psggcm{background-position:-12px -467px;}
.pslyfw{background-position:-604px -25px;}
.pslpfw{background-position:-157px -617px;}
.psrlfw{background-position:-454px -467px;}
.pscsfw{background-position:-455px -617px;}
.psfwfw{background-position:-310px -617px;}
.psbzys{background-position:-597px -617px;}
.psbgyj{background-position:-454px -173px;}
.pswlys{background-position:-157px -25px;}
.psqt{background-position:-16px -25px;}

.close {float: right;font-size: 21px;font-weight: bold;line-height: 1;color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f5));text-shadow: 0 1px 0 hsl(var(--my_color_d), var(--my_color_e25), 93%);opacity: 0.3;filter: alpha(opacity=30);}
.close:hover,.close:focus {color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f5));text-decoration: none;cursor: pointer;opacity: 0.5;filter: alpha(opacity=50);}

.you_hui_quan{
      width: 160px;
      height: 100px;
      background: linear-gradient(0.25turn, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), radial-gradient(circle at 11px 4px, transparent 6px, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)) 6px) top left, radial-gradient(circle at 10px 56px, transparent 6px, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)) 6px) bottom left, linear-gradient(0.25turn, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)));
      background-size: 120px 82px, 20px 50px, 20px 57px, 32px 84px;
      background-repeat: no-repeat;
      background-position: 0px 0px,120px -4px, 120px 26px, 140px 0px;
}
.coupon{position:relative;background:hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f50));color:#fff;width:100%;height:95px;line-height:25px;overflow:hidden;margin-top:15px;}
.coupon-diabled{background:hsl(var(--my_color_d), var(--my_color_e25), 76%);color:#666;}
.coupon:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coupon-money .sum{font-size:25px;}
.coupon-left{float:left;text-align:left;width:60%;font-size:12px;background:url(./circle-border-left.png) left center no-repeat;}
.coupon-right{float:right;text-align: center;width:40%;font-size:14px;background:url(./circle-border-right.png) right center no-repeat;}
.coupon-inner{padding:10px 15px;height:75px;position: relative;}
.coupon-right .coupon-inner{border-left:2px dashed rgba(255,255,255,.5);}
.coupon-money,.coupon-time{margin-top:12px;}
.coupon-circle{display:inline-block;width:16px;height:16px;background:#fff;position: absolute;left:-9px;border-radius:50%}
.coupon-circle.top{top:-8px;}
.coupon-circle.bottom{bottom:-8px;}
.coupon-light{position:absolute;top:20px;left:20%;height:150px;width:100%;background:rgba(255,255,255,.2);transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);}

.top_lan {content: '';width: 100%;height:100px;position: relative;z-index: -1;overflow: hidden;}
.top_lan::after {background: hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50));content: '';width: 140%;height: 100px;position: absolute;left: -20%;top: 0;z-index: -1;border-radius: 0 0 50% 50%;}
.pdx{padding:10px 20px 10px 20px;}
.btx{font-size:12px;border-left:solid 4px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));padding-left: 10px;margin-bottom: 10px; }
.btx1{font-size:12px;border-left:solid 2px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));padding-left: 5px;margin-bottom: 6px;background:#fff;line-height:15px; }
.btx2{font-size:22px;border-left:solid 4px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));padding-left: 10px;margin-bottom: 10px; font-weight:700;float:left;}
.xsj{width:0; height:0;border-width:5px;border-style:solid;border-color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) transparent transparent transparent;}
.xsj_l{width:0; height:0;border-width:5px;border-style:solid;border-color:transparent hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) transparent transparent;}
.xsj_r{width:0; height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.xsj_t{width:0; height:0;border-width:5px;border-style:solid;border-color:transparent transparent hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) transparent;}
.tj10{width:10px;height:10px;}
.tj20{width:20px;height:20px;}
.tj30{width:30px;height:30px;}
.tj40{width:40px;height:40px;}
.tj50{width:50px;height:50px;}
.tj60{width:60px;height:60px;}
.tj70{width:70px;height:70px;}
.tj80{width:80px;height:80px;}
.tj90{width:90px;height:90px;}
.tj100{width:100px;height:100px;-webkit-filter:saturate(2);}
.tj140x95{width:140px;height:95px;-webkit-filter:saturate(2);}
.tj140x100{width:140px;height:100px;-webkit-filter:saturate(2);}
.tj280x200{width:280px;height:200px;margin:0px auto;-webkit-filter:saturate(2);}
.tj308x220{width:308px;height:220px;-webkit-filter:saturate(2);}
.tj200{width:200px;height:200px;}
.tjfws{width:57px;height:53px;}
.h800{height:800px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.pd2{padding:2px;}
.pd5{padding:5px;}
.pd8{padding:8px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd35{padding:35px;}
.pd40{padding:40px;}
.pd50{padding:50px;}
.cfff{color:#fff;}
.c000{color:#000;}
.cred{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.bqianlan{background-color:hsl(var(--my_color_d), var(--my_color_e), 95%);}
.pb2{padding-bottom:2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.plr25{padding-left:25px;padding-right:25px;}
.plr30{padding-left:30px;padding-right:30px;}
.plr35{padding-left:35px;padding-right:35px;}
.plr40{padding-left:40px;padding-right:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mrx{border-right:1px dashed #eee;}
.mbx{border-bottom:1px dashed #eee;}
.ml-5{margin-left:-5px;}
.ml-8{margin-left:-9px;}
.ml-10{margin-left:-10px;}
.ml-15{margin-left:-15px;}
.ml-18{margin-left:-18px;}
.ml-20{margin-left:-20px;}
.ml-23{margin-left:-23px;}
.ml-25{margin-left:-25px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.mt-5{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mg5{margin:5px;}
.mg8{margin:8px;}
.mg10{margin:10px;}
.mg15{margin:15px;}
.mg20{margin:20px;}
.mg25{margin:25px;}
.mg35{margin:35px;}
.wd5{width:5%;}
.wd8{width:8%;}
.wd10{width:10%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd30{width:30%;}
.wd35{width:35%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd55{width:55%!important;}
.wd60{width:60%;}
.wd70{width:70%;}
.wd75{width:75%;}
.wd80{width:80%;}
.wd85{width:85%;}
.wd88{width:88%;}
.wd90{width:90%;}
.wd92{width:92%;}
.wd94{width:94%;}
.wd95{width:95%;}
.wd100{width:100%;}
.wd110{width:110%;}
.wd115{width:115%;}
.wd120{width:120%;}
.wda{width:auto;}
.t01{transform: scale(0.1);}
.t02{transform: scale(0.2);}
.t03{transform: scale(0.3);}
.t04{transform: scale(0.4);}

.z01{zoom:0.1;}
.z011{zoom:0.11;}
.z012{zoom:0.12;}
.z013{zoom:0.13;}
.z014{zoom:0.14;}
.z015{zoom:0.15;}
.z02{zoom:0.2;}
.z03{zoom:0.3;}
.z04{zoom:0.4;}
.z05{zoom:0.5;}
.z06{zoom:0.6;}
.z07{zoom:0.7;}
.z08{zoom:0.8;}
.z085{zoom:0.85;}
.z088{zoom:0.88;}
.z09{zoom:0.9;}
.z10{zoom:1;}
.z11{zoom:1.1;}
.z12{zoom:1.2;}
.z13{zoom:1.3;}
.z14{zoom:1.4;}
.z15{zoom:1.5;}
.z16{zoom:1.6;}
.z17{zoom:1.7;}
.z18{zoom:1.8;}
.z19{zoom:1.9;}
.z20{zoom:2;}
.z30{zoom:3;}

.br5{border-radius:5px;}
.br10{border-radius:10px;}
.br20{border-radius:20px;}
.br25{border-radius:25px;}
.br30{border-radius:30px;}
.br50{border-radius:50%;}
.br-30{border-radius:-30px;}
.brs30{border-top-left-radius:30px;border-top-right-radius:30px;}
.brx30{border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.photo img{width:90px;height:90px;border-radius:25px;}
.photo400 img{width:400px;height:400px;border-radius:25px;}
.photox img{width:45px;height:45px;border-radius:15px;}
.photol img{width:80px;height:80px;border-radius:15px;}

.zhong{margin:0 auto;}
.vam{vertical-align: middle;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.ovy{overflow-y: hidden;overflow-x: overlay;}
.ovx{overflow-x: hidden;overflow-y: overlay;}
.ov{overflow: auto;}
.oh{overflow: hidden;}
.tyc{overflow: hidden;text-overflow: ellipsis; white-space:nowrap;word-break:keep-all;}
.clear{clear:both;}
.cored{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.cred{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.cwhite{color:#fff;}
.tsh0{text-shadow: 1px 1px 3px rgba(0,0,0,.0)!important;}
.tsh{text-shadow:  2px 2px 3px rgba(0,0,0,.3)!important;}
.tsh2{text-shadow:1px 1px 1px rgba(0,0,0,.3)!important;}
.tsh3{text-shadow:1px 1px 1px rgba(0,0,0,.8)}
.tsh4{text-shadow: 1px 1px 0px rgba(0,0,0,.5);}
.tsh5{text-shadow: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f10)) 2px 2px 3px;}
.tsh7{text-shadow: rgba(255,255,255,.5) 0 1px 0;}
.lts0{letter-spacing:0px;}
.lts1{letter-spacing:1px;}
.lts2{letter-spacing:2px;}
.clear{clear:both;}
.cored{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.left{float:left;}
.right{float:right;}
.center{width:500px; margin: 0 auto;}
.tcenter{text-align:center;}
.bora{border-radius:25px;}
.clear{clear:both;}
.hidden{display: none;}
.hidden2{visibility:hidden;}
.fonts{text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);}
.baczheng{background: #fff;}

/*重要*/
 
.grayy { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.xhx{text-decoration:underline!important;}
.bhh{overflow: hidden!important;text-overflow:ellipsis!important;white-space: nowrap!important;}
.fl_l{max-width:66px!important;}
.ibfff{background: #fff!important;}
.ib000{background: #000!important;}
.ibddd{background: #ddd!important;}
.ibaaa{background: #aaa!important;}
.ibred{
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
 			background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -ms-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));}
.ib0{background:rgba(0,0,0,.00);}
.ib5{background:rgba(0,0,0,.05)!important;}
.ibqianlan{background-color:hsl(var(--my_color_d), var(--my_color_e), 95%)!important;}
.ibr0{border-radius:0px!important;}
.ibr2{border-radius:2px!important;}
.ibr3{border-radius:3px!important;}
.ibr5{border-radius:5px!important;}
.ibr10{border-radius:10px!important;}
.ibr20{border-radius:20px!important;}
.ibr25{border-radius:25px!important;}
.ibr30{border-radius:30px!important;}
.ibr_yuan{border-radius:50%!important;}
.ibrs30{border-top-left-radius:30px!important;border-top-right-radius:30px!important;}
.ibrx30{border-bottom-left-radius:30px!important;border-bottom-right-radius:30px!important;}
.zhushi{padding:5px 5px 5px 6px;margin:10px -5px -1px 0px;float:right;border-radius:6px;letter-spacing:0px;font-size:12px;color:#fff;background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));line-height:10px;
box-shadow:0px 3px 0px 0px rgba(255, 255, 255, .6), 0px 4px 5px #999;-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255, .6), 0px 4px 5px #999;-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255, .6), 0px 4px 5px #999;-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255, .6), 0px 4px 5px #999;-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255, .6), 0px 4px 5px #999;
}

.boxs_bian{box-shadow:0px 3px 0px 0px rgba(255, 255, 255,1), 0px 5px 55px #999;-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,1), 0px 5px 55px #999;-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,1), 0px 5px 55px #999;-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,1), 0px 5px 55px #999;-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,1), 0px 5px 55px #999;}
.boxs_bian2{box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;}
.boxs_bian3{box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 4px 5px #999;-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 4px 5px #999;-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 4px 5px #999;-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 4px 5px #999;-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 4px 5px #999;}
.boxs_bian4{box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, transparent 0 .1em 3px, transparent 0 .3em 1px,  rgba(0,0,0,0.3) 0 .3em 0px;-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, transparent 0 .1em 3px, transparent 0 .3em 1px,  rgba(0,0,0,0.3) 0 .3em 0px;-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, transparent 0 .1em 3px, transparent 0 .3em 1px,  rgba(0,0,0,0.3) 0 .3em 0px;-o-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, transparent 0 .1em 3px, transparent 0 .3em 1px,  rgba(0,0,0,0.3) 0 .3em 0px;-ms-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, transparent 0 .1em 3px, transparent 0 .3em 1px,  rgba(0,0,0,0.3) 0 .3em 0px; }
.boxs_bian5{box-shadow:0px 1px 0px 0px rgba(255, 255, 255,.3), 0px 2px 3px #999;-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255,.3), 0px 2px 3px #999;-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255,.3), 0px 2px 3px #999;-ms-box-shadow:0px 1px 0px 0px rgba(255, 255, 255,.3), 0px 2px 3px #999;-o-box-shadow:0px 1px 0px 0px rgba(255, 255, 255,.3), 0px 2px 3px #999;}

.boxs{box-shadow:0 0px 12px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0px 12px 1px rgba(0,0,0,.2);-moz-box-shadow:0 0px 12px 1px rgba(0,0,0,.2);-ms-box-shadow:0 0px 12px 1px rgba(0,0,0,.2);-o-box-shadow:0 0px 12px 1px rgba(0,0,0,.2);}
.boxs_da{box-shadow:0 0px 20px 1px rgba(0,0,0,.3);-webkit-box-shadow:0 0px 20px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0px 20px 1px rgba(0,0,0,.3);-ms-box-shadow:0 0px 20px 1px rgba(0,0,0,.3);-o-box-shadow:0 0px 20px 1px rgba(0,0,0,.3);}
.boxs2{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.boxsx{box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);-ms-box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);-o-box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);}
.boxs3{box-shadow:0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 6px 5px #999;}
.boxs33{box-shadow:0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 0px 5px #999;}
.boxs4{box-shadow:0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;}
.boxs5{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 6px 5px #bbb;-webkit-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 6px 5px #bbb;-ms-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 6px 5px #bbb;}
.boxs_blue{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), 90%,60%), var(--my_color_f5)), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), 90%,60%), var(--my_color_f5)), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), 90%,60%), 0px 6px 5px #bbb;}
.boxs_orange{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), var(--my_color_e25), 35%), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), var(--my_color_e25), 35%), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 6px 5px #bbb;}
.boxs_pink{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)), 0px 6px 5px #bbb;-webkit-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)), 0px 6px 5px #bbb;-ms-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60)), 0px 6px 5px #bbb;}
.boxs_redd{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-webkit-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-ms-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;}
.boxs_hong{box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-webkit-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-moz-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-ms-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;-o-box-shadow: 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50)), 0px 6px 5px #bbb;}


.boxs7{box-shadow: 0px 0px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 10px 10px #bbb;}
.boxs10{box-shadow:0px 5px 0px 0px #999, 0px 10px 5px #aaa;}
.boxs11{box-shadow:-2px 5px 0px #999, -10px 10px 10px #aaa;}
.boxs12{box-shadow:2px 5px 0px #999, 10px 10px 10px #aaa;}
.boxsinset{box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-ms-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-o-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset; padding:15px;}
.boxsinset2{box-shadow:0 0px 5px 1px rgba(0,0,0,.6) inset; padding:5px;}
.boxsinset5{box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset; padding:5px;}
.boxsinset10{box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset; padding:10px;}
.boxsinset20{box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset; padding:20px;}

.yanzheng-container {width: 300px;height: 45px;position: relative;border: 1px solid #e5e7eb;background-color: #f9fafb;overflow: hidden;margin: 15px auto;}
.yanzheng-track {position: absolute;top: 0;left: 0;height: 100%;background-color: hsl(var(--my_color_d), var(--my_color_e85), 85%);z-index: 1;width: 0;}
.yanzheng-button {width: 50px;height: 46px;position: absolute;top: -2px;left: 0;background-color: #fff;border: 1px solid #e5e7eb;z-index: 6;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);transition: box-shadow 0.2s;}
.yanzheng-button:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.yanzheng-text {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #6b7280;pointer-events: none;}
.yanzheng-puzzle {width: 300px;height: 150px;position: relative;margin: 15px auto;overflow: hidden;border: 1px solid #e5e7eb;}
.puzzle-bg {width: 100%;height: 100%;display: block;}
.puzzle-block {position: absolute;top: 0;left: 0;z-index: 2;pointer-events: none;}

.img_shadow1{filter: drop-shadow(1px 1px 1px #000);-webkit-filter: drop-shadow(1px 1px 1px #000);-moz-filter: drop-shadow(1px 1px 1px #000);-ms-filter: drop-shadow(1px 1px 1px #000);-o-filter: drop-shadow(1px 1px 1px #000);}
.img_shadow2{filter: drop-shadow(2px 2px 2px #000);-webkit-filter: drop-shadow(2px 2px 2px #000);-moz-filter: drop-shadow(2px 2px 2px #000);-ms-filter: drop-shadow(2px 2px 2px #000);-o-filter: drop-shadow(2px 2px 2px #000);}
.img_shadow3{filter: drop-shadow(3px 3px 3px #000);-webkit-filter: drop-shadow(3px 3px 3px #000);-moz-filter: drop-shadow(3px 3px 3px #000);-ms-filter: drop-shadow(3px 3px 3px #000);-o-filter: drop-shadow(3px 3px 3px #000);}
.img_shadow4{filter: drop-shadow(3px 3px 4px #000);-webkit-filter: drop-shadow(3px 3px 4px #000);-moz-filter: drop-shadow(3px 3px 4px #000);-ms-filter: drop-shadow(3px 3px 4px #000);-o-filter: drop-shadow(3px 3px 4px #000);}
.img_shadow5{filter: drop-shadow(3px 3px 5px #000);-webkit-filter: drop-shadow(3px 3px 5px #000);-moz-filter: drop-shadow(3px 3px 5px #000);-ms-filter: drop-shadow(3px 3px 5px #000);-o-filter: drop-shadow(3px 3px 5px #000);}
.img_shadow6{filter: drop-shadow(3px 3px 6px #000);-webkit-filter: drop-shadow(3px 3px 6px #000);-moz-filter: drop-shadow(3px 3px 6px #000);-ms-filter: drop-shadow(3px 3px 6px #000);-o-filter: drop-shadow(3px 3px 6px #000);}

.bactouming{background:rgba(0,0,0,.0)!important;}
.bacchang{background:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50))!important;}
.bacredd{background:hsl(var(--my_color_d), var(--my_color_e), 95%)!important;}
.bacredd2{background:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50))!important;}
.bacredd3{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35))!important;}
.bacreddd2{background:hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f50))!important;}
.bachuang{
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55)) 0%, hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f65)) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55)) 0%,hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
}
.bacpink{background:hsl(var(--my_color_d), var(--my_color_e), 95%)!important;}
.bacpink2{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.bacpink3{background:hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f50))!important;}
.bacblue{background:hsl(var(--my_color_d), var(--my_color_e80), 90%)!important;}
.bacblue2{background:hsl(var(--my_color_d), var(--my_color_e80), 84%)!important;}
.bacblue3{background:hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35))!important;}
.bacblue4{background:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f35))!important;}
.bac_hong{background:hsl(var(--my_color_d), 90%,50%)!important;}
.bor_hong{border-color:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50))!important;}
.bacgreen{background:hsl(var(--my_color_d), 60%,85%)!important;}
.bacgreen2{background:hsl(var(--my_color_d), 60%,85%)!important;}

.ol-page { overflow-x: auto; padding-bottom: 10px; }
.ol-container { width: 650px; min-width: 650px; margin: 0 auto; }
.ol-wrap {border: 1px solid hsl(var(--my_color_d), var(--my_color_e85), 80%)!important;border-radius: 4px;margin-top: 10px;width: 100%;position: relative;}
.ol-head,.ol-row {display: grid;padding:8px;box-sizing: border-box;text-align:center;}
.ol-head > div,.ol-row > div {overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ol-head {background: hsl(var(--my_color_d), var(--my_color_e95), 92%)!important;font-weight: bold;}
.ol-row {border-top: 1px solid hsl(var(--my_color_d), var(--my_color_e85), 80%)!important;}
.ol-head > div:last-child, .ol-row > div:last-child {position: sticky;right:0;padding-top:8px;background: inherit;margin:-8px -10px -8px 0; box-shadow: -1px 0 0 hsl(var(--my_color_d), var(--my_color_e95), 92%);background: hsl(var(--my_color_d), var(--my_color_e95), 92%);}
.action-buttons {display: flex;gap: 5px;justify-content: center;align-items: center;height: 100%;}
.ol-btn {padding: 3px 6px;font-size:13px;cursor: pointer;border: 1px solid hsl(var(--my_color_d), var(--my_color_e85), 80%);background: #fff;}
/* 分页样式 */
.ol-pagination {display: flex;gap: 5px;justify-content: center;    margin: 15px 0;}
.ol-pagination button {padding: 5px 10px;border: 1px solid hsl(var(--my_color_d), var(--my_color_e85), 80%);background: #fff;cursor: pointer;}
.ol-pagination button:disabled {opacity: 0.5;cursor: not-allowed;}
.ol-pagination .current {background: hsl(var(--my_color_d), var(--my_color_e95), 95%);font-weight: bold;}

.tan_chu_nei_da{width:96%;height:98%;}
.tan_chu_nei{min-width:90%;max-width:92%;min-height:260px;max-height:750px;}
.nei_bu { padding:10px 0px 0px 0px!important; }
.register_form { padding:25px 5px 5px 5px!important; }
.chat_zhu { position:fixed;top:40px;left:0;right:0;bottom:0;z-index:1; } 
.chat_nei { position:fixed;top:0px;left:0;right:0;bottom:0;z-index:9991;overflow: hidden; } 

.average_zong{width:100%;display:flex;gap:2px;padding:0 1px;}
.average_fenye{float:left;margin:0 5px 0 0;cursor:pointer;text-align:center;flex:1;padding:7px 0px;line-height:18px;}

.wangeditor-upload-container {width:80%;margin:0 auto;padding:10px;border:1px solid #eee;border-radius:8px;}
.wangeditor-fileInput {display:none;}
.wangeditor-upload-btn {padding:10px 20px;background:hsl(var(--my_color_d), var(--my_color_e80), 50%);color:white;font-weight:normal;text-shadow: 1px 1px 3px rgba(0,0,0,.0)!important;border:none;border-radius:4px;cursor:pointer;transition:background 0.3s;}
.wangeditor-upload-btn:hover {background:hsl(var(--my_color_d), var(--my_color_e85), 45%);}
.wangeditor-progress {height:8px;background:hsl(var(--my_color_d), var(--my_color_e80), 50%);margin:15px 0;border-radius:4px;overflow:hidden;display:none;}
.wangeditor-progress-bar {height:100%;background:hsl(var(--my_color_d), var(--my_color_e80), 50%);width:0%;transition:width 0.2s linear;}
.wangeditor-preview-area {margin-top:20px;padding:15px;border:1px dashed #eee;border-radius:4px;min-height:150px;}
.wangeditor-preview-title {font-size:14px;color:#666;margin-bottom:10px;}
.wangeditor-preview-list {display:flex;flex-wrap:wrap;gap:15px;}
.wangeditor-preview-item {position:relative;width:180px;border:1px solid #eee;border-radius:4px;overflow:hidden;}
.wangeditor-preview-img {width:100%;height:120px;object-fit:cover;cursor:pointer;}
.wangeditor-preview-video {width:100%;height:120px;object-fit:cover;}
.wangeditor-preview-desc {padding:8px;font-size:12px;color:#666;background:#fafafa;}
.wangeditor-error-message {margin-top:15px;color:#f5222d;font-size:14px;display:none;}
.wangeditor-delete-btn {position:absolute;top:5px;right:5px;width:24px;height:24px;background:#f5222d;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px;z-index:10;display:flex;align-items:center;justify-content:center;}

.daohang_1{width:200px;font-size:13px;text-align:center!important;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))!important;}
.daohang_1 span{float:left;display:inline-block!important;padding:5px 0;border-bottom:1px solid hsl(var(--my_color_d), 0%, 90%)!important;width:50%!important;cursor:pointer;}
.daohang_1 span.active{border-bottom:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.daohang_2{padding:1px 12px 9px 3px!important;line-height:18px!important;height:10px!important;color:#fff!important;font-size:13px!important;float:left;margin:1px 10px 0px 2px!important;}

.anniu_red_active{background:linear-gradient(to left top, hsl(var(--my_color_d), 90%,48%) 50%, var(--my_color_f5)) 50%)!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), var(--my_color_e25), 98%)!important;color:#fff!important;padding:1px 5px;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.anniu_red{background:#fff!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), 90%,48%)!important;color:hsl(var(--my_color_d), 90%,48%)!important;padding:1px 5px;}
.anniu_blue_active{background:linear-gradient(to left top, hsl(var(--my_color_d), 80%,35%) 50%, var(--my_color_f5)) 50%)!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), var(--my_color_e25), 98%)!important;color:#fff!important;padding:1px 5px;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.anniu_blue{background:#fff!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), 80%,35%)!important;color:hsl(var(--my_color_d), 80%,35%)!important;padding:1px 5px;}
.anniu_orange_active{background:linear-gradient(to left top, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)) 50%, var(--my_color_e25), 38%) 50%)!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), var(--my_color_e25), 98%)!important;color:#fff!important;padding:1px 5px;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.anniu_orange{background:#fff!important;border-radius:30%!important;border:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35))!important;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35))!important;padding:1px 5px;}

.z_index1{z-index:1;}
.bactouming{background:hsla(18, 100%, 95%, 0)!important;}
.bac000{background: #000!important;}
.bacfff{background: #fff!important;}
.bacfa{background: hsl(var(--my_color_d), var(--my_color_e), 96%)!important;}
.bacfb{background: hsl(var(--my_color_d), var(--my_color_e), 98%)!important;}
.bacddd{background: #ddd!important;}
.baceee{background: #eee!important;}
.bacf0f0f0{background: #f0f0f0!important;}
.bacf3f3f3{background: #f3f3f3!important;}
.bacfafafa{background: #fafafa!important;}
.bacfbfbfb{background: #fbfbfb!important;}
.bacf8f8f8{background: #f8f8f8!important;}
.bor_1_ddd{border:1px solid #ddd!important;}
.ibredxuxian{border:2px dashed red!important;}
.ibredshixian{border:2px solid red!important;}
.borredd{border-color:hsl(var(--my_color_d), var(--my_color_e), 95%)!important;}
.borredd2{border-color:hsl(var(--my_color_d), var(--my_color_e), 90%)!important;}
.borpink{border-color:hsl(var(--my_color_d), var(--my_color_e), 95%)!important;}
.borpink2{border-color:hsl(var(--my_color_d), var(--my_color_e), 85%)!important;}
.borblue{border-color:hsl(var(--my_color_d), var(--my_color_e80), 90%)!important;}
.borblue2{border-color:hsl(var(--my_color_d), var(--my_color_e80), 84%)!important;}
.borblue3{border-color:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60))!important;}
.bororange{border-color:hsl(var(--my_color_d), var(--my_color_e80), 90%)!important;}
.bororange2{border-color:hsl(var(--my_color_d), var(--my_color_e80), 84%)!important;}
.bororange3{border-color:hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f35))!important;}
.borfff{border-color:#fff!important;}
.border0{border:0px!important;}
.border1{border:1px solid #ddd!important;}
.border_fff{border:1px solid #fff;}
.border_e{border:1px solid #eee;}
.border_f8{border:1px solid #f8f8f8;}
.border_eee{border:1px solid hsl(var(--my_color_d), var(--my_color_e75), 92%)!important;}
.border_chang{border:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;}
.boreee{border-color:#eee!important;}
.bacorange{background:hsl(var(--my_color_d), var(--my_color_e), 85%)!important;}
.bacorange2{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65))!important;}
.bacorange3{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35))!important;}
.bacred{
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))))!important;
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
background: -ms-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)))!important;}
.bacred2{
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), 78%)), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40))));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e85), 78%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)));}
.bacred3{background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));}
.bacwhite{background: hsl(var(--my_color_d), var(--my_color_e25), 89%)!important;
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%))!important;
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)))!important;
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%))!important;
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: -ms-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%))!important;
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%))!important;}

.ic10{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f10))!important;}
.ic20{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))!important;}
.ic30{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;}
.ic40{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))!important;}
.ic50{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.ic60{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.ic70{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f70))!important;}
.ic80{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f80))!important;}
.ic90{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f90))!important;}
.ictou{color:rgba(0,0,0,0)!important;}
.icfff{color:#fff!important;}
.icc00{color:#c00!important;}
.icred{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.icred40{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))!important;}
.icred60{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.icred70{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f70))!important;}
.icpink{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f15))!important;}
.icpink2{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.icpink3{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;}
.icblue{color:hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f10))!important;}
.icblue2{color:hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60))!important;}
.icblue3{color:hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50))!important;}
.icblue4{color:hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60))!important;}
.icblue5{color:hsl(var(--my_color_d), var(--my_color_e70), 72%)!important;}
.icblue6{color:hsl(var(--my_color_d), var(--my_color_e70), 82%)!important;}
.icorange{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f10))!important;}
.icorange2{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.icorange3{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30))!important;}
.icorange4{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))!important;}
.icorange5{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.icorange6{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.icorange7{color:hsl(var(--my_color_d), var(--my_color_e), 72%)!important;}
.icorange8{color:hsl(var(--my_color_d), var(--my_color_e), 82%)!important;}
.icorange9{color:hsl(var(--my_color_d), var(--my_color_e), 92%)!important;}
.icyellow{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60))!important;}
.icredd{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25))!important;}
.icredchang{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.icred2{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))!important;}
.icgreen{color:green!important;}
.icred{color:red!important;}
.iccblue{color:#197ce6!important;}
.ic000{color:#000!important;}
.ic111{color:#111!important;}
.ic222{color:#222!important;}
.ic333{color:#333!important;}
.ic444{color:#444!important;}
.ic555{color:#555!important;}
.ic666{color:#666!important;}
.ic777{color:#777!important;}
.ic888{color:#888!important;}
.ic999{color:#999!important;}
.icaaa{color:#aaa!important;}
.icddd{color:ddd!important;}
.ifz5{font-size:5px!important;}
.ifz6{font-size:6px!important;}
.ifz7{font-size:7px!important;}
.ifz8{font-size:8px!important;}
.ifz9{font-size:9px!important;}
.ifz10{font-size:10px!important;}
.ifz11{font-size:11px!important;}
.ifz12{font-size:12px!important;}
.ifz13{font-size:13px!important;}
.ifz14{font-size:14px!important;}
.ifz15{font-size:15px!important;}
.ifz16{font-size:16px!important;}
.ifz17{font-size:17px!important;}
.ifz18{font-size:18px!important;}
.ifz19{font-size:19px!important;}
.ifz20{font-size:20px!important;}
.ifz21{font-size:21px!important;}
.ifz22{font-size:22px!important;}
.ifz23{font-size:23px!important;}
.ifz24{font-size:24px!important;}
.ifz25{font-size:25px!important;}
.ifz26{font-size:26px!important;}
.ifz27{font-size:27px!important;}
.ifz28{font-size:28px!important;}
.ifz30{font-size:30px!important;}
.ifz31{font-size:31px!important;}
.ifz32{font-size:32px!important;}
.ifz33{font-size:33px!important;}
.ifz34{font-size:34px!important;}
.ifz35{font-size:35px!important;}
.ifz36{font-size:36px!important;}
.ifz37{font-size:37px!important;}
.ifz38{font-size:38px!important;}
.ifz40{font-size:40px!important;}
.ifz42{font-size:42px!important;}
.ifz48{font-size:48px!important;}
.ifz50{font-size:50px!important;}
.ifz51{font-size:51px!important;}
.ifz52{font-size:52px!important;}
.ifw700{font-weight:bold!important;}
.ifw100{font-weight:normal!important;}
.ilh10{line-height:10px!important;}
.ilh11{line-height:11px!important;}
.ilh12{line-height:12px!important;}
.ilh13{line-height:13px!important;}
.ilh14{line-height:14px!important;}
.ilh15{line-height:15px!important;}
.ilh16{line-height:16px!important;}
.ilh17{line-height:17px!important;}
.ilh18{line-height:18px!important;}
.ilh19{line-height:19px!important;}
.ilh20{line-height:20px!important;}
.ilh21{line-height:21px!important;}
.ilh22{line-height:22px!important;}
.ilh23{line-height:23px!important;}
.ilh24{line-height:24px!important;}
.ilh25{line-height:25px!important;}
.ilh26{line-height:26px!important;}
.ilh27{line-height:27px!important;}
.ilh28{line-height:28px!important;}
.ilh30{line-height:30px!important;}
.ilh35{line-height:35px!important;}
.ilh40{line-height:40px!important;}
.ilh50{line-height:50px!important;}
.imb0{margin-bottom:0px!important;}
.imb-1{margin-bottom:-1px!important;}
.imb-2{margin-bottom:-2px!important;}
.imb-3{margin-bottom:-3px!important;}
.imb-4{margin-bottom:-4px!important;}
.imb-5{margin-bottom:-5px!important;}
.imb-6{margin-bottom:-6px!important;}
.imb-7{margin-bottom:-7px!important;}
.imb-8{margin-bottom:-8px!important;}
.imb-9{margin-bottom:-9px!important;}
.imb-10{margin-bottom:-10px!important;}
.imb-11{margin-bottom:-11px!important;}
.imb-12{margin-bottom:-12px!important;}
.imb-13{margin-bottom:-13px!important;}
.imb-14{margin-bottom:-14px!important;}
.imb-15{margin-bottom:-15px!important;}
.imb-20{margin-bottom:-20px!important;}
.imb-23{margin-bottom:-23px!important;}
.imb-24{margin-bottom:-24px!important;}
.imb-25{margin-bottom:-25px!important;}
.imb-30{margin-bottom:-30px!important;}
.imb-35{margin-bottom:-35px!important;}
.imb-40{margin-bottom:-40px!important;}
.imb-50{margin-bottom:-50px!important;}
.imb1{margin-bottom:1px!important;}
.imb2{margin-bottom:2px!important;}
.imb3{margin-bottom:3px!important;}
.imb4{margin-bottom:4px!important;}
.imb5{margin-bottom:5px!important;}
.imb6{margin-bottom:6px!important;}
.imb8{margin-bottom:8px!important;}
.imb9{margin-bottom:9px!important;}
.imb10{margin-bottom:10px!important;}
.imb11{margin-bottom:11px!important;}
.imb12{margin-bottom:12px!important;}
.imb13{margin-bottom:13px!important;}
.imb14{margin-bottom:14px!important;}
.imb15{margin-bottom:15px!important;}
.imb20{margin-bottom:20px!important;}
.imb25{margin-bottom:25px!important;}
.imb30{margin-bottom:30px!important;}
.imb35{margin-bottom:35px!important;}
.imb40{margin-bottom:40px!important;}
.imb50{margin-bottom:50px!important;}
.imb60{margin-bottom:60px!important;}
.imb70{margin-bottom:70px!important;}
.imb80{margin-bottom:80px!important;}
.imb90{margin-bottom:90px!important;}
.imb100{margin-bottom:100px!important;}
.imb110{margin-bottom:110px!important;}
.imb120{margin-bottom:120px!important;}
.imb130{margin-bottom:130px!important;}
.imb150{margin-bottom:150px!important;}
.imb180{margin-bottom:180px!important;}
.imb200{margin-bottom:200px!important;}
.imr-1{margin-right:-1px!important;}
.imr-2{margin-right:-2px!important;}
.imr-3{margin-right:-3px!important;}
.imr-4{margin-right:-4px!important;}
.imr-5{margin-right:-5px!important;}
.imr-6{margin-right:-6px!important;}
.imr-7{margin-right:-7px!important;}
.imr-8{margin-right:-8px!important;}
.imr-9{margin-right:-9px!important;}
.imr-10{margin-right:-10px!important;}
.imr-15{margin-right:-15px!important;}
.imr-20{margin-right:-20px!important;}
.imr-30{margin-right:-30px!important;}
.imr-40{margin-right:-40px!important;}
.imr-50{margin-right:-50px!important;}
.imr0{margin-right:0px!important;}
.imr1{margin-right:1px!important;}
.imr2{margin-right:2px!important;}
.imr3{margin-right:3px!important;}
.imr4{margin-right:5px!important;}
.imr5{margin-right:5px!important;}
.imr6{margin-right:6px!important;}
.imr7{margin-right:7px!important;}
.imr8{margin-right:8px!important;}
.imr9{margin-right:9px!important;}
.imr10{margin-right:10px!important;}
.imr11{margin-right:11px!important;}
.imr12{margin-right:12px!important;}
.imr13{margin-right:13px!important;}
.imr14{margin-right:14px!important;}
.imr15{margin-right:15px!important;}
.imr16{margin-right:16px!important;}
.imr17{margin-right:17px!important;}
.imr18{margin-right:18px!important;}
.imr19{margin-right:19px!important;}
.imr20{margin-right:20px!important;}
.imr25{margin-right:25px!important;}
.imr26{margin-right:26px!important;}
.imr27{margin-right:27px!important;}
.imr28{margin-right:28px!important;}
.imr30{margin-right:30px!important;}
.imr32{margin-right:32px!important;}
.imr35{margin-right:35px!important;}
.imr40{margin-right:40px!important;}
.imr45{margin-right:45px!important;}
.imr50{margin-right:50px!important;}
.imr55{margin-right:55px!important;}
.imr60{margin-right:60px!important;}
.imr65{margin-right:65px!important;}
.imr67{margin-right:67px!important;}
.imr68{margin-right:68px!important;}
.imr70{margin-right:70px!important;}
.iml-1{margin-left:-1px!important;}
.iml-2{margin-left:-2px!important;}
.iml-3{margin-left:-3px!important;}
.iml-4{margin-left:-3px!important;}
.iml-5{margin-left:-4px!important;}
.iml-6{margin-left:-6px!important;}
.iml-7{margin-left:-7px!important;}
.iml-8{margin-left:-8px!important;}
.iml-9{margin-left:-9px!important;}
.iml-10{margin-left:-10px!important;}
.iml-11{margin-left:-11px!important;}
.iml-12{margin-left:-12px!important;}
.iml-13{margin-left:-13px!important;}
.iml-14{margin-left:-14px!important;}
.iml-15{margin-left:-15px!important;}
.iml-20{margin-left:-20px!important;}
.iml-22{margin-left:-22px!important;}
.iml-25{margin-left:-25px!important;}
.iml-26{margin-left:-26px!important;}
.iml-28{margin-left:-28px!important;}
.iml-30{margin-left:-30px!important;}
.iml-35{margin-left:-35px!important;}
.iml-40{margin-left:-40px!important;}
.iml-45{margin-left:-45px!important;}
.iml-50{margin-left:-50px!important;}
.iml-60{margin-left:-60px!important;}
.iml-70{margin-left:-70px!important;}
.iml-80{margin-left:-80px!important;}
.iml0{margin-left:0px!important;}
.iml1{margin-left:1px!important;}
.iml2{margin-left:2px!important;}
.iml3{margin-left:3px!important;}
.iml4{margin-left:4px!important;}
.iml5{margin-left:5px!important;}
.iml6{margin-left:6px!important;}
.iml7{margin-left:7px!important;}
.iml8{margin-left:8px!important;}
.iml9{margin-left:9px!important;}
.iml10{margin-left:10px!important;}
.iml11{margin-left:11px!important;}
.iml12{margin-left:12px!important;}
.iml13{margin-left:13px!important;}
.iml14{margin-left:14px!important;}
.iml15{margin-left:15px!important;}
.iml16{margin-left:16px!important;}
.iml17{margin-left:17px!important;}
.iml18{margin-left:18px!important;}
.iml19{margin-left:19px!important;}
.iml20{margin-left:20px!important;}
.iml25{margin-left:25px!important;}
.iml30{margin-left:30px!important;}
.iml35{margin-left:35px!important;}
.iml40{margin-left:40px!important;}
.iml45{margin-left:45px!important;}
.iml50{margin-left:50px!important;}
.iml55{margin-left:55px!important;}
.iml60{margin-left:60px!important;}
.iml65{margin-left:65px!important;}
.iml67{margin-left:67px!important;}
.iml68{margin-left:68px!important;}
.iml70{margin-left:70px!important;}
.iml75{margin-left:75px!important;}
.iml80{margin-left:80px!important;}
.iml85{margin-left:85px!important;}
.iml90{margin-left:90px!important;}
.iml95{margin-left:95px!important;}
.iml100{margin-left:100px!important;}
.iml110{margin-left:110px!important;}
.iml120{margin-left:120px!important;}
.iml130{margin-left:130px!important;}
.imt0{margin-top:0px!important;}
.imt-1{margin-top:-1px!important;}
.imt-2{margin-top:-2px!important;}
.imt-3{margin-top:-3px!important;}
.imt-4{margin-top:-4px!important;}
.imt-5{margin-top:-5px!important;}
.imt-6{margin-top:-6px!important;}
.imt-7{margin-top:-7px!important;}
.imt-8{margin-top:-8px!important;}
.imt-9{margin-top:-9px!important;}
.imt-10{margin-top:-10px!important;}
.imt-11{margin-top:-11px!important;}
.imt-12{margin-top:-12px!important;}
.imt-13{margin-top:-13px!important;}
.imt-14{margin-top:-14px!important;}
.imt-15{margin-top:-15px!important;}
.imt-18{margin-top:-18px!important;}
.imt-20{margin-top:-20px!important;}
.imt-25{margin-top:-25px!important;}
.imt-27{margin-top:-27px!important;}
.imt-28{margin-top:-28px!important;}
.imt-30{margin-top:-30px!important;}
.imt-35{margin-top:-35px!important;}
.imt-40{margin-top:-40px!important;}
.imt-45{margin-top:-45px!important;}
.imt-50{margin-top:-50px!important;}
.imt-60{margin-top:-60px!important;}
.imt-70{margin-top:-70px!important;}
.imt-80{margin-top:-80px!important;}
.imt-90{margin-top:-90px!important;}
.imt-100{margin-top:-100px!important;}
.imt-110{margin-top:-110px!important;}
.imt-120{margin-top:-120px!important;}
.imt-130{margin-top:-130px!important;}
.imt-140{margin-top:-140px!important;}
.imt-180{margin-top:-180px!important;}
.imt1{margin-top:1px!important;}
.imt2{margin-top:2px!important;}
.imt3{margin-top:3px!important;}
.imt4{margin-top:4px!important;}
.imt5{margin-top:5px!important;}
.imt6{margin-top:6px!important;}
.imt7{margin-top:7px!important;}
.imt8{margin-top:8px!important;}
.imt9{margin-top:9px!important;}
.imt10{margin-top:10px!important;}
.imt11{margin-top:11px!important;}
.imt12{margin-top:12px!important;}
.imt13{margin-top:13px!important;}
.imt14{margin-top:14px!important;}
.imt15{margin-top:15px!important;}
.imt16{margin-top:16px!important;}
.imt17{margin-top:17px!important;}
.imt18{margin-top:18px!important;}
.imt19{margin-top:19px!important;}
.imt20{margin-top:20px!important;}
.imt21{margin-top:21px!important;}
.imt22{margin-top:22px!important;}
.imt23{margin-top:23px!important;}
.imt24{margin-top:24px!important;}
.imt25{margin-top:25px!important;}
.imt30{margin-top:30px!important;}
.imt35{margin-top:35px!important;}
.imt40{margin-top:40px!important;}
.imt45{margin-top:45px!important;}
.imt50{margin-top:50px!important;}
.imt55{margin-top:55px!important;}
.imt60{margin-top:60px!important;}
.imt65{margin-top:65px!important;}
.imt70{margin-top:70px!important;}
.imt80{margin-top:80px!important;}
.img5{margin:5px!important;}
.img8{margin:8px!important;}
.img10{margin:10px!important;}
.img15{margin:15px!important;}
.img20{margin:20px!important;}
.img25{margin:25px!important;}
.img35{margin:35px!important;}
.img40{margin:40px!important;}
.img45{margin:45px!important;}
.img50{margin:50px!important;}
.iserif{font-family:SimSun,sans-serif!important;}
.iheiti{font-family:SimSun,SimHei!important;}
.isongti{font-family:SimSun,SimSun!important;}
.ikaiti{font-family:SimSun,KaiTi!important;}
.ilshu{font-family:SimSun,'LiSu'!important;}
.iyahei{font-family:"Microsoft YaHei"!important;}
.xieti{	font-style: italic!important;}
.ivam{vertical-align: middle!important;}
.ital{text-align:left!important;}
.itar{text-align:right!important;}
.itac{text-align:center!important;}
.iovy{overflow-y: hidden!important;overflow-x: auto!important;}
.iovx{overflow-y: auto!important;overflow-x: hidden!important;}
.iov{overflow: auto!important;}
.ioh{overflow: hidden!important;}
.iohx{overflow-x: hidden!important;}

.ipd0{padding:0px!important;}
.ipd1{padding:1px!important;}
.ipd2{padding:2px!important;}
.ipd3{padding:3px!important;}
.ipd4{padding:4px!important;}
.ipd5{padding:5px!important;}
.ipd6{padding:6px!important;}
.ipd7{padding:7px!important;}
.ipd8{padding:8px!important;}
.ipd9{padding:9px!important;}
.ipd10{padding:10px!important;}
.ipd12{padding:12px!important;}
.ipd15{padding:15px!important;}
.ipd20{padding:20px!important;}
.ipd25{padding:25px!important;}
.ipd30{padding:30px!important;}
.ipd35{padding:35px!important;}
.ipd40{padding:40px!important;}
.ipd45{padding:45px!important;}
.ipd50{padding:50px!important;}
.ipd55{padding:55px!important;}
.ipd60{padding:60px!important;}
.ipd70{padding:70px!important;}
.ipd80{padding:80px!important;}
.ipdanniu{padding:0px 13px!important;}
.ipdan{padding:5px 10px!important;}
.ipb0{padding-bottom:0px!important;}
.ipb1{padding-bottom:1px!important;}
.ipb2{padding-bottom:2px!important;}
.ipb3{padding-bottom:3px!important;}
.ipb4{padding-bottom:4px!important;}
.ipb5{padding-bottom:5px!important;}
.ipb6{padding-bottom:6px!important;}
.ipb7{padding-bottom:7px!important;}
.ipb8{padding-bottom:8px!important;}
.ipb9{padding-bottom:9px!important;}
.ipb10{padding-bottom:10px!important;}
.ipb15{padding-bottom:15px!important;}
.ipb20{padding-bottom:20px!important;}
.ipb25{padding-bottom:25px!important;}
.ipb30{padding-bottom:30px!important;}
.ipb40{padding-bottom:40px!important;}
.ipb50{padding-bottom:50px!important;}
.ipb60{padding-bottom:60px!important;}
.ipb80{padding-bottom:80px!important;}
.ipt0{padding-top:0px!important;}
.ipt1{padding-top:1px!important;}
.ipt2{padding-top:2px!important;}
.ipt3{padding-top:3px!important;}
.ipt4{padding-top:4px!important;}
.ipt5{padding-top:5px!important;}
.ipt6{padding-top:6px!important;}
.ipt7{padding-top:7px!important;}
.ipt8{padding-top:8px!important;}
.ipt9{padding-top:9px!important;}
.ipt10{padding-top:10px!important;}
.ipt11{padding-top:11px!important;}
.ipt12{padding-top:12px!important;}
.ipt13{padding-top:13px!important;}
.ipt14{padding-top:14px!important;}
.ipt15{padding-top:15px!important;}
.ipt16{padding-top:16px!important;}
.ipt17{padding-top:17px!important;}
.ipt18{padding-top:18px!important;}
.ipt19{padding-top:19px!important;}
.ipt20{padding-top:20px!important;}
.ipt21{padding-top:21px!important;}
.ipt22{padding-top:22px!important;}
.ipt23{padding-top:23px!important;}
.ipt24{padding-top:24px!important;}
.ipt25{padding-top:25px!important;}
.ipt30{padding-top:30px!important;}
.ipt35{padding-top:35px!important;}
.ipt40{padding-top:40px!important;}
.ipt45{padding-top:45px!important;}
.ipt50{padding-top:50px!important;}
.ipt80{padding-top:80px!important;}
.ipr0{padding-right:0px!important;}
.ipr1{padding-right:1px!important;}
.ipr2{padding-right:2px!important;}
.ipr3{padding-right:3px!important;}
.ipr5{padding-right:4px!important;}
.ipr5{padding-right:5px!important;}
.ipr6{padding-right:6px!important;}
.ipr7{padding-right:7px!important;}
.ipr8{padding-right:8px!important;}
.ipr9{padding-right:9px!important;}
.ipr10{padding-right:10px!important;}
.ipr11{padding-right:11px!important;}
.ipr12{padding-right:12px!important;}
.ipr13{padding-right:13px!important;}
.ipr14{padding-right:14px!important;}
.ipr15{padding-right:15px!important;}
.ipr17{padding-right:17px!important;}
.ipr18{padding-right:18px!important;}
.ipr19{padding-right:19px!important;}
.ipr20{padding-right:20px!important;}
.ipr21{padding-right:21px!important;}
.ipr22{padding-right:22px!important;}
.ipr23{padding-right:23px!important;}
.ipr24{padding-right:24px!important;}
.ipr25{padding-right:25px!important;}
.ipr30{padding-right:30px!important;}
.ipr35{padding-right:35px!important;}
.ipr40{padding-right:40px!important;}
.ipr45{padding-right:45px!important;}
.ipr50{padding-right:50px!important;}
.ipr60{padding-right:60px!important;}
.ipr70{padding-right:70px!important;}
.ipr80{padding-right:80px!important;}
.ipr90{padding-right:90px!important;}
.ipl0{padding-left:0px!important;}
.ipl1{padding-left:1px!important;}
.ipl2{padding-left:2px!important;}
.ipl3{padding-left:3px!important;}
.ipl4{padding-left:4px!important;}
.ipl5{padding-left:5px!important;}
.ipl6{padding-left:6px!important;}
.ipl7{padding-left:7px!important;}
.ipl8{padding-left:8px!important;}
.ipl9{padding-left:9px!important;}
.ipl10{padding-left:10px!important;}
.ipl11{padding-left:11px!important;}
.ipl12{padding-left:12px!important;}
.ipl13{padding-left:13px!important;}
.ipl14{padding-left:14px!important;}
.ipl15{padding-left:15px!important;}
.ipl17{padding-left:17px!important;}
.ipl18{padding-left:18px!important;}
.ipl19{padding-left:19px!important;}
.ipl20{padding-left:20px!important;}
.ipl21{padding-left:21px!important;}
.ipl22{padding-left:22px!important;}
.ipl23{padding-left:23px!important;}
.ipl24{padding-left:24px!important;}
.ipl25{padding-left:25px!important;}
.ipl30{padding-left:30px!important;}
.ipl35{padding-left:35px!important;}
.ipl40{padding-left:40px!important;}
.ipl45{padding-left:45px!important;}
.ipl50{padding-left:50px!important;}
.ipl60{padding-left:60px!important;}
.ipl70{padding-left:70px!important;}
.ipl80{padding-left:80px!important;}
.ipl90{padding-left:90px!important;}
.iplr5{padding:0px 5px 0px 5px!important;}
.iplr10{padding:0px 10px 0px 10px!important;}
.iplr20{padding:0px 20px 0px 20px!important;}
.ipanniu{padding:4px 13px!important;}
.ipbotton{padding:6px 16px!important;}
.ipbotton2{padding:4px 9px 4px 5px!important;}
.ipbotton3{padding:5px 9px 1px 0px!important;}
.ipbotton4{padding:2px 9px 0px 0px!important;}
.ipbotton5{padding:8px 12px 5px 6px!important;}
.ia000{padding:6px 22px!important;}

.ityc{overflow: hidden!important;text-overflow: ellipsis; white-space:nowrap;word-break:keep-all;}
.iclear{clear:both!important;}
.itshh{text-shadow: 1px 1px 1px rgba(0,0,0,.6)!important;}
.ilts0{letter-spacing:0px!important;}
.ilts1{letter-spacing:1px!important;}
.ilts2{letter-spacing:2px!important;}
.ilts3{letter-spacing:3px!important;}
.ilts4{letter-spacing:4px!important;}
.ilts5{letter-spacing:5px!important;}
.ilts6{letter-spacing:6px!important;}
.ilts7{letter-spacing:7px!important;}
.ilts8{letter-spacing:8px!important;}
.ilts9{letter-spacing:9px!important;}
.iclear{clear:both!important;}
.ileft{float:left!important;}
.iright{float:right!important;}
.ibora{border-radius:25px!important;}
.iclear{clear:both!important;}
.ihidden{display: none!important;}
.ihidden2{visibility:hidden!important;}
.iblock{display: block!important;}
.iinline{display: inline!important;}
.ifixed{position: fixed!important;}
.iabsolute{position:absolute!important;}
.isticky{position:sticky!important;}
.isticky_bottom{position:sticky!important;bottom:0px;}
.isticky_top{position:sticky!important;top:0px;}
.irelative{position:relative!important;}
.zindex1{z-index:1;}
.itleft{text-align:left!important;}
.itright{text-align:right!important;}
.itcenter{text-align:center!important;}
.itj01{width:0.1px!important;height:0.1px!important;}
.itj1{width:1px!important;height:1px!important;}
.itj3{width:3px!important;height:3px!important;}
.itj5{width:5px!important;height:5px!important;}
.itj8{width:8px!important;height:8px!important;}
.itj10{width:10px!important;height:10px!important;}
.itj11{width:11px!important;height:11px!important;}
.itj12{width:12px!important;height:12px!important;}
.itj13{width:13px!important;height:13px!important;}
.itj15{width:15px!important;height:15px!important;}
.itj18{width:18px!important;height:18px!important;}
.itj20{width:20px!important;height:20px!important;}
.itj25{width:25px!important;height:25px!important;}
.itj30{width:30px!important;height:30px!important;}
.itj35{width:35px!important;height:35px!important;}
.itj40{width:40px!important;height:40px!important;}
.itj45{width:45px!important;height:45px!important;}
.itj50{width:50px!important;height:50px!important;}
.itj60{width:60px!important;height:60px!important;}
.itj70{width:70px!important;height:70px!important;}
.itj80{width:80px!important;height:80px!important;}
.itj90{width:90px!important;height:90px!important;}
.itj100{width:100px!important;height:100px!important;}
.itj200{width:200px!important;height:200px!important;}
.iwd1{width:1%!important;}
.iwd2{width:2%!important;}
.iwd3{width:3%!important;}
.iwd4{width:4%!important;}
.iwd5{width:5%!important;}
.iwd6{width:6%!important;}
.iwd7{width:7%!important;}
.iwd8{width:8%!important;}
.iwd9{width:9%!important;}
.iwd10{width:10%!important;}
.iwd11{width:11%!important;}
.iwd12{width:12%!important;}
.iwd13{width:13%!important;}
.iwd14{width:14%!important;}
.iwd15{width:15%!important;}
.iwd20{width:20%!important;}
.iwd21{width:21%!important;}
.iwd22{width:22%!important;}
.iwd23{width:23%!important;}
.iwd24{width:24%!important;}
.iwd25{width:25%!important;}
.iwd28{width:28%!important;}
.iwd30{width:30%!important;}
.iwd31{width:31%!important;}
.iwd32{width:32%!important;}
.iwd33{width:33%!important;}
.iwd34{width:34%!important;}
.iwd35{width:35%!important;}
.iwd40{width:40%!important;}
.iwd45{width:45%!important;}
.iwd50{width:50%!important;}
.iwd55{width:55%!important;}
.iwd60{width:60%!important;}
.iwd65{width:65%!important;}
.iwd67{width:67%!important;}
.iwd70{width:70%!important;}
.iwd72{width:72%!important;}
.iwd73{width:73%!important;}
.iwd75{width:75%!important;}
.iwd80{width:80%!important;}
.iwd81{width:81%!important;}
.iwd82{width:82%!important;}
.iwd83{width:83%!important;}
.iwd85{width:84%!important;}
.iwd85{width:85%!important;}
.iwd86{width:86%!important;}
.iwd90{width:90%!important;}
.iwd91{width:91%!important;}
.iwd92{width:92%!important;}
.iwd93{width:93%!important;}
.iwd94{width:94%!important;}
.iwd95{width:95%!important;}
.iwd96{width:96%!important;}
.iwd97{width:97%!important;}
.iwd98{width:98%!important;}
.iwd99{width:99%!important;}
.iwd100{width:100%!important;}
.iwd105{width:105%!important;}
.iwd110{width:110%!important;}
.iwd120{width:120%!important;}
.ihe100{height:100%!important;}
.iwdmax82{max-width:82%!important;}
.iwdmax84{max-width:84%!important;}
.iwdmax85{max-width:85%!important;}
.iwdmax90{max-width:90%!important;}
.iwdmax95{max-width:95%!important;}
.iwda{width:auto!important;}
.izhong{margin:0 auto!important;}
.bianda0:hover{transform: scale(1);color:#000;}
.bianda105:hover{transform: scale(1.05);color:#000;}
.bianda11:hover{transform: scale(1.1);color:#000;}
.bianda12:hover{transform: scale(1.2);color:#000;}
.bianda13:hover{transform: scale(1.3);color:#000;}
.bianda14:hover{transform: scale(1.4);color:#000;}
.bianda15:hover{transform: scale(1.5);color:#000;}
.biandaa12:{transform: scale(1.2);color:#000;}
.transform25{transform:skewx(25deg);}
.transform50{transform:skewx(50deg);}
.transform-25{transform:skewx(-25deg);}
.transform-50{transform:skewx(-50deg);}
.mo_suoxiao{
	transform:scale(0.85);
    -webkit-transform:scale(0.85);
    -moz-transform:scale(0.85);
    -ms-transform:scale(0.85);
    -o-transform:scale(0.85);
}
.boxsize{box-sizing: border-box;}

.bacglossy_shu{content:"";position:absolute;
background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
						color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ), 
						color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	}
.bacglossy_heng{content:"";position:absolute;
background-image: 		-webkit-gradient(linear, 0% 100%, 0 0, from( rgba(255,255,255,.33) ), to( rgba(255,255,255,.3) ), 
						color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.33), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.3) );	
background-image: 		gradient(linear, 0% 100%, 0 0, from( rgba(255,255,255,.33) ), to( rgba(255,255,255,.3) ), 
						color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	}
@keyframes blink{ 0%{opacity: 1;} 100%{opacity: 0;} }
@-webkit-keyframes blink {0% { opacity: 1; }100% { opacity: 0; }}
@-moz-keyframes blink {0% { opacity: 1; }100% { opacity: 0; }}
@-ms-keyframes blink {0% {opacity: 1; }100% { opacity: 0;}}
@-o-keyframes blink {0% { opacity: 1; }100% { opacity: 0; }}
.blink{color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f5));animation: blink 1s linear infinite;-webkit-animation: blink 1s linear infinite;-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;-o-animation: blink 1s linear infinite;}
.sanhang{
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: left;
	-webkit-box-align: left;
	-webkit-line-clamp:3;
}
.lianghang{
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: left;
	-webkit-box-align: left;
	-webkit-line-clamp:2;
}
.yihang{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.yihang_auto{overflow:auto;text-overflow:ellipsis;white-space: nowrap;}
.yihang_da{font-weight:bolder;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.tou{background: transparent; border-style: none;resize:none;}
.spfz {          /* 水平镜像翻转 */
            -moz-transform:scaleX(-1);
            -webkit-transform:scaleX(-1);
            -o-transform:scaleX(-1);
            transform:scaleX(-1);
            /*兼容IE*/
            filter:FlipH;
        }
.czfz {        /* 垂直镜像翻转 */
            -moz-transform:scaleY(-1);
            -webkit-transform:scaleY(-1);
            -o-transform:scaleY(-1);
            transform:scaleY(-1);
            /*兼容IE*/
            filter:FlipV;
}
.fz90{transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-90{transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
        -o-transform:rotate(-90deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz70{transform:rotate(70deg);
        -ms-transform:rotate(70deg); /* Internet Explorer 9*/
        -moz-transform:rotate(70deg); /* Firefox */
        -webkit-transform:rotate(70deg); /* Safari 和 Chrome */
        -o-transform:rotate(70deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-70{transform:rotate(-70deg);
        -ms-transform:rotate(-70deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-70deg); /* Firefox */
        -webkit-transform:rotate(-70deg); /* Safari 和 Chrome */
        -o-transform:rotate(-70deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz15{transform:rotate(15deg);
        -ms-transform:rotate(15deg); /* Internet Explorer 9*/
        -moz-transform:rotate(15deg); /* Firefox */
        -webkit-transform:rotate(15deg); /* Safari 和 Chrome */
        -o-transform:rotate(15deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz30{transform:rotate(30deg);
        -ms-transform:rotate(30deg); /* Internet Explorer 9*/
        -moz-transform:rotate(30deg); /* Firefox */
        -webkit-transform:rotate(30deg); /* Safari 和 Chrome */
        -o-transform:rotate(30deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz45{transform:rotate(45deg);
        -ms-transform:rotate(45deg); /* Internet Explorer 9*/
        -moz-transform:rotate(45deg); /* Firefox */
        -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
        -o-transform:rotate(45deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz50{transform:rotate(50deg);
        -ms-transform:rotate(50deg); /* Internet Explorer 9*/
        -moz-transform:rotate(50deg); /* Firefox */
        -webkit-transform:rotate(50deg); /* Safari 和 Chrome */
        -o-transform:rotate(50deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz55{transform:rotate(55deg);
        -ms-transform:rotate(55deg); /* Internet Explorer 9*/
        -moz-transform:rotate(55deg); /* Firefox */
        -webkit-transform:rotate(55deg); /* Safari 和 Chrome */
        -o-transform:rotate(55deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz60{transform:rotate(60deg);
        -ms-transform:rotate(60deg); /* Internet Explorer 9*/
        -moz-transform:rotate(60deg); /* Firefox */
        -webkit-transform:rotate(60deg); /* Safari 和 Chrome */
        -o-transform:rotate(60deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz43{transform:rotate(43deg);
        -ms-transform:rotate(43deg); /* Internet Explorer 9*/
        -moz-transform:rotate(43deg); /* Firefox */
        -webkit-transform:rotate(43deg); /* Safari 和 Chrome */
        -o-transform:rotate(43deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-50{transform:rotate(-50deg);
        -ms-transform:rotate(-50deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-50deg); /* Firefox */
        -webkit-transform:rotate(-50deg); /* Safari 和 Chrome */
        -o-transform:rotate(-50deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-55{transform:rotate(-55deg);
        -ms-transform:rotate(-55deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-55deg); /* Firefox */
        -webkit-transform:rotate(-55deg); /* Safari 和 Chrome */
        -o-transform:rotate(-55deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-60{transform:rotate(-60deg);
        -ms-transform:rotate(-60deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-60deg); /* Firefox */
        -webkit-transform:rotate(-60deg); /* Safari 和 Chrome */
        -o-transform:rotate(-60deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-45{transform:rotate(-45deg);
        -ms-transform:rotate(-45deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-45deg); /* Firefox */
        -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
        -o-transform:rotate(-45deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-15{transform:rotate(-15deg);
        -ms-transform:rotate(-15deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-15deg); /* Firefox */
        -webkit-transform:rotate(-15deg); /* Safari 和 Chrome */
        -o-transform:rotate(15deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz-30{transform:rotate(-30deg);
        -ms-transform:rotate(-30deg); /* Internet Explorer 9*/
        -moz-transform:rotate(-30deg); /* Firefox */
        -webkit-transform:rotate(-30deg); /* Safari 和 Chrome */
        -o-transform:rotate(-30deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.fz180{transform:rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer 9*/
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
.no-padding{
-moz-box-sizing: border-box!important;  /*Firefox3.5+*/
-webkit-box-sizing: border-box!important; /*Safari3.2+*/
-o-box-sizing: border-box!important; /*Opera9.6*/
-ms-box-sizing: border-box!important; /*IE8*/
box-sizing: border-box!important; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}

.is_xianshi {display:block;}
@media only screen and (max-width: 1556px) {.is_xianshi {display:none;}}
.lingxing_1{position: relative;top: 0px;width: 80px;height: 25px;line-height: 25px;text-align: center;color: white;}
.lingxing_1:before{content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;background-color: hsl(var(--my_color_d), var(--my_color_e), 85%);transform: skewX(-25deg);z-index: -1;}

.lingxing_2{position: relative;top: 0px;width: 200px;height: 25px;line-height: 25px;text-align: left;color: white;}
.lingxing_2:before{content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;background-color: hsl(var(--my_color_d), var(--my_color_e), 85%);transform: skewX(-25deg);z-index: -1;}

.triangle_left {height: 0;width: 80px;border-top: 30px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65));border-right: 30px solid transparent;}
.triangle_zhong {height: 0;width: 120px;border-bottom: 120px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65));border-right: 60px solid transparent;border-left: 60px solid transparent;}
.triangle_right {height: 0;width: 80px;border-bottom: 30px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f65));border-left: 30px solid transparent;}
.sphere{width: 30px;height: 30px;font-size:13px;;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)), hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f5))); }
.sphere_blue{width: 30px;height: 30px;font-size:13px;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30))); }
.sphere_redd{width: 30px;height: 30px;font-size:13px;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f10))); }
.sphere_orange{width: 30px;height: 30px;font-size:13px;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e), 70%), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))); }
.sphere_pink{width: 30px;height: 30px;font-size:13px;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e), 70%), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))); }
.sphere_red{width: 30px;height: 30px;font-size:13px;border-radius: 50%;background: radial-gradient(circle at 10px 10px,hsl(var(--my_color_d), var(--my_color_e), 70%), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))); }
.iframe_touxiang{width: 99%;height: 100%;transform: scale(1);padding:1% 0% 0 1%;background:#fff;border-radius:0px;border:0px solid #fff; scrolling="yes";position:absolute;}

/* 以下为钟摆效果 */
background:radial-gradient(circle at 800px 800px,hsl(var(--my_color_d), 69%,79%), var(--my_color_f5),49%));
.clock-box {width:300px;height:300px;margin:100px auto;border:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.clock {width: 2px;height: 100px;margin: 30px auto;position: relative;}
.clock::after {content: "";position: absolute;bottom: -20px;left: -9px;width: 20px;height: 20px;border-radius: 10px;}
.clock {-webkit-animation: go 1s ease-in-out alternate infinite;-moz-animation: go 1s ease-in-out alternate infinite;-ms-animation: go 1s ease-in-out alternate infinite;-o-animation: go 1s ease-in-out alternate infinite;animation: go 1s ease-in-out alternate infinite;}
@keyframes go {0% {-webkit-transform: rotate(10deg);-webkit-transform-origin: top center;-moz-transform: rotate(10deg);-moz-transform-origin: top center;-ms-transform: rotate(10deg);-ms-transform-origin: top center;-o-transform: rotate(10deg);-o-transform-origin: top center;transform: rotate(10deg);transform-origin: top center;}
100% {-webkit-transform: rotate(-10deg);-webkit-transform-origin: top center;-moz-transform: rotate(-10deg);-moz-transform-origin: top center;-ms-transform: rotate(-10deg);-ms-transform-origin: top center;-o-transform: rotate(-10deg);-o-transform-origin: top center;transform: rotate(-10deg);transform-origin: top center;}}


/*弹跳按钮专用*/
#boxan { overflow:hidden; margin:0 auto;  zoom:1 }

#boxan a { 
	position:relative;
	float:left;
	width:50px; height:50px; overflow:hidden;
	margin:25px 2%;
	line-height:50px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	color:#fff;
	background:#000;
	
	/* border-radius  */
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	
	/* text-shadow */
	-webkit-text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	-moz-text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	
	/* box-shadow */
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.75);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.75);
	box-shadow:0 5px 10px rgba(0,0,0,0.75);
	
	/* circle transitions (shadow and top) */
	-webkit-transition:-webkit-box-shadow 0.2s ease-out, top 0.2s ease-out;
	-moz-transition:-moz-box-shadow 0.2s ease-out, top 0.2s ease-out;
	-o-transition:box-shadow 0.3s ease-out, top 0.2s ease-out;
	transition:box-shadow 0.3s ease-out, top 0.2s ease-out;
}
#boxan a:hover {
	top:-10px; left:0;
	-webkit-box-shadow:0 20px 30px rgba(0,0,0,0.5);
	-moz-box-shadow:0 20px 30px rgba(0,0,0,0.5);
	box-shadow:0 20px 30px rgba(0,0,0,0.5);
}
#boxan a span { 
	display:block;
	position:relative;
	overflow:hidden;
	width:50px;
	height:50px;
	
	
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	
	/*-webkit-box-shadow:inset 0 -10px 40px rgba(0,0,0,0.75); /* chrome5 inset parameter doesn't fully work */
	-moz-box-shadow:inset 0 -10px 40px rgba(0,0,0,0.75);
	box-shadow:inset 0 -10px 40px rgba(0,0,0,0.75);
	
	/* inner shadow transitions */
	-webkit-transition:background 0.3s ease-out;  /* doesn't work, but maybe in future */
	-o-transition:box-shadow 0.3s ease-out;
	-moz-transition:-moz-box-shadow 0.3s ease-out;
	transition:box-shadow 0.3s ease-out;
	
	background:-webkit-gradient(radial, 50 40, 30, center center, 80, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.75))); /* use gradient instead */
	
}
#boxan a:hover span { 
	/*-webkit-box-shadow:inset 0 -10px 30px rgba(0,0,0,0.75);*/
	-moz-box-shadow:inset 0 -10px 30px rgba(0,0,0,0.75);
	box-shadow:inset 0 -10px 30px rgba(0,0,0,0.75);
	
	background:-webkit-gradient(radial, 50 30, 40, center center, 80, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.75))); /* use gradient instead */
}
#boxan a:nth-child(1) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#boxan a:nth-child(2) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#boxan a:nth-child(3) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#boxan a:nth-child(4) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#boxan a:nth-child(5) { background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) }


/* 以下为导航栏所需 */
.nav-menu {
display: block;
margin:10px 0px 10px;
width:100%;
padding-left:4%;
box-shadow:  0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 5px 5px #999;
}

.nav-menu > li {
width:18%;
display: inline;
float:left;
border-right:5px solid transparent;
box-shadow:  0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 5px 5px #999;
}
.nav-menu > li:last-child {
border-right: none;
}
.nav-menu li a {
padding:1px 12px;
margin-top:0px;
text-align:center;
color: #fff;
display: block;
text-decoration: none;
font-family: 'sansationregular';
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-transform: capitalize;
overflow: visible;
line-height:16px;
font-size:13px;
letter-spacing:1px;
}

/* animation domination */
.three-d {
/* perspective: 200px;
-webkit-perspective:200; */
transition: all .07s linear;
position: relative;
}

.three-d:hover {
cursor: pointer;
}

.three-d:hover .three-d-box, 
.three-d:focus .three-d-box {
transform: translateZ(-25px) rotateX(90deg);
}

.three-d-box {
transition: all .3s ease-out;
transform: translatez(-25px);
transform-style: preserve-3d;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}

.front, .front1 {
transform: rotatex(0deg) translatez(25px);
}
.back, .back1 {
transform: rotatex(-90deg) translatez(25px);
}

.front, .back {
display: block;
width: 100%;
height: 100%;
position: absolute;
border-radius:0!important;
top: 0;
left: 0;
background: #eee;
line-height:16px;
color: #000;
pointer-events: none;
box-sizing: border-box;
}

.front1, .back1 {
display: block;
width: 100%;
height: 100%;
position: absolute;
border-radius:0px!important;
top: 0;
left: 0;
background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
line-height:16px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
pointer-events: none;
box-sizing: border-box;
}
.nav-menu li a:hover .front,
.nav-menu li a:hover .back {
background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
}
.nav-menu li a:hover .front1,
.nav-menu li a:hover .back1 {
background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
color: #fff;
}
.nav-menu ul {
z-index:9;
margin-top:2px;
position: absolute;
text-align: left;
line-height:20px;
font-size: 14px;
transition: all 0.3s ease-in;
transform-origin: 0px 0px;
transform: rotateX(-90deg);
backface-visibility: hidden;
z-index:9px;
}
.nav-menu > li:hover ul {
display: block;
transform: rotateX(0deg);
}


/* 以下为任务大厅导航栏所需 */
.nav-menu_task {display: block;margin:10px 0px 10px;width:100%;padding-left:9%;box-shadow:  0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)), 0px 5px 5px #999;}
.nav-menu_task > li {/* background:rgba(0,0,0,.0); */width:26%;display: inline;float:left;margin-right:6%;}
.nav-menu_task > li:last-child {border-right: none;}
.nav-menu_task li a {padding:3px 12px;margin-top:0px;text-align:center;color: #fff;display: block;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;
font-smoothing: antialiased;text-transform: capitalize;overflow: visible;line-height:22px;font-size:11px;letter-spacing:1px;}
.three-d_task {/* perspective: 200px;-webkit-perspective:200; */transition: all .07s linear;position: relative;}
.three-d_task:hover {cursor: pointer;}
.three-d_task:hover .three-d_task-box, 
.three-d_task:focus .three-d_task-box {transform: translateZ(-25px) rotateX(90deg);}
.three-d_task-box {transition: all .3s ease-out;transform: translatez(-25px);transform-style: preserve-3d;pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.front_task, .front1_task {transform: rotatex(0deg) translatez(25px);}
.back_task, .back1_task {transform: rotatex(-90deg) translatez(25px);}
.front_task, .back_task {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background: hsl(var(--my_color_d), var(--my_color_e95), 90%);
	line-height:29px;
	pointer-events: none;
	box-sizing: border-box;
	text-shadow: 		rgba(255, 255, 255, .5) 0 1px 0;
	border-radius:50% 50% 0 0!important;
	border:1px solid hsl(var(--my_color_d), var(--my_color_e95), 90%);
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20))!important;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	box-shadow: 		inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
}
.front_task:after, .back_task:after {
	content: 				"";
	position: 				absolute; 
    width: 					100%;
    height: 				90%;
    top: 					5%;
    left: 					0%;
	border-radius:50% 50% 0 0!important;
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255, 255, 255, .55) ), to( rgba(255, 255, 255, .5) ), 
    							color-stop(.5, rgba(255, 255, 255, 0)), color-stop(.8, rgba(255, 255, 255, 0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255, 255, 255, .55) ), to( rgba(255, 255, 255, .5) ), 
    							color-stop(.5, rgba(255, 255, 255, 0)), color-stop(.8, rgba(255, 255, 255, 0)) );	
}
.front1_task, .back1_task {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	border-radius:50% 50% 0 0!important;
	background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));
	line-height:29px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.3);pointer-events: none;box-sizing: border-box;
	text-shadow: 		1px 1px 1px rgba(0, 0, 0, .3)!important;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
	box-shadow: 		inset rgba(255, 254, 255, 0.6) 0 0.1em .1em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .1em, /* inner shadow */ 
							hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50)) 0 .1em 1px, /* color border */
							rgba(0, 0, 0, 0.2) 0 .2em 2px; /* drop shadow */
}
.front1_task:after, .back1_task:after {
	content: 				"";
	position: 				absolute; 
    width: 					100%;
    height: 				90%;
    top: 					5%;
    left: 					0%;
	border-radius:50% 50% 0 0!important;
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255, 255, 255, .55) ), to( rgba(255, 255, 255, .5) ), 
    							color-stop(.5, rgba(255, 255, 255, 0)), color-stop(.8, rgba(255, 255, 255, 0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255, 255, 255, .55) ), to( rgba(255, 255, 255, .5) ), 
    							color-stop(.5, rgba(255, 255, 255, 0)), color-stop(.8, rgba(255, 255, 255, 0)) );	
}

.nav-menu_task li a:hover .front_task,
.nav-menu_task li a:hover .back_task {background: hsl(var(--my_color_d), var(--my_color_e25), 89%);background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));}
.nav-menu_task li a:hover .front1_task,
.nav-menu_task li a:hover .back1_task {background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));color: #fff;}
.nav-menu_task ul {z-index:9;margin-top:2px;position: absolute;text-align: left;line-height:20px;font-size: 14px;transition: all 0.3s ease-in;transform-origin: 0px 0px;transform: rotateX(-90deg);backface-visibility: hidden;z-index:9px;}
.nav-menu_task > li:hover ul {display: block;transform: rotateX(0deg);}


/* 以下为付费导航栏所需 */
.nav-menu_fei {display: block;margin:10px 0px 10px;width:100%;padding-left:12%;box-shadow:  0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)), 0px 5px 5px #999;}
.nav-menu_fei > li {/* background:rgba(0,0,0,.0); */width:38%;display: inline;float:left;margin-right:8%;box-shadow: 0px 0px 9px #999;}
.nav-menu_fei > li:last-child {border-right: none;}
.nav-menu_fei li a {padding:3px 12px;margin-top:0px;text-align:center;color: #fff;display: block;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;
font-smoothing: antialiased;text-transform: capitalize;overflow: visible;line-height:22px;font-size:11px;letter-spacing:1px;}
.three-d_fei {/* perspective: 200px;-webkit-perspective:200; */transition: all .07s linear;position: relative;}
.three-d_fei:hover {cursor: pointer;}
.three-d_fei:hover .three-d_fei-box, 
.three-d_fei:focus .three-d_fei-box {transform: translateZ(-25px) rotateX(90deg);}
.three-d_fei-box {transition: all .3s ease-out;transform: translatez(-25px);transform-style: preserve-3d;pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.front_fei, .front1_fei {transform: rotatex(0deg) translatez(25px);}
.back_fei, .back1_fei {transform: rotatex(-90deg) translatez(25px);}
.front_fei, .back_fei {display: block;width: 100%;height: 100%;position: absolute;border-radius:0!important;top: 0;left: 0;background: #eee;line-height:29px;color: #000;pointer-events: none;box-sizing: border-box;}
.front1_fei, .back1_fei {display: block;width: 100%;height: 100%;position: absolute;border-radius:0px!important;top: 0;left: 0;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));line-height:29px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.3);pointer-events: none;box-sizing: border-box;}
.nav-menu_fei li a:hover .front_fei,
.nav-menu_fei li a:hover .back_fei {background: hsl(var(--my_color_d), var(--my_color_e25), 89%);background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));}
.nav-menu_fei li a:hover .front1_fei,
.nav-menu_fei li a:hover .back1_fei {background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));color: #fff;}
.nav-menu_fei ul {z-index:9;margin-top:2px;position: absolute;text-align: left;line-height:20px;font-size: 14px;transition: all 0.3s ease-in;transform-origin: 0px 0px;transform: rotateX(-90deg);backface-visibility: hidden;z-index:9px;}
.nav-menu_fei > li:hover ul {display: block;transform: rotateX(0deg);}


/* 以下为发布任务时的推送标签所需 */
.bootstrap-tagsinput {
  background-color: white;
  border: 2px solid hsl(var(--my_color_d), var(--my_color_e25), 93%);
  border-radius: 6px;
  margin-bottom: 18px;
  padding: 6px 1px 1px 6px;
  text-align: left;
  font-size: 0;
}
.bootstrap-tagsinput .badge {
  border-radius: 4px;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 93%);
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 5px 5px 0;


  padding: 6px 28px 6px 14px;
  transition: .25s linear;
}
.bootstrap-tagsinput .badge > span {
  color: white;
  padding: 0 10px 0 0;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
}
.bootstrap-tagsinput .badge > span:after {
  content: "x";
  font-family: "Flat-UI-Pro-Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 27px;
}
@media (hover: hover) {
  .bootstrap-tagsinput .badge {
    padding: 6px 21px;
  }
  .bootstrap-tagsinput .badge > span {
    opacity: 0;
    filter: "alpha(opacity=0)";
    transition: opacity .25s linear;
  }
  .bootstrap-tagsinput .badge:hover {
    background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    color: white;
    padding-right: 28px;
    padding-left: 14px;
  }
  .bootstrap-tagsinput .badge:hover > span {
    padding: 0 10px 0 0;
    opacity: 1;
    -webkit-filter: none;
            filter: none;
  }
}
.bootstrap-tagsinput input[type="text"] {
  font-size: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
  min-width: 80px;
  vertical-align: top;
  height: 29px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
}
.tagsinput-primary {
  margin-bottom: 18px;
}
.tagsinput-primary .bootstrap-tagsinput {
  border-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  margin-bottom: 0;
}
.tagsinput-primary .badge {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  color: white;
}
/* 以下为发布任务时的推送标签2所需 */
.bootstrap-tagsinpuut {
  background-color: white;
  border: 1px solid #999;
  border-radius: 6px;
  margin-bottom: 18px;
  padding: 6px 1px 1px 6px;
  text-align: left;
  font-size: 0;
}
.bootstrap-tagsinpuut .badge {
  border-radius: 4px;
  background-color: hsl(var(--my_color_d), var(--my_color_e25), 93%);
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 5px 5px 0;


  padding: 6px 28px 6px 14px;
  transition: .25s linear;
}
.bootstrap-tagsinpuut .badge > span {
  color: white;
  padding: 0 10px 0 0;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
}
.bootstrap-tagsinpuut .badge > span:after {
  content: "x";
  font-family: "Flat-UI-Pro-Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 27px;
}
@media (hover: hover) {
  .bootstrap-tagsinpuut .badge {
    padding: 6px 21px;
  }
  .bootstrap-tagsinpuut .badge > span {
    opacity: 0;
    filter: "alpha(opacity=0)";
    transition: opacity .25s linear;
  }
  .bootstrap-tagsinpuut .badge:hover {
    background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    color: white;
    padding-right: 28px;
    padding-left: 14px;
  }
  .bootstrap-tagsinpuut .badge:hover > span {
    padding: 0 10px 0 0;
    opacity: 1;
    -webkit-filter: none;
            filter: none;
  }
}
.bootstrap-tagsinpuut input[type="text"] {
  font-size: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
  min-width: 80px;
  vertical-align: top;
  height: 29px;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
}
.tagsinpuut-primary {
  margin-bottom: 18px;
}
.tagsinpuut-primary .bootstrap-tagsinpuut {
  border-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  margin-bottom: 0;
}
.tagsinpuut-primary .badge {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  color: white;
}

.footerimg{
-webkit-transition: all 0.5s ease-out 0.1s;-o-transition: all 0.5s ease-out 0.1s;transition: all 0.5s ease-out 0.1s;-webkit-transform: translate(-100%,0 );-ms-transform: translate(-100%,0);
-o-transform: translate(-100%,0);transform: translate(-100%,0);
opacity: 1;
position: fixed;
padding:20px;
background:#fff;
z-index: 99;
left: 0;
right: 20%;
bottom: 0;
top: 0px;
overflow: auto;
}
.animate-box {
width: 300px;
margin: 0 auto;
overflow: hidden;
}
.animate-css {
padding-left: 20px;
letter-spacing:1px;
font-size: 12px;
color: #000;
display: inline-block;
white-space: nowrap;
animation: 40s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
0% {
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
}
100% {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}
}

@-webkit-keyframes wordsLoop {
0% {
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
}
100% {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}
}
img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

/* 以下为图片专用 */
.tubiao-all{background:url(/static/skins/2018/images/tubiao-all.png) no-repeat;zoom:1;}
.shimingrenzheng{background-position:-240px -58px;width:18px;height:18px;}

.dingkuang {padding:5px 0px 0px 5px;margin:3px 5px 5px 5px;overflow:hidden;}
.hangyebiaoti{
padding:1px 10px 0px 9px;height:20px;line-height:20px;
font-size:12px;
margin:0px 0px 20px 0px;
display: inline-block;color:#000!important; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;
background: hsl(var(--my_color_d), var(--my_color_e25), 89%);
background: -moz-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), var(--my_color_e25), 97%)), to(hsl(var(--my_color_d), var(--my_color_e25), 89%)));
background: -webkit-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: -o-linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
background: linear-gradient( hsl(var(--my_color_d), var(--my_color_e25), 97%), hsl(var(--my_color_d), var(--my_color_e25), 89%));
letter-spacing:1px;
}
.souk{margin:2px 0px 2px;float:left;width:95%;}
.souk1{margin:0px 1px 1px;width:44%;float:left;}
.souk2{margin:0px 1px 1px;width:95%;float:left;}
.souk3{margin:0px 1px 1px;width:19%;float:left;}
.sout{float:left;font-size:12px;line-height:12px;font-family:'Microsoft YaHei','Open Sans', sans-serif;padding:4px 0px;letter-spacing:0px;font-weight:normal;margin-right:8px;}
.sous{float:left;font-size:12px;font-family:'Microsoft YaHei','Open Sans', sans-serif;padding:2px 3px 0px 8px;width:70px;cursor:pointer;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;
border-radius:30px;margin:2px 6px 3px 1px;line-height:17px;text-align:left;
border:0 solid #fff;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 100%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 100%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 100%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 100%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), 100%) 0%, hsl(var(--my_color_d), var(--my_color_e25), 89%) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), 100%)), color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 89%))	);
-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 2px 3px #999;
-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 2px 3px #999;
-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 2px 3px #999;
box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50)), 0px 2px 3px #999;
}
.souxl{height:12px;margin:0px -4px;width:18px;}
.souxlabel{width:77px;float:left;}
.sousx{float:left;font-size:13px;font-family:'Microsoft YaHei','Open Sans', sans-serif;padding:0px 0px 2px 0px;color:#333;
margin:2px 2px 5px 0px;width:72px;cursor:pointer;}
.soux{float:left;font-size:13px;;font-family:'Microsoft YaHei','Open Sans', sans-serif;padding:1px;margin:0px 15px 0px 1px;line-height:22px;}
.sour{float:left;font-size:11px;color:#666;font-family:'Microsoft YaHei','Open Sans', sans-serif;font-weight:normal;padding:1px;border-radius:5px;margin:5px 10px 5px 2px;width:65px;padding:4px;}
.sour_nl{font-size:11px;color:#666;font-family:'Microsoft YaHei','Open Sans', sans-serif;font-weight:normal;padding:1px;border-radius:5px;margin:5px 10px 5px 2px;padding:4px;}
.sour_bg{font-size:12px;font-family:SimSun,'SimSun','Open Sans', sans-serif;font-weight:normal;padding:2px 5px;border-radius:5px;margin:3px 15px 6px 8px;width:140px;}
.sour3{float:left;font-size:11px;font-family:SimSun,'SimSun','Open Sans', sans-serif;font-weight:normal;padding:5px 10px;border-radius:5px;margin:0px 5px 10px 2px;width:65%;}
.souanniu{display: inline-block;color:#fff; text-align: center; padding:1px 9px 1px 11px;font-size:13px;float:right;margin:-15px 28px 10px!important;
	text-shadow:1px 1px 2px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f5));letter-spacing:5px;cursor:pointer;font-weight:700;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e25), 87%) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e25), 87%))	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 25px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e25), 87%), 0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f40)), 0px 10px 5px #999 ;}
.souanniu:active {top:3px;
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;}

	

/* 以下为toggle */
.toggle {display: block;text-align: center;margin-top: 0px;margin-right:5px;user-select: none;}
.toggle--checkbox {display: none!important;}
.toggle--btn {display: block;margin: 0 auto;font-size:14px;transition: all 350ms ease-in;}
.toggle--btn:hover {cursor: pointer;}
.toggle--btn, .toggle--btn:before, .toggle--btn:after,
.toggle--checkbox,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature,
.toggle--feature:before,
.toggle--feature:after {transition: all 250ms ease-in;}
.toggle--btn:before, .toggle--btn:after,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature:before,
.toggle--feature:after {content: '';display: block;}
.toggle--knob .toggle--btn {position: relative;width: 58px;height: 22px;font-family:SimSun, 'PT Sans', Sans Serif;text-transform: uppercase;color: #fff;background: hsl(var(--my_color_d), var(--my_color_e60), 77%);
box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));border-radius: 40px;float:right;margin-top:-22px;}
.toggle--knob .toggle--btn:before {display: block;position: absolute;top: 47%;left: 66%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0px #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px hsl(var(--my_color_d), var(--my_color_e25), 95%); text-indent: -100%;}
.toggle--knob .toggle--feature {position: relative;display: block;overflow: hidden;height: 22px;text-shadow: 0 1px 2px #666;}
.toggle--knob .toggle--feature:before, .toggle--knob .toggle--feature:after {position: absolute;top: 50%;transform: translateY(-50%);}
.toggle--knob .toggle--feature:before {content: attr(data-label-on);left: 20%;}
.toggle--knob .toggle--feature:after {content: attr(data-label-off);right: -60%;}
.toggle--knob .toggle--checkbox:checked + .toggle--btn {background: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f35));box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20));}
.toggle--knob .toggle--checkbox:checked + .toggle--btn:before {left: 0;}
.toggle--knob .toggle--checkbox:checked + .toggle--btn .toggle--feature:before {left: -60%;}
.toggle--knob .toggle--checkbox:checked + .toggle--btn .toggle--feature:after {right: 20%;}

/* 以下为toggle2 */
.toggle2 {display: block;text-align: center;margin-top: 0px;margin-right:5px;user-select: none;}
.toggle2--checkbox {display: none!important;}
.toggle2--btn {display: block;margin: 0 auto;font-size:14px;transition: all 350ms ease-in;}
.toggle2--btn:hover {cursor: pointer;}
.toggle2--btn, .toggle2--btn:before, .toggle2--btn:after,
.toggle2--checkbox,
.toggle2--checkbox:before,
.toggle2--checkbox:after,
.toggle2--feature,
.toggle2--feature:before,
.toggle2--feature:after {transition: all 250ms ease-in;}
.toggle2--btn:before, .toggle2--btn:after,
.toggle2--checkbox:before,
.toggle2--checkbox:after,
.toggle2--feature:before,
.toggle2--feature:after {content: '';display: block;}
.toggle2--knob .toggle2--btn {position: relative;width: 58px;height: 22px;font-family:SimSun, 'PT Sans', Sans Serif;text-transform: uppercase;color: #fff;background: hsl(var(--my_color_d), var(--my_color_e60), 77%);
box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));border-radius: 40px;float:right;margin-top:-22px;}
.toggle2--knob .toggle2--btn:before {display: block;position: absolute;top: 47%;left: 66%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0px #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px hsl(var(--my_color_d), var(--my_color_e25), 95%); text-indent: -100%;}
.toggle2--knob .toggle2--feature {position: relative;display: block;overflow: hidden;height: 22px;text-shadow: 0 1px 2px #666;}
.toggle2--knob .toggle2--feature:before, .toggle2--knob .toggle2--feature:after {position: absolute;top: 50%;transform: translateY(-50%);}
.toggle2--knob .toggle2--feature:before {content: attr(data-label-on);left: 20%;}
.toggle2--knob .toggle2--feature:after {content: attr(data-label-off);right: -60%;}
.toggle2--knob .toggle2--checkbox:checked + .toggle2--btn {background: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f35));box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20));}
.toggle2--knob .toggle2--checkbox:checked + .toggle2--btn:before {left: 0;}
.toggle2--knob .toggle2--checkbox:checked + .toggle2--btn .toggle2--feature:before {left: -60%;}
.toggle2--knob .toggle2--checkbox:checked + .toggle2--btn .toggle2--feature:after {right: 20%;}

/* 以下为toggle3（黑白色） */
.toggle3 {display: block;text-align: center;margin-top: 0px;margin-right:5px;user-select: none;}
.toggle3--checkbox {display: none!important;}
.toggle3--btn {display: block;margin: 0 auto;font-size:14px;transition: all 350ms ease-in;}
.toggle3--btn:hover {cursor: pointer;}
.toggle3--btn, .toggle3--btn:before, .toggle3--btn:after,
.toggle3--checkbox,
.toggle3--checkbox:before,
.toggle3--checkbox:after,
.toggle3--feature,
.toggle3--feature:before,
.toggle3--feature:after {transition: all 250ms ease-in;}
.toggle3--btn:before, .toggle3--btn:after,
.toggle3--checkbox:before,
.toggle3--checkbox:after,
.toggle3--feature:before,
.toggle3--feature:after {content: '';display: block;}
.toggle3--knob .toggle3--btn {position: relative;width: 58px;height: 22px;font-family:SimSun, 'PT Sans', Sans Serif;text-transform: uppercase;color: #fff;background: #999;
box-shadow: inset 0 10px 20px -5px #666;border-radius: 40px;float:right;margin-top:-22px;}
.toggle3--knob .toggle3--btn:before {display: block;position: absolute;top: 47%;left: 66%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0px #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px hsl(var(--my_color_d), var(--my_color_e25), 95%); text-indent: -100%;}
.toggle3--knob .toggle3--feature {position: relative;display: block;overflow: hidden;height: 22px;text-shadow: 0 1px 2px #666;}
.toggle3--knob .toggle3--feature:before, .toggle3--knob .toggle3--feature:after {position: absolute;top: 50%;transform: translateY(-50%);}
.toggle3--knob .toggle3--feature:before {content: attr(data-label-on);left: 20%;}
.toggle3--knob .toggle3--feature:after {content: attr(data-label-off);right: -60%;}
.toggle3--knob .toggle3--checkbox:checked + .toggle3--btn {background: #666;box-shadow: inset 0 10px 20px -5px #333;}
.toggle3--knob .toggle3--checkbox:checked + .toggle3--btn:before {left: 0;}
.toggle3--knob .toggle3--checkbox:checked + .toggle3--btn .toggle3--feature:before {left: -60%;}
.toggle3--knob .toggle3--checkbox:checked + .toggle3--btn .toggle3--feature:after {right: 20%;}

/* 以下为toggle4 */
.toggle4 {display: block;text-align: center;margin-top: 0px;margin-right:5px;user-select: none;}
.toggle4--checkbox {display: none!important;}
.toggle4--btn {display: block;margin: 0 auto;font-size:14px;transition: all 350ms ease-in;}
.toggle4--btn:hover {cursor: pointer;}
.toggle4--btn, .toggle4--btn:before, .toggle4--btn:after,
.toggle4--checkbox,
.toggle4--checkbox:before,
.toggle4--checkbox:after,
.toggle4--feature,
.toggle4--feature:before,
.toggle4--feature:after {transition: all 250ms ease-in;}
.toggle4--btn:before, .toggle4--btn:after,
.toggle4--checkbox:before,
.toggle4--checkbox:after,
.toggle4--feature:before,
.toggle4--feature:after {content: '';display: block;}
.toggle4--knob .toggle4--btn {position: relative;width: 58px;height: 22px;font-family:SimSun, 'PT Sans', Sans Serif;text-transform: uppercase;color: #fff;background: hsl(var(--my_color_d), var(--my_color_e60), 77%);
box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));border-radius: 40px;float:right;margin-top:-22px;}
.toggle4--knob .toggle4--btn:before {display: block;position: absolute;top: 47%;left: 66%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0px #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px hsl(var(--my_color_d), var(--my_color_e25), 95%); text-indent: -100%;}
.toggle4--knob .toggle4--feature {position: relative;display: block;overflow: hidden;height: 22px;text-shadow: 0 1px 2px #666;}
.toggle4--knob .toggle4--feature:before, .toggle4--knob .toggle4--feature:after {position: absolute;top: 50%;transform: translateY(-50%);}
.toggle4--knob .toggle4--feature:before {content: attr(data-label-on);left: 20%;}
.toggle4--knob .toggle4--feature:after {content: attr(data-label-off);right: -60%;}
.toggle4--knob .toggle4--checkbox:checked + .toggle4--btn {background: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f35));box-shadow: inset 0 10px 20px -5px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20));}
.toggle4--knob .toggle4--checkbox:checked + .toggle4--btn:before {left: 0;}
.toggle4--knob .toggle4--checkbox:checked + .toggle4--btn .toggle4--feature:before {left: -60%;}
.toggle4--knob .toggle4--checkbox:checked + .toggle4--btn .toggle4--feature:after {right: 20%;}

/* 以下为toggle_liao（黑白色） */
.toggle_liao {display: block;text-align: center;margin-top: 0px;margin-right:5px;user-select: none;}
.toggle_liao--checkbox {display: none!important;}
.toggle_liao--btn {display: block;margin: 0 auto;font-size:14px;transition: all 350ms ease-in;}
.toggle_liao--btn:hover {cursor: pointer;}
.toggle_liao--btn, .toggle_liao--btn:before, .toggle_liao--btn:after,
.toggle_liao--checkbox,
.toggle_liao--checkbox:before,
.toggle_liao--checkbox:after,
.toggle_liao--feature,
.toggle_liao--feature:before,
.toggle_liao--feature:after {transition: all 250ms ease-in;}
.toggle_liao--btn:before, .toggle_liao--btn:after,
.toggle_liao--checkbox:before,
.toggle_liao--checkbox:after,
.toggle_liao--feature:before,
.toggle_liao--feature:after {content: '';display: block;}
.toggle_liao--knob .toggle_liao--btn {position: relative;width: 58px;height: 22px;font-family:SimSun, 'PT Sans', Sans Serif;text-transform: uppercase;color: #fff;background: #999;
box-shadow: inset 0 10px 20px -5px #666;border-radius: 40px;float:right;margin-top:-22px;}
.toggle_liao--knob .toggle_liao--btn:before {display: block;position: absolute;top: 47%;left: 66%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0px #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px hsl(var(--my_color_d), var(--my_color_e25), 95%); text-indent: -100%;}
.toggle_liao--knob .toggle_liao--feature {position: relative;display: block;overflow: hidden;height: 22px;text-shadow: 0 1px 2px #666;}
.toggle_liao--knob .toggle_liao--feature:before, .toggle_liao--knob .toggle_liao--feature:after {position: absolute;top: 50%;transform: translateY(-50%);}
.toggle_liao--knob .toggle_liao--feature:before {content: attr(data-label-on);left: 20%;}
.toggle_liao--knob .toggle_liao--feature:after {content: attr(data-label-off);right: -60%;}
.toggle_liao--knob .toggle_liao--checkbox:checked + .toggle_liao--btn {background: #666;box-shadow: inset 0 10px 20px -5px #333;}
.toggle_liao--knob .toggle_liao--checkbox:checked + .toggle_liao--btn:before {left: 0;}
.toggle_liao--knob .toggle_liao--checkbox:checked + .toggle_liao--btn .toggle_liao--feature:before {left: -60%;}
.toggle_liao--knob .toggle_liao--checkbox:checked + .toggle_liao--btn .toggle_liao--feature:after {right: 20%;}

/*商品规格*/
.iteminfo{}
.iteminfo_tit{ color:#333; font-size:22px; font-family:SimSun,"微软雅黑",Arial, Helvetica, sans-serif; border-bottom:1px solid hsl(var(--my_color_d), var(--my_color_e25), 89%); font-weight:normal; padding-bottom:12px; line-height:32px;}
.iteminfo_parameter{ padding:8px 0; padding-left:50px;}
.iteminfo_parameter_default{ color:#888;}
.iteminfo_parameter dt{ margin-left:-76px; float:left; display:inline; width:60px; white-space:nowrap; text-align:right; color:#666;margin-top:0px;}
.iteminfo_mktprice{ font-size:12px; font-family:SimSun,Arial, Helvetica, sans-serif; text-decoration:line-through;}
.lh32{ line-height:32px;}
.iteminfo_price{ color:#c00; font-size:14px; font-family:SimSun,Arial, Helvetica, sans-serif;}
.sys_item_price{ color:#c00; font-size:14px; }
.iteminfo_buying{ background:hsl(var(--my_color_d), var(--my_color_e25), 97%); padding:12px 0;}
.sys_item_spec dl.iteminfo_parameter{ padding-top:0px; padding-bottom:5px;}
.sys_item_spec dl.iteminfo_parameter dt{ line-height:32px;}
.sys_spec_img{}
.sys_spec_img li{ float:left; height:54px; position:relative; margin:2px 6px 2px 0;}
.sys_spec_img li a{height:50px; width:50px; padding:1px; border:1px solid #ccc; float:left; background:#fff; display:inline-block; outline:none;}
.sys_spec_img li a img{ width:50px; height:50px; display:block;}
.sys_spec_img li a:hover{ border:2px solid hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55)); padding:0; text-decoration:none;}
.sys_spec_img li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:2px; bottom:2px; background:url(../images/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.sys_spec_img li.selected a{ border:2px solid hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55)); padding:0;}
.sys_spec_img li.selected i{ display:block;}
.sys_spec_text{}
.sys_spec_text li{ float:left; height:28px; position:relative; margin:2px 6px 2px 0; outline:none;}
.sys_spec_text li a{ height:24px; padding:1px 6px; border:1px solid rgba(255,255,255,0); background:#fff; display:inline-block; line-height:24px;min-width:15px;text-align:center;}
.sys_spec_text li a:hover{ border:2px solid hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55)); padding:0 5px; text-decoration:none;}
.sys_spec_text li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:2px; bottom:2px; background:url(../images/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.sys_spec_text li.selected a{ border:2px solid hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55)); padding:0 5px;}
.sys_spec_text li.selected i{ display:block;}


.comment {margin-bottom: 10px;}
.comment:before, 
.comment:after {content: "";display: table;}
.comment:after {clear: both;}
.comment-post {margin-top: 20px;border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), 87%);background: #fff;padding:20px;}
.comment-post:before, 
.comment-post:after {content: "";display: table;}
.comment-post:after {clear: both;}
.comment-post .media-body {display: block;overflow: hidden;}
.comment-item {margin-top: 20px;border: solid 1px hsl(var(--my_color_d), var(--my_color_e25), 87%);padding:20px;background: #fff;}
.comment-item:before, 
.comment-item:after {content: "";display: table;}
.comment-item:after {clear: both;}
.comment-item .media-heading {font-size: 14px;}
.comment-item .media-body {display: block;overflow: hidden;}
.comment-avatar {float: left;display: inline;margin-right: 10px;width: 40px;height: 40px;}
.comment-avatar img {width: 40px;height: 40px;display: block;border-radius:5px;}
.comment-time {color: #000000666;font-size: 12px;}
.comment-ctrl {clear: both;font-size: 12px;}
.comment-ctrl .ctrl-item {display: inline-block;margin-right: 10px;color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f60));text-decoration: none;}
.comment-ctrl .ctrl-item:hover {color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));}
.comment-content {
float: left;
max-width:calc(100% - 160px);
line-height:18px;
clear: both;
font-size: 14px;
background: hsl(var(--my_color_d), var(--my_color_e90), 100%);
padding: 0.6em 0.8em;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
word-wrap: break-word;
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}
.comment-content:after{content: '';position: absolute;left: -7px;top: 10px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 8px solid hsl(var(--my_color_d), var(--my_color_e90), 100%);}
.comment-content img {max-width:96%;margin:3% 2%;float:right;}
.comment-content1 img {max-width:96%;margin:3% 2%;float:left;}
.comment-content video {max-width:96%;margin:3% 2%;float:right;}
.comment-content1 video {max-width:96%;margin:3% 2%;float:left;}

.comment-content1 {
float: right;
clear: both;
line-height:18px;
max-width:calc(100% - 160px);
font-size: 14px;
background: hsl(var(--my_color_d), var(--my_color_e90), 90%);
padding: 0.6em 0.8em;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
word-wrap: break-word;
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}
.comment-content1:after{content: '';position: absolute;right: -7px;top: 10px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid  hsl(var(--my_color_d), var(--my_color_e90), 90%);}
.comment-content.hongb {background:hsl(30, 99%, 55%);color:#fff;}
.comment-content.hongb:after {color:hsl(30, 99%, 55%);height:9px;border-bottom-width:12px;}
.comment-content1.hongb {background:hsl(30, 99%, 55%);color:#fff;}
.comment-content1.hongb:after {color:hsl(30, 99%, 55%);height:9px;border-bottom-width:12px;}

.comment-content.hongb.wan {background:hsl(30, 99%, 75%);color:#fff;}
.comment-content.hongb.wan:after {color:hsl(30, 99%, 75%);height:9px;border-bottom-width:12px;}
.comment-content1.hongb.wan {background:hsl(30, 99%, 75%);color:#fff;}
.comment-content1.hongb.wan:after {color:hsl(30, 99%, 75%);height:9px;border-bottom-width:12px;}
.comment-content2 {
float: left;
font-size: 12px;
background: hsl(var(--my_color_d), var(--my_color_e25), 95%);
padding: 0.6em 0.8em;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
word-wrap: break-word;
}
.comment-content .caret {position: absolute;left: 0;top: 0;border-width: 6px;border-left-width: 0;margin: 0;}

.huan_hang{ word-wrap: break-word; }


.ContextMenu {display: none;position: absolute;background-color: #f9f9f9;border: 1px solid #ddd;padding: 5px 10px;z-index: 1000;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.ContextMenu ul {list-style: none;margin: 0;padding: 0;}
.ContextMenu ul li {padding: 3px 8px 2px;cursor: pointer;}
.ContextMenu ul li:hover {background-color: #eee;}
.x_guanbi{ width:15px;height:15px;background:hsl(var(--my_color_d),var(--my_color_e),95%);cursor:pointer;border-radius:50%!important;padding:3px;line-height:14px;text-align:center;font-size:13px;color:#333;float:left;margin:3px 0px -10px -25px; }

/* 以下图片缩放功能 */
.tm-m-photos,  .tm-m-photos-thumb {	zoom: 1;}
.tm-m-photos-thumb {margin: 10px 0;list-style-type: none;height: 45px;}
.tm-m-photos-thumb li {float: left;border: 2px solid hsl(var(--my_color_d), var(--my_color_e25), 95%);padding: 2px;margin-right: 8px;position: relative;transition: border-color .2s ease-out;}
.tm-m-photos-thumb .tm-current {border: 2px solid hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f55));border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;cursor: auto;}
.tm-photos-arrow {width: 0;height: 0;line-height: 0;font-size: 0;border: 6px dashed transparent;border-top: 6px solid hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f55));position: absolute;left: 15px;filter: alpha(opacity=0);opacity: 0;bottom: -12px;background: 0 0;}
.tm-current .tm-photos-arrow {filter: alpha(opacity=100);opacity: 1;}
.tm-m-photos-thumb img {display: block;width: 40px;height: 40px;cursor: url(../img/T1nTBDFCRbXXbzTk_b-25-20.png), url(http://assets.alicdn.com/img/common/zoom_in.cur), auto;}
.tm-m-photo-viewer, .tm-m-photo-viewer img,  .tm-m-photos-thumb .tm-current img {cursor: url(../img/T1oq4AFupvXXcu5FDa-20-20.png), url(http://assets.alicdn.com/img/common/zoom_out.cur), auto;}
.tm-m-photo-viewer {position: relative;margin: 10px 0;width: 0;height: 0;border: 1px solid #ccc;background: #fff;padding: 2px;overflow: hidden;display: none;transition: all 0.2s ease-in;}
.tm-m-photo-viewer-navleft,  .tm-m-photo-viewer-navright {top: 0;bottom: 0;position: absolute;width: 30%;background: url(http://assets.alicdn.com/s.gif); /*解决IE 下背景透明的空白元素无法触发 click 和 hover 事件*/}
.tm-m-photo-viewer-navleft {left: 0;}
.tm-m-photo-viewer-navright {right: 0;}
.tm-m-photo-viewer-navleft i,  .tm-m-photo-viewer-navright i{top: 50%;margin-top:-24px;position: absolute;width: 48px;height: 48px;display: none;}
.tm-m-photo-viewer-navleft i{left: 0;background-image: url(../img/arrow-l.png);}
.tm-m-photo-viewer-navright i{right: 0;background-image: url(../img/arrow-r.png);}



/*艺术字体*/
@font-face {font-family: 'buding';src: url('font/buding.eot');
src:url('font/buding.eot?#font-spider') format('embedded-opentype'), url('font/buding.woff') format('woff'), url('font/buding.ttf') format('truetype'), url('font/buding.svg') format('svg');}
.ibuding {font-family: 'buding'!important;}
@font-face {font-family: 'quwei';src: url('font/quwei.eot');
src:url('font/quwei.eot?#font-spider') format('embedded-opentype'), url('font/quwei.woff') format('woff'), url('font/quwei.ttf') format('truetype'), url('font/quwei.svg') format('svg');}
.iquwei {font-family: 'quwei'!important;}


.socialAnimation{width: 400px;height: 300px;margin: 20px auto;}
.socialAnimation li{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid hsl(var(--my_color_d), var(--my_color_e), 95%);list-style-type: none;-webkit-animation: scaleLi 4s ease-in-out infinite;
-moz-animation: scaleLi 4s ease-in-out infinite;-o-animation: scaleLi 4s ease-in-out infinite;-ms-animation: scaleLi 4s ease-in-out infinite;animation: scaleLi 4s ease-in-out infinite;}
/* @-webkit-keyframes scaleLi {0% { -webkit-transform: scale(1);}45% { -webkit-transform: scale(1);}60% {-webkit-transform: scale(1.2);}75% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(1);}}
@-moz-keyframes scaleLi {0% { -moz-transform: scale(1);}45% { -moz-transform: scale(1);}60% {-moz-transform: scale(1.2);}75% { -moz-transform: scale(1);}100% { -moz-transform: scale(1);}}
@-o-keyframes scaleLi {0% { -o-transform: scale(1);}45% { -o-transform: scale(1);}60% {-o-transform: scale(1.2);}75% { -o-transform: scale(1);}100% { -o-transform: scale(1);}}
@-ms-keyframes scaleLi {0% { -ms-transform: scale(1);}45% { -ms-transform: scale(1);}60% {-ms-transform: scale(1.2);}75% { -ms-transform: scale(1);}100% { -ms-transform: scale(1);}}
@keyframes scaleLi {0% { transform: scale(1);}45% { transform: scale(1);}60% {transform: scale(1.2);}75% { transform: scale(1);}100% { transform: scale(1);}} */
.socialAnimation .person{width: 36px;height: 36px;margin: -25px 0 0 41px;z-index: 9;}
.socialAnimation .person img{width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 3px;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);}
.socialAnimation li div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;}
.socialAnimation li div.connector span{display: block;width: 15px;height: 15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);margin: -5px 0 0 0;position: absolute;-webkit-animation: connections 4s ease-in-out infinite;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite;}
.socialAnimation li div.connector span.two{-webkit-animation: connections 4s ease-in-out infinite 1s;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite 1s;}
@-webkit-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-moz-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-o-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-ms-keyframes connections {0% { left: 0}80% { left: 100%; }}
@keyframes connections {0% { left: 0}80% { left: 100%; }}
.socialAnimation li .containerImg{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;-ms-transition: background 0.3s linear;transition: background 0.3s linear;z-index: 10;background-repeat: no-repeat;}

.socialAnimation .facebook{width: 110px;height: 110px;margin: 0px 0 0 0px;}
.socialAnimation .facebook .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .facebook div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 60px;margin: 108px 0 0 65px;transform:rotate(-138deg); -webkit-transform:rotate(-138deg); -moz-transform:rotate(-138deg); -ms-transform:rotate(-138deg); -o-transform:rotate(-138deg); }

.socialAnimation .googlePlus{width: 110px;height: 110px;margin: 0px 0 0 100px;}
.socialAnimation .googlePlus .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .googlePlus div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 60px;margin: 108px 0 0 -25px;transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); }

.socialAnimation .twitter{width: 110px;height: 110px;margin: 120px 0 0 125px;}
.socialAnimation .twitter .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .twitter div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 60px;margin: 19px 0 0 -25px;transform:rotate(38deg); -webkit-transform:rotate(38deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); }

.socialAnimation .linkedin{width: 110px;height: 110px;margin: 120px 0 0 -15px;}
.socialAnimation .linkedin .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .linkedin div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 90px;margin: 26px 0 0 50px;transform:rotate(-218deg); -webkit-transform:rotate(-218deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); }

.socialAnimation .yt{width: 110px;height: 110px;margin: 20px 0 0 5px;}
.socialAnimation .yt .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .yt div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 50px;margin: -15px 0 0 30px;transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }


/* 闪烁的箭头 */
.s-xguide-down.trans{-webkit-animation:xguide_down 4.0s infinite ease-in-out;-moz-animation:xguide_down 4.0s infinite ease-in-out; -o-animation:xguide_down 4.0s infinite ease-in-out; animation:xguide_down 4.0s infinite ease-in-out}
.s-xguide-down{width:50px;height:50px;display:inline-block;position:fixed;bottom:-80px;left:46%;background:url("//js.16first.com/static/skins/2018/css/gun-ping-cha-jian/images/arr1.png") no-repeat -21px -3px;
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//js.16first.com/static/skins/2018/css/gun-ping-cha-jian/images/arr1.png" no-repeat -21px -3px,enabled=true,sizingMethod="crop");
border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;opacity:.7;cursor:pointer}
@keyframes
xguide_down{0%,100%{transform:scale(0.0);-moz-transform:scale(0.0);-o-transform:scale(0.0);-webkit-transform:scale(0.0);-ms-transform:scale(0.0);opacity:0}50%{transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);opacity:1}}
@-webkit-keyframesxguide_down{0%,100%{-webkit-transform:scale(0.0);-moz-transform:scale(0.0);-o-transform:scale(0.0);-ms-transform:scale(0.0);transform:scale(0.0);opacity:0}50%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);opacity:1}}
@-moz-keyframesxguide_down{0%,100%{-moz-transform:scale(0.0);-o-transform:scale(0.0);-webkit-transform:scale(0.0);-ms-transform:scale(0.0);transform:scale(0.0);opacity:0}50%{-moz-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);opacity:1}}
@-o-keyframesxguide_down{0%,100%{-o-transform:scale(0.0);-moz-transform:scale(0.0);-webkit-transform:scale(0.0);-ms-transform:scale(0.0);transform:scale(0.0);opacity:0}50%{-o-transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);opacity:1}}


/*柱状图*/
@-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
#bar-chart {
  height: 220px;
  width: 70%;
  position: relative;
  margin: 30px auto 0;
}
#bar-chart * {
  box-sizing: border-box;
}
#bar-chart .graph {
  height: 203px;
  position: relative;
}
#bar-chart .bars {
  height: 173px;
  padding: 0 2%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
#bar-chart .bar-group {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  width: 12%;
  margin-right: 10%;
}
#bar-chart .bar-group:last-child {
  margin-right: 0;
}
#bar-chart .bar-group .bar {
  visibility: hidden;
  height: 0;
  -webkit-animation: animate-height;
  -moz-animation: animate-height;
  animation: animate-height;
  animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f15));
  border-radius: 3px 3px 0 0;
  bottom: 0;
  cursor: pointer;
  height: 0;
  position: absolute;
  text-align: center;
  width: 40%;
}
#bar-chart .bar-group .bar:nth-child(2) {
  left: 42%;
}
#bar-chart .bar-group .bar:nth-child(3) {
  left: 84%;
}
#bar-chart .bar-group .bar span {
  display: none;
}
#bar-chart .bar-group .bar-1 {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
#bar-chart .bar-group .bar-2 {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
#bar-chart .bar-group .bar-3 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
#bar-chart .bar-group .bar-4 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
#bar-chart .bar-group .bar-5 {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
#bar-chart .bar-group .bar-6 {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
#bar-chart .bar-group .bar-7 {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
#bar-chart .bar-group .bar-8 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
#bar-chart .bar-group .bar-9 {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
#bar-chart .bar-group .bar-10 {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
#bar-chart .bar-group .bar-11 {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
#bar-chart .bar-group .bar-12 {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
#bar-chart .bar-group .bar-13 {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
#bar-chart .bar-group .bar-14 {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
#bar-chart .bar-group .bar-15 {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
#bar-chart ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bar-chart .x-axis {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#bar-chart .x-axis li {
  float: left;
  text-align:center;
  margin-right: 6.25%;
  font-size: 11px;
  width:15%;
}
#bar-chart .x-axis li:last-child {
  margin-right: 0;
}
#bar-chart .y-axis {
  position: absolute;
  text-align: right;
  width: 100%;
}
#bar-chart .y-axis li {
  border-top: 1px solid hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
  display: block;
  height: 43.25px;
  width: 100%;
}
#bar-chart .y-axis li span {
  display: block;
  font-size: 11px;
  margin: -10px 0 0 -45px;
  padding: 0 10px;
  width: 45px;
}
#bar-chart .stat-1 {
  background-image: -webkit-linear-gradient(left, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
  background-image: linear-gradient(to right, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
}
#bar-chart .stat-2 {
  background-image: -webkit-linear-gradient(left, hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 100%);
  background-image: linear-gradient(to right, hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 100%);
}
#bar-chart .stat-3 {
  background-image: -webkit-linear-gradient(left, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 100%);
  background-image: linear-gradient(to right, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 0%, hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) 47%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 50%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30)) 100%);
}

.register-box,.login-box{
    width: 100%;
    background: #fff;
    padding:20px 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.register-box .form-group,.login-box .form-group {
    margin-bottom: 18px;
    
}
.register-box .form-control,.login-box .form-control{
    width:82%;
    border:solid 1px hsl(var(--my_color_d), 0%, 90%);
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
	margin-right:-10px;
}
.register-box .lb,.login-box .lb{
    display: inline-block;
    width:12%;
    height:29px;
	margin-top:-2px;
    background: hsl(var(--my_color_d), 6%, 80%);
    line-height: 32px;
    text-align: center;
    font-size:13px;
    color:#fff;
    vertical-align: middle;
}

.password_strength {
  font-size: 12px;
  text-align: center;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
.password_strength > span {
  display: inline-block;
  float: left;
  margin-right: 1%;
  width: 28%;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.password_strength > span.selected {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: #fff;
}

.code-img{padding:1px 13px 0px;display: inline-block;margin-left:10px;box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;}
.code-img:active {box-shadow:1px 1px 1px hsl(var(--my_color_d), 0%, 87%);}
.code-img img{width:120px;}

.register-box .page-header,.login-box .page-header{
    margin-bottom: 10px;
}
.register-box .page-header span,.login-box .page-header span{
    width:49%;
    display: inline-block;
    font-size:16px;
    height: 30px;
    text-align: center;
    border-bottom: solid 1px hsl(var(--my_color_d), 0%, 90%);
}
.register-box .page-header span.active,.login-box .page-header span.active{
    border-bottom-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

.register-box .btn,.login-box .btn{width:92%;height:35px;background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));color:#fff;font-size:15px;cursor: pointer;}
.register-box .btn:active,
.login-box .btn:active {top:3px;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)))	);
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;}
.login-and-register-footer{
    border-top: solid 1px hsl(var(--my_color_d), 0%, 90%);
    padding-top:20px;
    margin-top:35px;
    text-align: center;
}

.welcome-img{
    margin-top: 40px;
}

#user{
    background: #fff;
}

#user .nav-action {
  display: inline;
  float: left;
  width: 160px;
  margin: 0 15px 0 5px;
  background: #fff;
  padding-top: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size:13px;
}
#user .nav-action .nav-toggle {
  display: none;
  text-align: center;
  color: hsl(var(--my_color_d), 0%, 93%);
  padding: 5px 0;
  font-size: 15px;
}
#user .content-panel .tab a.selected_lan{
background: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60))!important;
    color:#fff;
    border:solid 1px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50));
	letter-spacing:1px!important;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 10px 5px #aaa;
}

#user .content-panel .horizontal-row {
  display: block;
  width: 730px;
  margin: 0 -5px;
}
#user .content-panel .horizontal-row:before,
#user .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
#user .content-panel .horizontal-row:after {
  clear: both;
}

#user .content-panel .horizontal-row:before,
#user .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
#user .content-panel .horizontal-row:after {
  clear: both;
}

#user .content-panel .pagination {
  margin-top: 0;
}
#user .p-row {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .p-row:before,
#user .p-row:after {
  content: "";
  display: table;
}
#user .p-row:after {
  clear: both;
}

#user .p-row:before,
#user .p-row:after {
  content: "";
  display: table;
}
#user .p-row:after {
  clear: both;
}

#user .user-short {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
  background: #fff;
}
#user .user-short:before,
#user .user-short:after {
  content: "";
  display: table;
}
#user .user-short:after {
  clear: both;
}

#user .user-short:before,
#user .user-short:after {
  content: "";
  display: table;
}
#user .user-short:after {
  clear: both;
}

#user .user-short .user-avatar {
  width: 160px;
  height: 160px;
  float: left;
  margin-right: 60px;
}
#user .user-short .user-avatar img {
  width: 170px;
  height: 170px;
}
#user .user-short .username {
  line-height: 30px;
  font-size: 16px;
  clear: both;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  width:200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .user-short .user-info {
  padding-top: 5px;
}
#user .user-short .p-row {
  display: inline;
  float: left;
  width: 50%;
}
#user .user-short .money {
  font-size: 18px;
}
#user .user-type {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 5px;
  margin-bottom: 10px;
  background: #fff;
}
#user .user-type .type-heading {
  height: 35px;
}
#user .user-type .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .type-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
}
#user .user-type .count {
  padding: 0;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count .item {
  display: inline;
  float: left;
  width: 50%;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
#user .user-type .count .num {
  float: right;
  display: inline-block;
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
}
#user .user-type .count.tips .item {
  width: auto;
  margin-right: 10px;
  line-height: 20px;
}
#user .user-type .count.tips .item strong {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .type-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 0 5px 10px;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer .item {
  margin-top: 5px;
}
#user .user-type .type-footer a {
  white-space: nowrap;
  display: block;
  line-height: 20px;
}
#user .feed-list {
  clear: both;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  margin-bottom: 10px;
}
#user .feed-list .tab_detail {
  padding: 0;
}
#user .feed-list .table {
  margin-bottom: 0;
  margin-top: -1px;
}
#user .action-bar:before,
#user .action-bar:after {
  content: "";
  display: table;
}
#user .action-bar:after {
  clear: both;
}
#ie6 #user .action-bar,
#ie7 #user .action-bar {
  zoom: 1;
}
#user .action-bar:before,
#user .action-bar:after {
  content: "";
  display: table;
}
#user .action-bar:after {
  clear: both;
}
#ie6 #user .action-bar,
#ie7 #user .action-bar {
  zoom: 1;
}
@media (min-width: 768px) {
  #user .action-bar .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  #user .action-bar .form-control-static {
    display: inline-block;
  }
  #user .action-bar .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  #user .action-bar .input-group .input-group-addon,
  #user .action-bar .input-group .input-group-btn,
  #user .action-bar .input-group .form-control {
    width: auto;
  }
  #user .action-bar .input-group > .form-control {
    width: 100%;
  }
  #user .action-bar .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .radio,
  #user .action-bar .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .radio label,
  #user .action-bar .checkbox label {
    padding-left: 0;
  }
  #user .action-bar .radio input[type="radio"],
  #user .action-bar .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  #user .action-bar .has-feedback .form-control-feedback {
    top: 0;
  }
}
#user .action-bar .action-item {
  float: left;
  display: inline;
  margin-right: 20px;
  white-space: nowrap;
  margin-bottom: 10px;
}
#user .p-row1 {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .p-row1 a.user-link{
  display: inline-block;
}
#user .user-type {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 5px;
  margin-bottom: 10px;
}
#user .user-type .type-heading {
  background: #fff;
  overflow: hidden;
  height: 35px;
}
#user .user-type .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  float: left;
}
#user .user-type .type-heading .chakan {
  float: right;
  font-size: 12px;
  color: #999;
  padding-right: 10px;
  padding-top: 8px;
}
#user .user-type .type-body1 {
  padding: 30px ;
}
#user .user-type .type-list {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 0;
  margin-bottom: -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .user-type .type-list .table {
  margin-bottom: 0;
  width: 100%;
}
#user .user-type .type-list .list-desc {
  width: 13.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#user .user-type .type-list .list-desc1 {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#user .user-type .count {
  padding: 0;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count .item {
  display: inline;
  float: left;
  width: 50%;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
#user .user-type .count .num {
  float: right;
  display: inline-block;
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
}
#user .user-type .count.tips .item {
  width: auto;
  margin-right: 10px;
  line-height: 20px;
}
#user .user-type .count.tips .item strong {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .count .item1 {
  line-height: 28px;
  font-size: 12px;
}
#user .user-type .count .desc {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  display: inline;
}

#user .user-type .count .time {
  color: #999;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  /*white-space: nowrap;*/
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

#user .user-type .count1 {
  color: #666;
  font-size: 12px;
}
#user .user-type .type-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 0 5px 10px;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer .item {
  margin-top: 5px;
}
#user .user-type .type-footer a {
  white-space: nowrap;
  display: block;
  line-height: 20px;
}
.alter {
  padding: 0  10px;
  border-right: 1px #ddd solid;
}
.get-back {
  padding: 0  10px;
}
.zh-renzheng {
  margin: 0 !important;
  margin-top: 10px;
}
.photo {
  width: 90px;
  height: 90px;
  float: left;
  margin: 10px 20px 0 20px;
  float: right;
}
.photo img {
  width: 90px;
  height: 90px;
}
.tab_desc {
  background: none;
  border: none;
  margin: 10px;
  border-top: 1px #ddd solid;
}
.info {
  margin-bottom: 0;
}
.media-left {
  float: left;
}
.media-left h2 {
  margin-left: 20px;
  width: 90px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -10px;
}
.media-min {
  float: left;
}
.warning {
  color: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f40));
  font-size: 12px;
  padding: 0 5px;
}
.media-right {
  padding-left: 40px !important;
}
.user-avatar {
  display: inline-block;
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker table tr td.minute:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.datetimepicker table tr td span.old {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*="datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*="datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid hsl(var(--my_color_d), 0%, 93%);
  position: absolute;
}
[class*="datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*="datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

#user .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
#user .table > thead > tr > th,
#user .table > tbody > tr > th,
#user .table > tfoot > tr > th,
#user .table > thead > tr > td,
#user .table > tbody > tr > td,
#user .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 87%);
}
#user .table > thead > tr > th {
  vertical-align: bottom;
}
#user .table > caption + thead > tr:first-child > th,
#user .table > colgroup + thead > tr:first-child > th,
#user .table > thead:first-child > tr:first-child > th,
#user .table > caption + thead > tr:first-child > td,
#user .table > colgroup + thead > tr:first-child > td,
#user .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
#user .table > tbody + tbody {
  border-top: 2px solid hsl(var(--my_color_d), 0%, 87%);
}
#user .table .table {
  background-color: hsl(var(--my_color_d), 0%, 93%);
}



.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e85), 80%)), to(hsl(var(--my_color_d), var(--my_color_e85), 80%)));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', endColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 70%) \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
@media (min-width: 240px) and (max-width: 640px) {
  #im {
    display: none;
  }
}
.loading-img {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.loading-img table {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.site-im {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 230px;
  overflow: hidden;
  z-index: 999;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-main-button {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.site-im-main-button .inner {
  position: relative;
  z-index: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button a {
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-brand {
  color: hsl(var(--my_color_d), 0%, 93%);
  float: left;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
}
.site-im-brand .fa {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.site-im-count {
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  text-align: center;
}
.site-im-count strong {
  margin-left: 4px;
  margin-right: 4px;
}
.site-im-arrow {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 8px;
  font-size: 24px;
  line-height: 20px;
}
.site-im-inner {
  height: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.show-im {
  height: 465px;
}
.site-im-header {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-body {
  background: hsl(var(--my_color_d), 0%, 93%);
  height: 400px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.im-user-avatar {
  width: 65px;
  height: 65px;
  float: left;
}
.im-user-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-user-info {
  overflow: hidden;
  padding: 10px;
}
.im-user-name {
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.site-im-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), var(--my_color_e60), 84%);
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item {
  padding: 8px 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item.offline .im-pep-item-img > img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.im-pep-item.offline strong {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.im-pep-item-img {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.im-pep-item-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-pep-item-img .status {
  position: absolute;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: -3px;
  right: -3px;
  font-size: 10px;
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item-img .status:empty {
  display: none;
}
.im-pep-item-body {
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
}
.im-pep-item-body strong {
  font-weight: normal;
}
.site-im-dialog {
  overflow: hidden;
  position: fixed;
  z-index: 999;
  right: 240px;
  bottom: 0;
  width: 500px;
  height: 0;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.show-dialog {
  height: 500px;
}
.site-im-dialog-nav {
  float: left;
  width: 0;
  height: 500px;
  overflow: hidden;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-nav > li {
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  display: list-item;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li > a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px;
  color: hsl(var(--my_color_d), 0%, 93%);
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li.active {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active > a {
  background: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
.site-im-dialog-nav > li img {
  width: 20px;
  height: 20px;
}
.site-im-dialog-nav > li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.site-im-dialog-nav > li:hover .close-nav {
  display: block;
}
.site-im-dialog-nav a.close-nav {
  display: none;
  position: absolute;
  z-index: 1;
  right: -15px;
  top: 8px;
  padding: 0 2px 3px;
  line-height: 16px;
  font-size: 20px;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav a.close-nav:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.show-nav {
  width: 120px;
}
.site-im-dialog-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-body .im-pep-item {
  display: block;
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: default;
}
.site-im-dialog-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-dialog-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f65));
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-dialog-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list-box {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: 300px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list {
  line-height: 25px;
  padding: 10px 5px 0 10px;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list-item {
  white-space: pre-wrap;
  word-wrap: break-word !important;
  word-break: normal !important;
  display: block;
  max-width: 80%;
  line-height: 18px;
  margin-bottom: 10px;
  float: left;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e55), 86%);
  padding: 5px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item.reply {
  float: right;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e30), 79%);
  -webkit-border-radius: 5px 5px 0 5px;
  -moz-border-radius: 5px 5px 0 5px;
  border-radius: 5px 5px 0 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item img {
  display: block;
  max-width: 100%;
  height: auto;
}
.dialog-comment-edit {
  width: 100%;
  height: 105px;
}
.dialog-comment-edit textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
}
.site-im-dialog-header {
  height: 55px;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 5px;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer .for-post {
  float: right;
}
.site-im-dialog-footer .for-post kbd {
  padding: 2px 4px;
}
.box_flashing .flashing-text {
  -webkit-animation: flashing 1.5s linear infinite;
  -o-animation: flashing 1.5s linear infinite;
  animation: flashing 1.5s linear infinite;
}
@-webkit-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-moz-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-o-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: red;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: hsl(var(--my_color_d), 0%, 97%);
  position: relative;
}
.jspDrag {
  background: hsl(var(--my_color_d), 0%, 80%);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: hsl(var(--my_color_d), 15%, var(--my_color_f35));
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: hsl(var(--my_color_d), 5%, var(--my_color_f50));
}
.jspVerticalBar .jspArrow {
  height: 8px;
}
.jspHorizontalBar .jspArrow {
  width: 8px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: hsl(var(--my_color_d), 21%, 95%);
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

@media (min-width: 981px) and (max-width: 1280px) {
  #user .container {
    width: 960px;
  }
}
@media (min-width: 1280px) {
  #user .container {
    width: 1200px;
  }
}

@media (min-width: 1280px) {
  #user .content-panel {
    display: inline;
    float: left;
    width: 1010px;
    margin: 0 5px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #user .content-panel .horizontal-row {
    display: block;
    width: 970px;
    margin: 0 -5px;
  }
  #user .content-panel .horizontal-row:before,
  #user .content-panel .horizontal-row:after {
    content: "";
    display: table;
  }
  #user .content-panel .horizontal-row:after {
    clear: both;
  }
  #ie6 #user .content-panel .horizontal-row,
  #ie7 #user .content-panel .horizontal-row {
    zoom: 1;
  }
  #user .content-panel .horizontal-row:before,
  #user .content-panel .horizontal-row:after {
    content: "";
    display: table;
  }
  #user .content-panel .horizontal-row:after {
    clear: both;
  }
  #ie6 #user .content-panel .horizontal-row,
  #ie7 #user .content-panel .horizontal-row {
    zoom: 1;
  }
}
@media (min-width: 1280px) {
  #user .user-type {
    display: inline;
    float: left;
    width: 470px;
    margin: 0 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1280px) {
  #user #fix-box {
    margin-left: 620px;
  }
}
/*header jiake 2016/1/14*/
.header{
  margin-top: 5px;
  margin-bottom: 10px;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header-website {
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.header-function {
  float: right;
  margin-right: 5px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.brand-logo {
  margin-right: 0px;
}
.header-location {
  position: absolute;
  bottom: 0;
  left: 100%;
  white-space: nowrap;
}
.localtion-layer {
  position: relative;
  display: inline-block;
}


.header-or{
  margin-top: 14px;
  color: #CCC;
}
/*发布按钮*/
.release-btnBox{
  margin-left: 10px;
}
.release-btnBox:hover .release-select{
  display: block;
}
.release-btnSelect-box{
  width: 130px;
  height: 45px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  text-align: center;
  border-radius: 0;
  color: #EEE;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 2px 2px 2px hsl(var(--my_color_d), 0%, var(--my_color_f5))
}
.release-btnSelect-box a{
  padding:10px 10px 10px 5px;
  color: #EEE;
  text-decoration: none;
}
.release-btnSelect-box:hover,
.release-btnSelect-box:visited,
.release-btnSelect-box:active{
  color: #EEE;
}
.release-btnSelect-box a:hover
.release-btnSelect-box a:visited,
.release-btnSelect-box a:active{
  color: #EEE;
  text-decoration: none;
}
.release-btnSelect-box .caret{
  margin-left: 15px;
}
.release-select{
  min-width: 130px;
  border-radius:0;
  display: none;
}
.release-select > .active > a, 
.release-select > .active > a:hover, 
.release-select > .active > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    text-decoration: none;
    outline: 0;
    background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
#user .top-nav .nav-header{
  min-width: 230px;
  height: 42px;
  text-align: left;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
#user .top-nav .nav-header a.nav-brand{
  font-weight: normal;
}
#user .top-nav .nav-header a.nav-brand .fa{
  margin-right: 10px;
}
#user .top-nav .nav-header a.nav-brand:hover{
  background: none;
  font-weight: normal;
}
#user .top-nav a.change-link .fa{
  margin-left: 10px;
}
#user .top-nav a.change-link:hover{
  background: none;
  text-decoration: underline;
}
#user .user-cards{
  background: #fff;
}
#user .media-cards{
  height: auto;
  background:#fff;
}
#user .top-Leftcards {
  float: left;
  /*width: 35.5%;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: dashed 1px #ccc;
}
#user .top-centerCards .top-centerCards-title{
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
}
#user .top-centerCards .top-centerCards-txt{
  font-size: 22px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  padding: 6px 0;
}
#user .top-centerCards {
  /*float: left;*/
  width: 25.5%;
  height: 155px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: dashed 1px #ccc;
}
#user .top-rightCards{
  margin-top: 0;
  padding: 30px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;  
}
#user .top-rightCards .top-rightCards-title{
  font-size: 15px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  margin-bottom: 6px;
}
@media (min-width: 1280px) {
  #user .top-left {
    float: left;
    width: 41.66666667%;
  }
  #user .top-Leftcards {
    float: left;
    width: 32.5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    border-right: dashed 1px #ccc;
  }  
}
#user .top-center{
  position: relative;
  min-height: 1px;
  padding: 10px 5px 20px;
  overflow:hidden;
}
#user .top-centerCards {
  width: 56.5%;
  height: 155px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: none;
}
#user .top-centerCards .top-centerCards-title{
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  text-align:left;
  margin-left:10px;
}
#user .top-centerCards .top-centerCards-txt{
  font-size: 14px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  padding: 0px 0;
}
@media (min-width: 1280px) {
  #user .top-center {
    float: left;
    width: 30.5%;
  }  
  #user .top-centerCards {
    float: left;
    width: 45%;
    height: 165px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    border-right: dashed 1px #ccc;
  }  
}
#user .top-right {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
#user .top-rightCards{
  margin-top: 0;
  padding: 10px 5px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;  
}
#user .top-rightCards .top-rightCards-title{
  font-size: 14px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  margin-bottom: 12px;
}
@media (min-width: 1280px) {
  #user .top-right {
    float: left;
    width: 58.33333333%;
  }
  #user .top-rightCards{
    float: left;
    width: 18%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;    
  }  
}
#user .top-right .notice {
  border-bottom: 1px #eee solid;
  width: 90%;
  padding-bottom: 5px;
  margin-top: 1%;
  margin-left: 1%;
}
#user .top-right .notice a {
  display: inline-block;
  width: 70%;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .top-right .notice .number {
  display: inline-block;
  background-color: hsl(var(--my_color_d), var(--my_color_e45), var(--my_color_f50));
  border-radius: 5px;
  float: right;
  color: #EEE;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: 22%;
}
#user .user-cards .user-avatar img{
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 10px;
}
#user .user-auth {
  display: inline;
  float: left;
  width: 710px;
  margin: 0 5px;
  margin-bottom: 10px;
  background: #fff;
}
#user .user-auth .type-heading {
  margin-bottom: -1px;
  height: 35px;
}
#user .user-auth .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  clear: both;
}
#user .user-auth .type-heading .type-title span{
  display: inline-block;
  float: left;
}
#user .user-auth .type-heading .type-title a{
  display: inline-block;
  float: right;
  padding: 0 10px;
  font-weight: normal;
  color:hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
#user .user-auth .user-auth-body {
  overflow: hidden;
  padding: 10px;
  margin-bottom: -1px;
}
#user .user-auth-body .tab_detail{
  padding: 0;
  border: none;
  background: #fff;
}
#user .user-auth-body .table > thead > tr > th, 
#user .user-auth-body .table > tbody > tr > th, 
#user .user-auth-body .table > tfoot > tr > th, 
#user .user-auth-body .table > thead > tr > td, 
#user .user-auth-body .table > tbody > tr > td, 
#user .user-auth-body .table > tfoot > tr > td{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
  border-bottom: dashed 1px #eee;
}
#user .userType-list{
  overflow: hidden;
  padding: 30px;
  margin-bottom: -1px;  
}
#user .userType-list .userType-list-item{
  width: 210px;
  height: 100px;
  float: left;
  margin-left: 12px;
}
#user .userType-list .userType-list-item:nth-child(4){
  margin-right: 0;
}
#user .userType-list-item .user-itemImg{
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 0;
}
#user .userType-list-item .user-itemImg img{
  width: 80px;
  height: 80px;
}
#user .userType-list-item .user-itemInfo{
  display: inline-block;
  width: 80px;
  height: auto;
}
#user .user-itemInfo .user-itemInfo-name{
  height: 26px;
  line-height: 26px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
#user .user-itemInfo .user-item-btn .label-success{
  display: inline-block;
  padding: 6px 12px;
  background: hsl(var(--my_color_d), var(--my_color_e), 86%);
  border: 1px hsl(var(--my_color_d), var(--my_color_e50), 79%) solid;
  color: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f35));
  font-weight: normal;
  margin-bottom: 10px;
}
#user .user-itemInfo .user-item-btn .btn-default{
  padding: 3px 14px;
  background: hsl(var(--my_color_d), 0%, 96%);
  border: solid 1px hsl(var(--my_color_d), 0%, 87%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}

@media (min-width: 1280px){
  #user .user-auth {
    display: inline;
    float: left;
    width: 950px;
    margin: 0 5px;
    margin-bottom: 10px;
  }
}
#user .top-rightCards .notice-cards{
  border-bottom: none;
  padding: 3px 0;
}
#user .top-rightCards .notice-cards .number{
    background: none;
    border-left: 1px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    border-right: 1px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    border-radius: 5px;
    float: right;
    color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 23%;  
}
.identity_modalContent{
  margin: 30px 0 0;
  text-align: center;
}
.identity_modalContent .wk-select{
  display: inline-block;
  width: 112px;
  height: 200px;
  margin: 0 60px;
}
.identity_modalContent .wk-select p{
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  padding-top: 10px;
}
.identity_modalContent .wk-select .wk-select-pic{
  display: inline-block;
  width: 112px;
  height: 161px;
}
.empty-box{
  text-align: center;
  font-size: 18px;
  color: #777;
}
.empty-img{
  display: inline-block;
  margin-right: 15px;
  border: none;
}
.empty-box a{
  display: inline-block;
  font-size: 18px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
.empty-box a:hover{
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
@media (min-width: 739px) and (max-width: 1280px){
  #user .media-cards{
    height: auto;
  } 
}
#user .user-money{
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
/* 用户中心商品文件下载 */
.user-downFile-box{
  margin-bottom: 15px;
  overflow: hidden;
}
.user-downFileNum{
  display: inline-block;
  float: left;
}
.user-downFileName{
  display: inline-block;
  padding:0 10px;
  width: 300px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-actDownLoda{
  display: inline-block;
  float: right;
}
.user-actDownLoda .fa{
  margin-right: 10px;
}
.identity_modal,
.confirm_modal{
  z-index: 201;
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-body {
  overflow: hidden;
  display: block;
}
.pull-left {float:left;}
.pull-right {float:right;}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  line-height:25px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}

#user .btn {
  display: inline-block;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
 			background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					cursor:pointer;
border-radius:30px;
					text-shadow: 1px 1px 2px rgba(0,0,0,.3);
					letter-spacing:1px;
					box-shadow:0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 6px 4px #999;
  white-space: nowrap;
  padding: 1px 10px;
  font-size: 11px;
  color:#fff;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#user .btn:focus,
#user .btn:active:focus,
#user .btn.active:focus,
#user .btn.focus,
#user .btn:active.focus,
#user .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#user .btn:hover,
#user .btn:focus,
#user .btn.focus {
  color: #fff;
  text-decoration: none;
}
#user .btn:active,
#user .btn.active {
  outline: 0;
  /* background-image: none;
  color:#333; */
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#user a.btn{
    color:#fff;
}
#user a.btn:hover{
    color:#fff;
}

#user .top-centerCards .top-centerCards-btn a.btn-default{
  color: #EEE;
  width: 55px;
  height:19px;
  line-height: 20px;
  margin:10px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  font-size:13px;
  letter-spacing:2px;
  border: solid 1px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}

#user .min-title{
    font-size:14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
}

#user .col-md-1{    
  float:left;
  width:7%;
  padding: 0 5px;
  text-align: center;
}

#user .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 87%);
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
#user .thumbnail > img,
#user .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
#user a.thumbnail:hover,
#user a.thumbnail:focus,
#user a.thumbnail.active {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
#user .thumbnail .caption {
  padding: 9px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}

#user .fl_l{
    float:left;
}

#user .mr_10{
    margin-right: 10px;
}

#user .tab_detail:after{
    clear:both;
    display: table;
    content:''
}

#user .form-group{
    font-size: 12px;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f25));    
    margin-bottom: 10px;
	
}

#user .form-group:after{
    display: table;
    content: '';
    clear:both;
}

#user .form-group .title{
	padding:3px 20px;
	margin:0px 15px 0px 0px;
    height: 20px;
    line-height: 20px;
	float:left;
	display: inline-block;color:#000; text-align: center;  border-radius:2px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6);
					  letter-spacing:1px;
                      background: hsl(var(--my_color_d), 0%, 89%);
			          background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
}

#user .form-group .region_title,#user .tab_detail .region_title{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    font-weight: bold;
    margin-bottom: 20px;
}

#user .form-group input[type='text'],
#user .form-group input[type='email'],
#user .form-group input[type='password']
{
    height: 34px;
    padding: 0 12px;
    width:100%;
    box-sizing:border-box; 
	border-radius:2px;
}

#user .form-group textarea{
    border: 1px solid hsl(var(--my_color_d), 0%, 90%);
    padding: 5px;
    width:100%;
    box-sizing:border-box;
}

/*72*/

#user .form-group .col-sm-2{
    width:145px;
    float:left;
    margin-right: 10px;
}


#user .form-group .col-sm-3{
    position: relative;
    width:215px;
    float:left;
    margin-right: 10px;
}

#user .form-group .col-sm-4{
    position: relative;
    width:290px;
    float:left;
    margin:0px 10px 0px 0px;
	line-height:20px;
}

#user .form-group .col-sm-8{
    position: relative;
    width:576px;
    float:left;
    margin-right: 10px;
}

#user .form-group .col-sm-10{
    position: relative;
    width:720px;
}

#user .form-group select{
    height: 34px;
    padding: 0 12px;
    width:100%;
border-radius:2px;margin:0px 15px 5px 0px;cursor:pointer;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), 0%, 100%)), color-stop(1, hsl(var(--my_color_d), 0%, 89%))	);
}

#user .form-group .btn{
	  padding: 1px 18px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing:3px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
  font-weight:normal;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;
}
#user .form-group .btn2,
#user .form-group .btn-group-xs2 > .btn {
  padding: 1px 9px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35))), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f15)), 0px 10px 5px #999;
}

#user .form-group .btn:active {top:3px;background-image: linear-gradient(bottom, hsl(var(--my_color_d), 15%, var(--my_color_f20)) 100%, hsl(var(--my_color_d), 13%, var(--my_color_f35)) 0%);
#user .content-panel .nav-pills li.active a{
    color:#fff;
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

#user .content-panel .nav-pills li a{
    background: #fff;
    color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

#user .table{
    font-size:14px;
}

#user .table th{
    text-align: left;
}

#user .text-info{
    line-height: 25px;
    margin-bottom: 20px;
    font-size:14px;
}

#user .pagination{float:right;}
#user .pagination li{width:30px;float:left;text-align: center;margin-right: 5px;}
#user .pagination li a{display: block;border:solid 1px hsl(var(--my_color_d), 0%, 87%);height: 20px;line-height: 20px;}
#user .pagination li a:hover{border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
#user .pagination li:last-child{width:60px;}
#user .pagination li.active a{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));color:#fff;border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); }

#user .money{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
#user p{font-size:14px;line-height: 30px;}

#user .img-responsive{max-width: 100%;}

#user .btn-toolbar .btn-group,#user .btn-toolbar .input-group{
    float:left;
    margin-right: 10px;
}
.btn-toolbar{
    float:left;
    margin-right: 10px;
	width:500px;
}

.tags-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tags-box a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 5px;
  line-height: 18px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  text-decoration: none;
  font-size: 14px;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tags-box a.marked-task {
  border-color: hsl(var(--my_color_d), 23%, var(--my_color_f40));
  color: hsl(var(--my_color_d), 23%, var(--my_color_f40));
}
.tags-box a.marked-shop {
  border-color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f40));
  color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f40));
}
.tags-box a.marked-speed {
  background: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-hot {
  background: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-map {
  background: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-spread {
  background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-see {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-tags {
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .content-panel .tags-box a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: #fff;
}

#user .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 94%);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#user .panel-body {
  padding: 15px;
}
#user .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#user .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
#user .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  line-height: 35px;
}
#user .panel-title > a {
  color: inherit;
}
#user .panel-footer {
  padding: 10px 15px;
  background-color: hsl(var(--my_color_d), 0%, 96%);
  border-top: 1px solid hsl(var(--my_color_d), 0%, 87%);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#user .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: hsl(var(--my_color_d), 0%, 96%);
  border: 1px solid hsl(var(--my_color_d), 0%, 89%);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#user .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#user .well-lg {
  padding: 24px;
  border-radius: 6px;
}
#user .well-sm {
  padding: 9px;
  border-radius: 3px;
}

#user .form-inline:after{
    clear:both;
    display: table;
    content:''
}