@charset "utf-8";
/* CSS Document */
/* css 初始化 */
/* 1.清除浏览器默认样式 */ 
body{
  margin: 0px;
  padding: 0px;
}
/* 2.针对性处理 */
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight:normal; font-style:normal; }
ol,ul{ list-style:none;}
textarea{ resize:none;}
img{ border:none; display:inline-block;/*img底部空白*/}
input,area{ outline:none; }		/* 谷歌浏览器表单元素外框 */

i{ font-style:normal;} /*去除i标签默认样式*/
 /*去除b便签默认样式*/
/* 3.设置全局样式 */
body{ font-family: "Microsoft YaHei","微软雅黑",Arial; }
a,
a:focus,
a:hover{ text-decoration: none;}
/* 4.定义常用类 */
.w1200{ width:1200px; margin:0 auto;} /*版心*/
.w1170{ width:1170px; margin:0 auto;} /*版心*/
/*闭合浮动*/
.clearfix:after,.clearfix:before{ content: ""; display: table;} 
.clearfix:after{ clear: both;}
.clearfix{ *zoom: 1;}
.cl{ clear:both;}
/*浮动*/
.pull-left{ float:left;}
.pull-right{ float:right;}	
/*文字排版方向*/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
/*响应式图片*/
.img-responsive {
  width: 100%;
  height: auto;
}
.lr-tb {
  -webkit-writing-mode:horizontal-tb;
  writing-mode:lr-tb;
  writing-mode:horizontal-tb;
}
.tb-rl {
  -webkit-writing-mode:vertical-rl;
  writing-mode:tb-rl;
  writing-mode:vertical-rl;
}
.tb-lr {
  -webkit-writing-mode:vertical-lr;
  writing-mode:tb-rl;
  writing-mode:vertical-lr;
}
/*-------------------------------*/
/* 第一步：使用font-face声明字体 */
@font-face {font-family: 'candara';  /* 给设置的字体起别名 */
   
    src: url('../fonts/candara.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    
    url('../fonts/candara.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/*第二步：定义使用iconfont的样式*/
.iconfont{
    font-family:"taobao" !important;  
    /* font-size:12px; */
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
img{
	max-width:100%;
	height:auto;
}

/* 浏览器更新提示 CSS
-------------------------------------------------- */
.g-browser-update {
  text-align: center;
  color: #da222c;
  line-height: 24px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  position: relative;
  background-image: none;
  background-attachment: scroll;
  background-color: #fbec88;
}
.g-browser-update a {
  color: #da222c;
  font-weight: bold;
}



/*阴影样式
-------------------------------------------------- */
.main01-shadow{
	box-shadow:0px 3px 10px rgba(13, 4, 9, 0.1);
}


/*换肤*/
#style-switcher.style-move {
    left: 0px;
    right: -270px;
}
#style-switcher {
    background-color: #fff;
    border-radius: 0;
    left: -220px;
    padding: 15px 0 25px;
    position: fixed;
    top: 200px;
    width: 220px;
    z-index: 99999999;
    border: 1px solid #ccc;
    transition: all 0.3s;
}
#style-switcher .switcher-toggle {
    display: block;
    height: 58px;
    position: absolute;
    right: -46px;
    top: 0;
    width: 40px;
    border-radius: 0 3px 3px 0;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#style-switcher .icon-switcher {
    border-radius: 0 6px 6px 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 3px;
    position: absolute;
    background: url(../images/colours.png) no-repeat;
}
#style-switcher .icon-switcher i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/brush.png) no-repeat;
}
.switcher-style-list {
    overflow: hidden;
    margin-left: 10px;
}
.switcher-style-list li {
    float: left;
    margin: 3px;
}
.switcher-style-list li a.theme-skin-one {
    background: #0175c8;
}
.switcher-style-list li a.theme-skin-two {
    background: #18467f;
}
.switcher-style-list li a.theme-skin-three {
    background: #1a237e;
}
.switcher-style-list li a.theme-skin-four {
    background: #0c5f67;
}
.switcher-style-list li a.theme-skin-five{
    background:#9c0708;
}
.switcher-style-list li a.skin-on, .switcher-style-list li a:hover {
    border: 2px solid #ff0000;
}
.switcher-style-list li a {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 2px solid #fff;
}