#main,#rightmenu{
display:none;
}

/***********************************************************  通用css  ***************************************************************/

*{
margin: 0px;
padding: 0px;
}
body,html{
margin: 0px;
padding: 0px;
}
body{
font-family: "-apple-system","Open Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
background-color:#EEEEEE;
color: #555555;
margin: 0px;
padding: 0px;
font-size:14px;
width:auto;
}
.ellipses{
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */  
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */  
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */  
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/* 垂直居中 */
.middle:after{
  display:inline-block;
   width:0; 
   height:100%; 
   content:"center"; 
   vertical-align:middle; 
   overflow:hidden;
   }
h1,h2,h3,h4,h5,h6,h7,h8{
margin: 0px;
padding: 0px;
}
a{
text-decoration: none;
color:inherit;
}
a:link {
    text-decoration: none;
}
ul{
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
li{
    list-style: outside none none;
}
em{
font-style: normal;
}
.clear{
clear: both;
}
.hide,.fn-hide{
display:none;
}
.fa{
margin-right: 5px;
margin-left: 5px;
}
.box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.white{
background-color:#FFF;
}
.flt{
float:left;
}
.frt{
float:right;
}

.iconfontyyy{
    font-family:"iconfontyyy" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*去除按钮的默认样式*/
input[type=button]{
    -webkit-appearance:none;
    outline:none
}
input[type=submit]{
    -webkit-appearance:none;
    outline:none
}
input[type=input]{
    -webkit-appearance:none;
    outline:none
}
*:focus {outline: none;} 
@font-face {
  font-family: 'iconfont';  /* project id 432120 */
  src: url('//at.alicdn.com/t/font_432120_xwyy8ldm866flxr.eot');
  src: url('//at.alicdn.com/t/font_432120_xwyy8ldm866flxr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_432120_xwyy8ldm866flxr.woff') format('woff'),
  url('//at.alicdn.com/t/font_432120_xwyy8ldm866flxr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_432120_xwyy8ldm866flxr.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/***********************  主体模块css   ******************************************** */
#blogMain{
width:1170px;
margin:0px auto 0px auto;
min-height:600px;
padding:15px 15px 10px 15px;
overflow: hidden;
}
#blogContent{
float:left;
width:100%;
min-width:1004px;
margin-right:-365px;

}
#blogContentMain{
margin-right:365px;
box-shadow: 0 0 3px rgba(0,0,0,.1);
}
#blogSide{
width:355px;
height:auto;
min-height:600px;
float:right;
}
#backtop{
position:fixed;
bottom:135px;
right:20px;
width:36px;
height:36px;
cursor: pointer;
background-color:#00ACF0;
display:none; 
text-align: center;
}
#backtopIco{
display:block;
 font-size:20px;
margin-top:8px;
}
.yinc{
display:none;
}
/***********************************************************  头部css  ***************************************************************/
#head{
background-color: #fff;
color: #fff;
height: 80px;
line-height: 80px;
width: 100%;
min-width: 1200px;
z-index: 200;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
box-shadow: 0 1px 5px rgba(0,0,0,.1);

}
.headLeft{
float:left;
margin-left:20px;
height:80px;
}

.headRight{
position: relative;
float:right;
margin-right:20px;
height:80px;
}
/*  logo           */
#logo{
width:auto;
float:left;
margin-left:18px;
}
#logo p{
font-size:32px;
color: #777;
text-shadow: 0 1px #DDD;
transition: color .3s;
height: 40px;
line-height: 40px;
margin-top:6px;
}
#logo em{
 color:#ccc;
font-size:11px;
display:block;
height: 20px;
line-height: 20px;
font-style: normal;
}
/* 导航 */
#navList {
    margin-top:0px;
    width:auto;
    margin-left:20px;
    margin-right:auto;
    height: 75px;
    display:block;
   padding:0px 10px;
   font-size:14px;
   float:left;
}

