html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,ol {
margin: 0;
padding: 0;
outline:none;
}
table{border-collapse:collapse;border-spacing:0;border:0;}
body{Font-size=62.5%,"Arial Narrow",HELVETICA; text-align:left;line-height:1.2;}
/*A*/
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
/*img*/
img{ border:0 none; vertical-align:top;}
/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
float:left;
display:inline;
}
.fr{
float:right;
display:inline;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
line-height: 0;
}
.clearfix {
zoom: 1;
}
img{boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.clear{clear:both;}
/*wrap*/
#wrap{text-align:left;}
/*宽度*/
.w992{
width:992px;
margin:0 auto;
zoom:1;
}
.w1000{
width:1000px;
margin:0 auto;
zoom:1;
}
.w980{
width:980px;
margin:0 auto;
zoom:1;
}
.w970{
width:970px;
margin:0 auto;
zoom:1;
}
.w990{
width:990px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
.w1192{
width:1192px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
.w1000{
width:1000px;
margin:0 auto;
zoom:1;
}
.w1004{
width:1004px;
margin:0 auto;
zoom:1;
}
.w1002{
width:1002px;
margin:0 auto;
zoom:1;
}
.w1216{
width:1216px;
margin:0 auto;
padding:0;
}
.mb-none{
margin-bottom:0px;
}
.mr-none{
margin-right:0px !important;
}
.border{
border:none !important
}
/*button*/
button{ cursor:pointer;}
/*i,em重置*/
i,em{ font-style:normal;}
.page a{
display:inline-block;
height:30px;
line-height:30px;
padding-left:11px;
padding-right:11px;
font-family:Arial;
font-size:12px;
color:#000;
background:#DCDCDC;
border-radius:100%;
}
.page{
text-align:center;
padding-top:10px;
}
.page a:hover{
background:#fa143c;
color:#ffffff;
}
.page a.on{
background:#fa143c;
color:#ffffff;
}
.page span{
display:inline-block;
height:30px;
line-height:30px;
padding-left:11px;
padding-right:11px;
font-family:Arial;
font-size:12px;
color:#666666;
background:#DCDCDC;
border-radius:100%;
}
/**
==========================================
==========================================
**/
/* miSlider Core Styles ========================================== */
/* Version: 0.1.11 */
/* Resets */
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.mis-stage, .mis-slider {
position: relative;
overflow: hidden;
}
.mis-stage {
width: 100%; /* Set stage width as desired */
text-align: center; /* Center list navigation */
}
.mis-slider {
list-style: none;
overflow: visible;
height: 100%;
margin-top: 0;
}
/* Set slide width and padding */
.mis-slide {
width: 100%;
height: auto;
padding: 0;
display: block;
position: relative;
float: left;
overflow: visible !important;
}
.mis-slide.mis-current {
z-index: 100;
}
.mis-container {
display: block;
width: auto;
height: auto;
border: 0;
}
/* Style list navigation */
.mis-nav-list {
position: absolute;
bottom: .5em;
width: 100%;
margin: 0 auto; /* center it */
z-index: 300;
padding: 0;
display:none;
}
.mis-nav-list li {
display: inline-block;
margin: 0 .25em;
}
.mis-nav-list li a {
display: block;
width: 11px;
height: 11px;
text-indent: 100%; /* Replace text */
overflow: hidden;
white-space: nowrap;
border: 1px solid #eee;
border-radius: 7px; /* Make items round */
opacity: .3;
-webkit-box-shadow: inset 0 0 2px #333;
box-shadow: inset 0 0 2px 2px #333;
margin: 0 3px;
}
.mis-nav-list li.mis-current a, .mis-nav-list li a:hover {
background: #333;
}
.mis-nav-buttons {
display: block;
position: absolute;
height: 0;
top: 0;
opacity: 0.5;
z-index: 200;
}
.mis-nav-buttons a {
position: absolute;
color: #eee;
font-size: 0; /* Hide for browser except Android */
line-height: .01; /* 0 is inconsistent in Opera */
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
text-decoration: none;
text-indent: -9999px; /* Hide for Android */
}
.mis-nav-buttons a:hover {
color: #ccc;
}
.mis-nav-buttons a.mis-next {
right:20px;
}
.mis-nav-buttons a.mis-prev {
left: 0;
}
.mis-nav-buttons a.mis-prev{
width:29px;
height:50px;
background:url(http://cdn.xuansiwei.com/9yadsmh/templets/default/images/left.png) no-repeat center 40%;
display:block !important;
padding-top:0px !important;
left:-12px !important;
}
.mis-nav-buttons a.mis-next{
background:url(http://cdn.xuansiwei.com/9yadsmh/templets/default/images/right.png) no-repeat center 40%;
width:29px;
height:50px;
display:block !important;
padding-top:0px !important;
}
.mis-nav-buttons{
opacity:10 !important;
}
.mis-stage {
}
.mis-slider {
/* Slider element does not need to be a specific height
Here we use it to create a stylish bar behind slides */
margin-top: 138px;
height: 80px;
}
.mis-slider li a {
text-decoration: none;
color: #666;
display: block;
}
.mis-slider li a{
position:relative;
}
.mis-slider li div {
font-size: 1.125em;
}
.mis-slider li img {
/* Make max-width of image a little less than width of slide
to avoid some browser shinking bugs */
max-width: 270px;
/* for really small screens make width 100% */
width: 100%;
/* Make image round */
border-radius: 135px;
border: none;
border-radius:100%;
border:4px solid #43403c;
-webkit-filter:grayscale(80%);
-moz-filter:grayscale(80%);
-ms-filter:grayscale(80%);
-o-filter:grayscale(80%);
filter:grayscale(80%);
filter:gray;
}
.mis-slide {
/* Set width in pixels to restrict width of slides
for multi-item slider, default width is 100%
for single-item slider. Use padding to add space
between slides */
width: 360px;
height: 360px;
padding: 40px;
/* Undo the margin added by slider element */
margin-top: -138px
}
.mis-nav-buttons a {
color: #fff;
}
#wrapper > div > div {
text-align: center;
}
#wrapper > div > div {
margin: 1em;
}
.demo h1,
.demo #wrapper > div > div {
color: #fff;
}
.mis-slider li div {
font-weight: 500;
letter-spacing: .5px;
}
.main {
width: 80%;
margin: 2em auto;
/*display: block;*/
}
div.main pre {
font-size: 1.1em;
overflow: auto;
max-height: 500px;
background-color: #fff;
padding: 0 1em 1em;
}
.c2list_del{
font-family:"微软雅黑";
font-size:14px;
color:#999999;
line-height:180%;
padding-top:15px;
position:absolute;
left:0px;
top:330px;
width:795px;
height:120px;
text-align:center;
display:none;
margin-left:-250px;
}
.mis-stage{
height:480px !important;
}
.c2list_tilte{
font-family:"微软雅黑";
font-size:18px;
color:#ffffff;
padding-top:40px;
}
.mis-slider li.mis-current .c2list_del{
display:block;
font-size:0.8em;
}
.mis-slider li.mis-current img {
border:4px solid #d63924;
-webkit-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-o-filter:grayscale(0%);
filter:grayscale(0%);
filter:gray;
}
.mis_slide_img{
position:relative;
}
.mis_slide_img_bj{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:url(http://cdn.xuansiwei.com/9yadsmh/images/bj4.png);
border-radius:100%;
}
@media screen and (min-width: 1200px) {
.main {
width: 50%;
}
}
@media only screen and (max-width: 640px) and (min-width:240px) {
.mis-nav-buttons a.mis-prev{
background:url(http://cdn.xuansiwei.com/9yadsmh/other/left.svg) no-repeat center 40%;
}
.mis-nav-buttons a.mis-next{
background:url(http://cdn.xuansiwei.com/9yadsmh/other/right.svg) no-repeat center 40%;
}
.mis-nav-list {
display:block;
}
}