/* CSS Document */
html {font-size:312.5%;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden;}
body{ color:#222; font:14px "΢ÈíÑźÚ";background: #fff;overflow-x:hidden;}
*{margin:0px; padding:0px;}
img{border:none;}
a{ color:#222; text-decoration:none; cursor:pointer; outline:none;}
ul,li{list-style:none;}
h2,h1,h3,h4,h5,strong,b,i,em{font-weight: normal;font-size: 16px;font-style: normal;}
/*****index*******/
header{height: 50px;position: fixed;text-align: center;line-height: 50px;border-bottom: 1px solid #ddd;font-size: 20px;width: 100%;top: 0;z-index: 999;background: #fff;}
.header_r{position: absolute;left: 10px;top: 15px;width: 26px;}
.index{position: relative;clear: both;margin-top: 50px;}
#scroller {  position:absolute; z-index:1; /*	-webkit-touch-callout:none;*/  -webkit-tap-highlight-color:rgba(0,0,0,0);  width:100px;  padding:0;  }
.index_l{ width:100px;background: #e6e6e6;position: absolute;left: 0;top: 0;overflow:auto;  z-index:1;  height: 50%;  transform:translateX(-100%);  -webkit-transform:translateX(-100%);  }
.index_l ul li{line-height: 30px;height: 30px;text-align: center;border-bottom: 1px solid #FFF;padding: 5px 0;border-left: 3px solid #3baa80;}
.index_l ul .red{border-left-color: #f50196;}
.index_l ul .blue{border-left-color: #1981fc;}
.index_l ul li a{color: #888;PADDING:10px 15px 10px 15px;}
.index_l ul .vis{background: #fff;}
.index_l ul .vis a{color: #cd4550;}
.index_l ul li:last-child{border-bottom: 0;}
.index_r{margin: 10px 0 0 120px;overflow-y:scroll;transform:translateX(100%);  -webkit-transform:translateX(100%);  }
.index_r_con{display: none;}
.index_r dl{clear: both;padding: 10px 0;border-bottom: 1px solid #ddd;}
.index_r dl dt{float: left;}
.index_r dl dt img{width: 60px;height: 60px;border-radius: 60px;}
.index_r dl dd{margin: 0 0 0 70px;line-height: 30px;}
.index_r dl dd span,.index_r dl dd strong{display: block;}
.index_r dl dd span{font-size: 16px;}
.index_r dl dd strong{color: #888;font-size: 12px;}
.index_r dl:last-child{border-bottom: 0;}