#navList li {
    float: left;
}
#navList a {
    display: block;
    padding: 0 15px;
    height: 75px;
    font-family: "微软雅黑";
    float: left;
    text-align: center;
    transition-duration: 0.3s;
     color:#333;
    text-decoration: none;
     line-height: 75px;
     font-size: 16px;
}
#navList a:hover{
color:#00ACF0;
}
#nav_current{
color:#333;
border-bottom: 2px solid #00ACF0;
}
#nav_current *{
 position:relative;

}   

/*  顶区  */
.headRight li{
display:block;
float:left;
margin-left:12px;
margin-right:12px;
height:40px;
line-height:40px;
font-size:15px;
}

.userinfoshow{
float:left;
height: 40px;
margin-top: 20px;
}
.userinfoshow i{
color: #ccc;
}
#tologin a{
    color:#00ACF0;
}
#lnkname{
position: relative;
z-index: 800;
}
.userico{
margin-right:5px;
font-size:18px;
}
#lnkname i{
color:#ccc;
}
.login_namez{
color:#00ACF0!important;
}

.lnkname_xl{
position: absolute;
display: none;
z-index: 10000;
top: 80%;
left: -10px;
background-color: #FFF;
font-size: 12px;
width: 132px;
font-weight: bold;
border-radius: 4px;
border: 1px solid #DDD;
overflow: hidden;
padding-bottom:10px;
padding:0px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
transition: display .5s;
}
.lnkname_xl.slideDowns{
  display: block;
}
.lnkname_xl a{
display: block!important;
height:36px!important;
line-height:36px!important;
padding-left:15px;
color: #999;
font-size: 13px;
font-weight: 500;
}
.lnkname_xl a:hover{
background-color: #F6F6F6;
color:#00ACF0;
}
.ylogin a:hover,.nlogin a:hover{
color:#00ACF0;
}
.lnkname_xl a:last-child{
 margin-bottom:5px;
}
.login_namez  .fa-chevron-down{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin: 50% 50% 0;
transition: transform .2s ease-in 0s;
}

.login_namez.chevdown .fa-chevron-down{
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform-origin: 50% 50% 0;
transition: transform .2s ease-in 0s;
}
/* 搜索*/
#search{
position: relative;
float: left;
height: 40px;
margin-top:20px;
width: 50px;
z-index:15;
}

#searchContent{
 position:absolute;
 height:inherit;
 right:0px;
 top:0px;
 transition: width .5s;
 overflow: hidden;
 z-index:5;
 border-radius: 10px;
}
#search input{
width:100%;
height:40px;
line-height:40px;
border:1px solid #EEE;
border-radius: 20px;
display:block;
color:#666;
padding:0px 24px 2px 10px;
}
.searchicobox{
margin:2px;
border-right:1px solid #EEE;
border-left:1px solid #EEE;
height:36px;
}
#search  .iconfont{
position: absolute;
display: block;
font-size: 24px;
color: #d4dce2;
line-height: 40px;
text-align: center;
transition: color .2s;
z-index:15;
width: 25px;
height:38px;
cursor:pointer;
top:1px;
left:0px;
right:0px;
margin:auto;
border-radius: 6px;
background-color: #FFF;
}
.search-hd{
 width:0px;
}
.search-hd.on {
    width: 320px;
}
/* 订阅、关注  */
.dingy .iconfont{
    font-weight: 600;
    font-size: 18px;
    color: #ccc;
}
.guanz .iconfont{
    font-weight: 600;
    font-size: 22px;
    color: #ccc;
}
.guanz .iconfont.editico{
    font-size: 19px;
    font-weight: 500;
}
.faCancel{
font-size:12px;
}
/***********************************************************  右侧通用css  ***************************************************************/
.sideBox{                      /* 侧栏通用块  */
width:100%;
height:auto;
min-height:220px;
border: 1px solid #EAEAEA;
overflow: hidden;
margin-bottom:8px;
background-color:#FFFFFF;
padding-bottom:8px;
}
.sideBox h3{                  /*   侧栏标题      */
height:45px;
border-bottom: 1px solid #EAEAEA;
/*background-color:#FBFBFB;*/
margin-top:0px;
margin-bottom:0px;
font-family:Microsoft Yahei;
color:#555555;
padding-left: 15px;
line-height:45px;
font-size:17px;
font-weight:500;
letter-spacing: 2px;
}
.sideBox .sideContents{
margin:0px 8px;
}
#blogSide .sideList ul{
 margin-top:10px;
}
#blogSide .sideList li{
    line-height: 20px;
    font-size: 15px;
    margin-top: 0px;
    color: #666;
    background: none;
    padding: 5px 10px 5px  10px;
    margin:8px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */  
    word-break:keep-all; /* 不换行 */
    white-space:nowrap; /* 不换行 */  
    overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */  
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.sideList_cos2 ul{
margin-top:10px;
}
.sideList_cos2 li{
display: block;
width: 30%;
height: 30px;
line-height: 30px;
float: left;
font-family: "宋体";
font-size: 13px;
color: #999;
text-align: center;
overflow: hidden;
margin: 0px;
padding: 0px 10px 10px 10px;
 box-sizing:border-box;
 -moz-box-sizing:border-box; /* Firefox */
 -webkit-box-sizing:border-box; /* Safari */
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */  
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */  
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */  
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/*   推荐      */

#tuijian{
border: 1px solid #EAEAEA;
height:142px!important;
margin-bottom:8px;
background-color:#FFFFFF;
position: relative!important;
padding-bottom:20px;
z-index: 100;
transition: border-color .5s;
}

