* {
padding:0px;
margin:0px;
font-family:'Microsoft YaHei', 微软雅黑;
}
.text-right {
    text-align: right;
}
.re-mark{margin: 15px auto; border-bottom: 1px solid #f0f0f0;}
.lod-lon {
width:100%;
clear: both;
}
.rem-kl {
width:980px;
margin:38px auto;
}
.sechf{
	margin-bottom:10px;
	/*float:right;*/
border:1px solid #ccc;
background:#fff;
width:50px;
height:22px;
border:1px solid #cccccc;
color:#333333;
font-size:12px;
line-height:6px;
border-radius: 2px;
outline:none;
/*margin-top: -13px;*/
}
.art-name {
    margin-top: -7px;
}
.com-li
{
	padding-bottom: 60px;
	width:600px;
}
.hr-m {
border-top:1px solid  #ccc;
width:100%;
clear:both;
}
.btn-upload {
background-color: transparent;
}
.icon {
    display: inline-block;
    vertical-align: middle;
}
.min-to {
  
}
.min-left {
width:78px;
float:left;
}
.min-right {
width: 800px;
margin: auto;
overflow:hidden;
}
.min-change {
top: 35%;
left: 20%;
position: fixed;
overflow: hidden;
}
.mart-li-kl {
    width: 100px;
    text-align:center;
}
    .mart-li-kl li {
       width:60px;
       height:58px;
       border:1px solid #eeeeee;
       line-height:58px;
       font-size:14px;
       color:#999999;
       margin-top:2px;
       cursor:pointer;
    }
.prod-list {
    width: 980px;
  
}
.price-box {
text-align:right;
}
.im-span img {
  width:45px;
  height:45px;
  border-radius:50%;
}
.cuo-pin {
    /*min-width: 1340px;*/
}
.hl-mr-t {
    margin-left:6px;
   color:#999999;
  
}
    .prod-list:after {
    clear: both;
    display: table;
    content: '';
    }
.cole {
background:#eeeeee;
}
.art-piece {
width:600px;
margin:0 auto;
}

.name-left {
  float: left;
  width: 450px;
  margin-top:23px;
}

.name-right {
  float:left;
 width:150px;
 text-align:right;
}
.dl-tarp {
    margin-top: -6px;
}
.hl-size
{
margin-top:60px;
}
.hl-size  h2
{
	font-size:26px;
	color:#333;
	margin:0px;
}
.hl-size h3{
    display:inline-block;
}

.dl-tarp span {
    font-size:14px;
}
.wen-size {
color:#333;
}
.sp-rml {
color:#999999;
margin:0px 20px;
}
.but-glt {
height:30px;
background:#fff;
border:1px solid #cccccc;
color:#333333;
margin-top:20px;
}

 .art-name:after {
    clear:both;
    display: table;
    content: '';
    }
.tar-img {
width:600px;
margin:40px 0px 60px 0px;
}
.h2-fil {
text-align:center;
}
.post-comm h4
{
	color:#333;
	font-weight: 600;
}
.btn-defil {
text-align:right;
margin-top:10px;
}
.size-ml {
margin-left:10px;
}
.btn-left {
    border: 1px solid #ccc;
    background: #fff;
    width: 100px;
    height: 30px;
    border: 1px solid #cccccc;
    color:#5555;
    line-height: 6px;
    border-radius: 2px;
    outline: none;
}

.no-info {
margin-top:60px;
}
.lou-fl {
margin-bottom:60px;
}
    .lou-fl p {
    font-size:14px;
     color:#333333;

    }
        .lou-fl p a {
          font-size:14px;
          color:#333333;
          cursor:pointer;
        }
.play-tour {
margin:5px 0px;
}
.ava-tar {
margin:10px 0px;
}
.act-lil span{
  margin:10px;
}
.act-lil span img {
width:45px;
height:45px;
border-radius:50%;
}
.post-comm {
margin:60px 0px;
}
.com-ment {
margin:20px 0px;
border:1px solid #eee;
height:145px;
background:#fcfcfc;
text-align:center;
line-height:144px;
}
.logn-li {
   text-decoration:underline;
   color:#333333;
   font-size:16px;
}
.view {
font-size:16px;
color:#999999;
}
.nvar-kl {
width:100%;
 height: 145px;
border: 1px solid #f0f0f0;
background: #fcfcfc;
    color: #333;
    font-size: 14px;

outline: none;
resize: none;
}
.rel-text {
margin:20px 0px;
}
.hl-mei {
border-bottom:1px solid #eee;
height:30px;
font-weight:600;
line-height:25px;
}
.mark-li {
margin:5px 0px;
}
    .mark-li span {

    }
    .mark-li img {
    width:45px;
    height:45px;
    border-radius:50%;
    }
  .size-ft {
       margin-left:15px;
}
.si-nal {
font-size:16px;
color:#333333;
}
.si-al {
font-size:14px;
color:#999999;
}
.fu-ml {
border:1px solid #ccc;
background:#fff;
width:50px;
height:22px;
border:1px solid #cccccc;
color:#333333;
font-size:12px;
line-height:6px;
border-radius: 2px;
outline:none;
margin-bottom: 10px;
/*margin-top: -13px;*/
}
.huifu:hover{
	background:#333;
	color:#FFF;
	border:0px;
}
.delt:hover{
    background:#333;
    color:#FFF;
    border:0px;
}
.hui-ml
{
	position: absolute;
    top: 15px;
    right: 2px;
}
.hui-ml:hover{
	background: #333;
    color: #fff;
    border:0px;
}
.mtl-but button
{
	border:none;
	background:#fff;
	outline: none;
}


.tel-mt {
margin:10px 0px 30px 0px;
}
.luo-mel {
position:relative;
top:0px;
left:0px;
overflow:hidden;
}

.butt-mt {
margin-top:10px;
}
.ti-le-mt {
margin-top:30px;
}
.new-mark {
   width:530px;
   margin-left:70px;
   border-bottom: 1px solid #f0f0f0;
   margin-bottom: 15px;
   padding-top:15px;
}
.bt-tl {
border:1px solid #ccc;
background:#fff;
width:50px;
height:20px;
border:1px solid #cccccc;
color:#333333;
font-size:12px;
line-height:10px;
}
.mail {
    position:absolute;
    left:550px;
    top: 0px;
}
.po-st {
    width: 90%;
    overflow: hidden;
    word-wrap: break-word;
}
.di-img {
position: relative;
    float: left;
    padding: 5px;
}
.cle-di:after {
    clear: both;
    display: table;
    content: '';
}
.re-mark p
{
	overflow: hidden;
    word-wrap: break-word;
	
}

.di-img img {
    width:64px;
    height:41px;
    transition: .1s transform;
    transform: translateZ(0);
    }
.di-img:hover {
z-index:1;
}
.di-img img:hover {
     transform: scale(3.5,3.5);
     transition: .3s transform;
}
.btn-clear {
background:#fff;
border-color:#fff;
}

.share-vertical-box{
    bottom: 145px;
    left: 50%;
    position: fixed;
    z-index: 300;
    width: 100px;
    margin-left: -370px;
}