#tuijian:before {
content: "";
position: absolute;
top: -6px;
left: 100px;
width: 0px;
height: 0px;
border-top: 6px dashed transparent;
border-left: 4px solid #FF5E52;
}


#tuijian:after{
content: "推荐";
font-family: "Microsoft Yahei";
width:80px;
height:28px;
position: absolute;
background-color:#FF5E52;
left:20px;
top:-6px;
text-align: center;
line-height: 28px;
color:#FFFFFF;
font-size: 15px;
letter-spacing: 10px;
text-indent: 10px;
}


#tuijian:hover{
border: 1px solid #FF5E52;
}

#tj_title{

}

#tuijian h1{
text-align: center;
font-size: 18px;
color:#FF5E52;
font-weight: normal;
border: none!important;
margin: 34px 6px 0px 6px;
}
#tuijian a{
display:block;
width:100%;
height:100%;

}


#tuijian p{
font-size: 14px;
overflow: hidden;
color:#666;
margin-left:10px;
margin-right:10px;
margin-top:10px;
line-height:2em;
height:78px;
}

/*   热门特效css  */


.txiao{
        margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.txcont {
    margin-bottom: 15px;
        text-align: center;
}
.txcont span{
    text-align: center;
    display: block;
    margin-top: 3px;
    color: #666;
}

.txiao a:hover{
color:#00ACF0

}
/* 文章分类  */
#sideBox_postcategory ul{
         
         margin-bottom:15px;
          }


#sideBox_postcategory li{
        display: block;
     width: 90px;
        height:30px;
        line-height:30px;
    float: left;
    font-size: 14px;
    font-weight:normal;
        background-color:#F6F6F6;
        color:#7c7c7c;
        text-align: center;
        overflow: hidden;
        margin: 0px 10px 20px 10px;
        padding:0px;
        }



#sideBox_postcategory a{
width:100%;
height:100%;
display:block;
text-align: center;
transition: background-color .3s,color .3s;
filter:alpha(opacity=90);  
-moz-opacity:0.9;  
-khtml-opacity: 0.9;  
opacity: 0.9;  
}

#sideBox_postcategory a:hover{
background-color:#45B6F7;
color:#FFFFFF;
}
/*   */
#sideImgList .sideContents{
margin-top:10px;
}
#sideImgList img{
    max-height: 220px;
}
#sidefiles li{
height:36px;
line-height:36px;
padding-left:16px;
}
#blogSide .c_b_p_link_desc{
    display: none;
}
/***********************   底部css   ******************************************** */


.footer{
width:100%;
min-width:1200px;
height:70px;
padding-top:10px;
background-color:#FFF;
text-align: center;
margin-top:10px!important;
border-top: 2px solid #FBFBFB;
color:#333;
padding-bottom:10px;
margin-bottom:0px;

}
.footer p{
padding-top:10px;
margin:0px;
padding-bottom:0px;
}

.tongji{

margin-left:25px;
}

.cs{
color:#333;
padding-top:10px;
padding-bottom:10px;
text-align:center;
min-width:1200px;
}
/***********************************************************  主页css  ***************************************************************/
#page-index{
padding: 10px 30px;
min-height:1000px;
}
article h1.title {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 5px;
}
article h1.title a {
    color: #333;
    transition: color .3s;
}
article h1.title a:hover {
    color: #00ACF0;
    transition: color .3s;
}
.meta {
    margin-bottom: 10px;
    font-size: 13px;
    color: #c1c1c1;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ddd;
    height:20px;
    font-weight: 500
}

.meta em{
font-style: normal;
}
.meta span {
display:inline-block;
margin:0px 10px;
}
#metaL{
height:inherit;
}
.entry-content {
    color: #666;
    font-size: 16px;
    font-family: Arial,'Hiragino Sans GB',冬青黑,'Microsoft YaHei',微软雅黑,SimSun,宋体,Helvetica,Tahoma,'Arial sans-serif';
    -webkit-font-smoothing: antialiased;
    line-height: 2;
    word-wrap: break-word;
   border-bottom: 1px solid #eee;
   padding-bottom: 25px;
   margin-bottom: 25px;
   overflow: hidden
}
.entry-content:before {
content:"";
clear:both;
}
.entry-content img{
 display:block;
}
.entry-content .c_desc  img{
 display:none;
}
.singleImg{
margin:auto;
}
.single_ft{
width:220px; 
height:130px;
float:left;
margin-right:20px;
border: none;
overflow: hidden;
text-align:center;
}

.single_ft a{
display:block;
color:#FFFFFF;
}

.single_ft img{
width:220px; 
height:130px;
-webkit-backface-visibility: hidden;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
 -webkit-transform-style: preserve-3d; /*（设置内嵌的元素在 3D 空间如何呈现：保留 3D ）*/
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.singleImg{
margin-bottom:10px;
}
.multipt{
width: 813px;
height: 160px;
border: none;
overflow: hidden;
text-align: center;
}
.multipt  img{
float:left;
width:250px;
height:160px;
margin-right:12px;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -ms-transition: -ms-transform .3s ease;
    transition: transform .3s ease;
}
.c_b_p_desc_readmore {
    padding-left: 15px;
    color: #00ACF0;
}

/*   分页  */
#main_page .pagination{
text-align: center;
margin-top:20px;
color:#666666;
padding-bottom:20px;
}
#main_page .pagination li{
display:inline-block;
background-color:#FFFFFF;
height:28px;
padding:0px 12px;
margin:0px 5px;
line-height:28px;
color:#666666;
border: 1px solid #CCC;
cursor: pointer;
border-radius: 2px;
}
#main_page .pagination li a{
color:inherit;
}
#main_page .pagination li:hover{
background-color:#FFFFFF;
color:#00ACF0;
border: 1px solid #00ACF0;
}

#main_page .pagination li.disabled:hover{
background-color:#FFFFFF;
color:#666666;
border: 1px solid #CCC;
}
#main_page .pagination li.active{
color:#FFFFFF!important;
border: 1px solid #00ACF0!important;
background-color:#00ACF0!important;
}

#main_page .pagination li.disabled{
border: 1px solid #D1D1D1!important;
color:#D1D1D1!important;
cursor: not-allowed;
}
#main_page .pagination li.disabled a{
cursor: not-allowed;
}
#main_page .pagination li#datagrid_ellipsis {
border: 1px solid transparent!important;
margin:0px;
padding:5px;
font-weight: bold;
color:#ccc;
}
/*********************** ******************************************************** 分类页css  **************************** ******************************************** */
.list_title {
    height: 60px !important;
    font-size: 18px !important;
    font-weight: normal !important;
    background-color: #FBFBFB !important;
    border-bottom: 1px solid #EEEEEE !important;
    line-height: 60px !important;
    padding-left: 15px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
/***********************   内容页css   ******************************************** */
#articleInfo{
padding-top:5px;
min-height:600px;
}
h1#articleTitle {
    padding: 18px 10px 10px 20px;
    color: #333;
    font-size: 24px;
    font-weight: 300;
}
.content-th-info {
    font-size: 14px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding: 0px 10px  10px 20px;
}
.content-th-info span {
    color: #b8b8b8;
    margin-left: 18px;
  
}
 .post-entry-content {
  color: #444;
font-size: 16px;
font-family: Arial,'Hiragino Sans GB',冬青黑,'Microsoft YaHei',微软雅黑,SimSun,宋体,Helvetica,Tahoma,'Arial sans-serif';
-webkit-font-smoothing: antialiased;
line-height: 1.8;
word-wrap: break-word;
padding: 15px 30px 10px 30px;
}
.post-entry-content object[type="application/x-shockwave-flash"]{
display:block;
margin:auto;
}
.document-do {
    margin: 40px 0px 10px 0px;
    padding: 20px 20px 15px 20px;
    border-top: 1px solid #eee;
    font-size: font-size-base;
    height:34px;
    line-height: 34px;
}
.gfr span{
 margin-left:8px;
margin-right:8px;
}
.todiggit{
cursor:pointer;
}

.cnblogs_code {
    background-color: transparent;
    font-family: "Consolas","Courier New",Courier,mono,serif!important;
    font-size: 14px!important;
    border:none;
    border-left: 5px solid #ccc;
    padding: 5px;
    overflow: auto;
    margin: 5px 0;
    color: #666!important;
    padding-left: 20px;
}
.cnblogs_code pre {
    font-family: "Consolas","Courier New",Courier,mono,serif!important;
    font-size: 14px!important;
}
.cnblogs_code span{
   font-family: "Consolas","Courier New",Courier,mono,serif!important;
    font-size: 14px!important; 
   background-color: transparent!important;
}
/*     上一篇下一篇    */
.article-nav {
    border-top: 1px solid #f2f2f2;
    background-color: #FBFBFB;
    overflow: hidden;
    padding: 15px 20px;
    font-size: 14px;
    color: #bbb;
}
.article-nav span {
    float: left;
    position: relative;
}
.article-nav span a{
color:#00ACF0;
}
.article-nav span.article-nav-next {
    float: right;
    text-align: right;
}
/* 评论 */

      /* 评论 列表*/
.cmts-title {
    font-size: 18px;
    color: #666;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    margin-top: 50px;
    padding:10px 20px
}
.cmts-list {
margin-bottom: 30px;
min-height:100px;
padding:10px 20px
}
.cmts-list li {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 20px 10px 25px;
}
.cmts-list li .cmt-img {
    float: left;
    text-align: center;
    margin-right: 10px;
}
.cmts-list li .cmt-img .cmt-floor {
    margin-top: 5px;
    color: #999;
   display:block;
}
.cmts-list li .cmt-info {
    color: #999;
    float: right;
    margin-left: 10px;
}
.cmts-list li a{
color: #46b6b6;
text-decoration: none;
}
.cmts-list li .cmt-content {
    color: #333;
    line-height: 2;
    margin: 8px 0;
    overflow: hidden;
    word-wrap: break-word;
}
.cmts-list li .cmt-do {
    color: #d9d9d9;
    float: right;
}
.cmt-do a{
margin:0px 6px;
}
/*     发表评论  */
.cmts-do {
    color: #999;
    margin-top: 45px;
    margin-bottom:20px;
    overflow: hidden;
}
.cmts-do h3 {
    color: #46b6b6;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
margin-left:30px;
}
.cmts-do .reply-box {
    height: 140px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin:0px 30px 30px 30px;
    padding:10px;
}
.comment-textarea{
margin:0px 30px 15px 30px;
}
#tbCommentBody{
width:100%!important;
height:140px!important;
border: 1px solid #d9d9d9;
padding:10px!important;
margin:0px!important;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
#commentbox_opt > a:last-child{
  display:none;
}
.comment-btn{
text-align:right;
margin-right: 30px;
margin-bottom:20px;
}
#btn_comment_submit{
width:100px;
background-color:#45B6F7;
height:40px;
border: 1px solid #45B6F7;
padding:0px;
margin-right:0px;
*margin-right:10px;
line-height:40px;
border-collapse:collapse;
background-image: none;
font-size: 16px;
color:#FFFFFF!important;
cursor: pointer;
}
.comment-mceu{
font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
font-size: 14px;
height:35px;
background-color:#F4F4F4;
color: #828282;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:0px 30px;
}
.comment-mceu span{
display: block;
float:left;
text-align:center;
margin:0px 10px;
padding:0px 10px;
height:35px;
cursor:pointer;
}
.comment-mceu i{
font-size:14px;
line-height:35px;
}
#tip_comment{
padding:5px 30px;
}
/***************************************************************相册列表***************************************** */

#photolist{

}
#photolist #list{
position: relative;
}
#photolist #list li{
display:none;
}
.Photobox{
overflow: hidden;
width:335px;
/*height:180px;*/
text-align: center;
border-radius: 4px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background-color: #FBFBFB;
padding:6px;
margin-bottom:10px;
}
.tipPhoto{
    background-color: transparent!important;
}

.dialog-box{
display: block;
position: relative;
background-color: transparent;
height: 100%;
padding:0px 40px 0px 40px;
overflow-y: auto;
overflow-x: hidden;
}
.photo_des{
    display: none;
    position: fixed;
    height: 40px;
    background-color: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 35;
    text-align: right;
}
.photo_des a{
 display: inline-block;
 margin: 0px 8px;
 height:100%;
 color: #FFF;
 line-height: 40px;
}
.closePhoto{
    margin-right: 80px;
}
.dialog-img{
position: relative;
width: 100%;
margin-top: 45px;
text-align: center;
vertical-align: middle;
}

.dialog-img img{
  vertical-align: middle;
  max-width:80%;
  margin: auto;
}
.Photobox img{
cursor: pointer;
cursor: zoom-in;
}

.imgprev{
display: none;
position: fixed;
top:270px;
left:10px;
width: 60px;
height: 60px;
background: #000 url('https://images.cnblogs.com/cnblogs_com/webqiand/636997/o_dialog-btns.png') no-repeat -180px  0px;
z-index:99999999;
filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.imgnext{
display: none;
position: fixed;
top:270px;
right:20px;
width: 60px;
height: 60px;
background: #000 url('https://images.cnblogs.com/cnblogs_com/webqiand/636997/o_dialog-btns.png') no-repeat -90px  0px;
z-index:99999999;
filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
#slideBtn1{
width: 32px;
height: 32px;
background: #333 url(https://mat1.gtimg.com/www/hd/images/slide_1.png) no-repeat;
}
.photo_des i{
    font-size:18px;
}
.photo_des a:hover i{
    color:#FFF;
}
/*          相册图片显示         */
.backPhotoList{
    float: right;
    font-size: 14px;
    margin-right: 20px;
}
.photoinfoContent{
    margin-top: 20px;
}
#photoinfo{
text-align:center;
}
.imgdes{
text-align:center;
margin-top:10px;

}
.imgdes span{
margin:0px 10px;
}
.layui-layer-page .layui-layer-content {
   overflow: initial!important;
}


/* 标签页 */
.tagList li{
display:inline-block;
vertical-align: middle;
padding:0px 5px;
height: 40px;
line-height: 40px;
}