@charset "gb2312";
/* CSS Document */
.UserBimg{ height:300px; position:relative; text-align:center; }
.userinfophoto {border:#FFF 2px solid; border-radius:50%; position:absolute; width:100px; height:100px; top:245px; left:50%; margin-left:-50px;}
.but{ border:#e7e7e7 1px solid; line-height:30px; padding:0px 15px 0px 15px; background-color:#FFF; font-size:14px }
.RealName{ font-size:24px; font-weight:bold; text-align:center}
.Tab a{
	display: inline-block;
	margin: 0px 40px 0px 40px;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal
}
.TabCur{ border-bottom:#d00002 2px solid;color:#d00002}

#U2 { margin:50px}
.red{ color:red}
.UserZTTit .true{ background:url(../img/Uzt1.jpg) no-repeat left}
.UserZTTit .other{ background:url(../img/Uzt2.jpg) no-repeat left}
.UserZTTit span{ font-size:14px; padding-left:20px; margin-right:80px}
.UserAdd { background:url(../img/UaddBj.jpg) no-repeat center; text-align:center; width:100%; height: calc(100% - 10px) ; border:#CCC 1px solid;}
.UserAdd a{ color:#999; width:100%; height:calc(100% - 155px); display:inline-block; padding-top:155px; }

.AddZT{ background:url(../img/Uzt4.jpg) no-repeat center;}
.GLWork{ background:url(../img/Uzt6.jpg) no-repeat center;}
.GLWork2{ background:url(../img/Uzt11.jpg) no-repeat center;}
.GLVideo{ background:url(../img/Uzt12.jpg) no-repeat center;}
.AddWork{ background:url(../img/Uzt7.jpg) no-repeat center;}
.AddComWork{ background:url(../img/Uzt8.jpg) no-repeat center;}
.AddComVideo{ background:url(../img/Uzt10.jpg) no-repeat center;}
.AddComMember{ background:url(../img/Uzt9.jpg) no-repeat center;}

#S_work .UserAdd{ margin:10px; width:calc(100% - 20px);height: calc(100% - 20px) ;  }
.products dt{ position:relative;}
.oper { display:none; position:absolute; top:10px; left:10px;  width: calc(100% - 20px) }
.oper a{ display:inline-block; font-size:14px;}
.EFF{ position:absolute; bottom:15px; right:10px; }
.EFF li{font-size:14px; background-color:#666; color:#FFF; padding:0px 8px 0px 8px}
.EFF li.active{ background-color:#f41a19}
.workaddzt{ color:#FFF;background:url(../img/Uzt5.jpg) right no-repeat; padding:0px 30px 0px 10px;}
.workaddzt:hover{ color:#FFF}
.workdel{ background-color:#FFF;  padding:0px 10px 0px 10px;}
.workdel2{ background-color:#eeee;  padding:0px 10px 0px 10px;}
.products dt:hover .oper{ display:block}

.width285{ width:285px}
.width245{ width:245px}
.width850{ width:850px}
.width895{ width:895px}
.width80{ width:80px}
.UCenterleft li{ padding-left:55px; font-size:14px; line-height:50px; }
.UCenterleft li:hover{ color:#FFF}
.UCenterleft li a:hover{ color:#FFF; }
.UCenterleft li a{ width:100%; height:50px; display:block}
.UCenterleft li:nth-child(1){ background:url(../img/User_1.jpg) no-repeat;}
.UserCurr{ background:url(../img/User_11.jpg) no-repeat;}
.UCenterleft li:nth-child(1):hover{ background:url(../img/User_11.jpg) no-repeat;}
.UCenterleft li:nth-child(2){ background:url(../img/User_2.jpg) no-repeat;}
.UCenterleft li:nth-child(2):hover{ background:url(../img/User_21.jpg) no-repeat;}
.UCenterleft li:nth-child(3){ background:url(../img/User_3.jpg) no-repeat;}
.UCenterleft li:nth-child(3):hover{ background:url(../img/User_31.jpg?h) no-repeat;}
.UCenterleft li:nth-child(4){ background:url(../img/User_4.jpg) no-repeat;}
.UCenterleft li:nth-child(4):hover{ background:url(../img/User_41.jpg?h) no-repeat;}

.UserInput{  line-height:40px;margin:20px}
.col-user{ width:90px; text-align:right; padding-right:10px}
.UserInput input{ border:#CCC 1px solid; width:630px; height:35px}
.UserInput select{ border:#CCC 1px solid; width:630px; height:35px}
.UserInput input[type="radio"]{width:15px; height:15px}
.UserInput textarea{ border:#CCC 1px solid; width:630px; height:150px}
.UserInput input[type="submit"]{ border:0px; }
.onError{ color:#F00; display:block; font-size:14px}

#UpFile{ display:none}
.gray:hover{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(50%);
 }
 
/* CSS Document */
.BackgroundRgba{
	display:none;
	position:fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1060;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	width:100%;
	height:100%;
	background-color:#CCC;
	background:rgba(0,0,0,0.5) none repeat scroll !important; /*实现背景透明，文字不透明*/ 
	filter:Alpha(opacity=20);
	padding-top:100px;
}
.BackgroundRgbacont{margin: 0 auto;
	clear: both;
	height: auto;
	overflow: hidden;
	background-color:#FFF;
	padding:20px;}
	
.EditPiccont{  width: 600px;}
.EditPiccont .CloseSearBtn {  border-bottom:#E8E8E8 3px solid}
.EditPiccont .CloseSearBtn span{ font-size:24px}
.EditPiccont .CloseSearBtn h3{ font-size:16px;text-align:center; margin:0px; padding-bottom:10px;  font-weight:normal; }


.UpPic{ margin:20px;text-align:center;  }
.ShowUserPic{ padding:50px 0px 40px 0px; margin-bottom:20px; background-color:#f7f7f7; height:auto; overflow:hidden}
.ShowUserPic p{	padding-top:10px;	color: #666666;	font-size: 14px}

/* CSS Document */

.AddNewWorkCont{ width: 1160px;}
.ComInput input[type="submit"]{ border:0px;width:auto;padding:0px 40px 0px 40px;}
.ComInput input{  width:100%; padding-left:5px; height:35px}
.ComInput select{ border:#CCC 1px solid; width:100%; height:35px;}
.ComInput input[type="checkbox"]{ width:12px; height:11px; margin-right:4px; margin-left:5px}
.ComInput input[type="radio"]{width:10px; height:10px; margin:0px}
.ComInput textarea{ border:#CCC 1px solid; width:893px; height:150px}
.ComInput .Pordtextarea { border:#EBEBEB 1px solid; width:100%; height:70px}
.ComInput .PordInput { border:#EBEBEB 1px solid; width:100%; }
.ProdParam li{ border:#CCC 1px solid; padding:0px 5px;line-height:28px; margin-bottom:4px; position:relative}
.ProdParam li span{ position:absolute; right:4px; line-height:28px; font-size:12px}
.ProdParam li span a{ margin-left:5px; color:#ABABAB}
.ProdParam li span a:hover { color:#F00}
.ProdParam li em{ font-style:normal;}
.ProdParam h4{ margin:0px; padding:0px;position:absolute; height:30px; left:0px ;bottom:0px; width:80%}
.ParamliImg{ width:26px; height:18px; margin:5px 5px 2px 0px}

.AddNewWorkBackgroundRgba{margin: 0 auto;
	clear: both;
	height: auto;
	overflow: hidden;
	width:1200px;}
.WorkSImg{ height:165px; background-size: cover; width:100% }
.WorkP_Simg{ height:28px; width:30px; border:#EBEBEB 1px solid; margin-right:10px; background-size: cover; }
.webuploader-pick { background-color:#a8a8a8; border-radius:0px; color:#FFF; font-size:14px}
._filelist{ margin-left:0px}
._filelist li{/*这个选择器一定要有宽高，否则图片显示不出来，因为它里面的内容是绝对定位的*/
		width: 138px;
		height: 88px;
		margin:5px 5px 0px 0px;
	}
/*._filelist li:nth-child(6n){ margin-right:0px}
*/.choose-file-btn {
	width: 80px;
	height: 28px;
	overflow: hidden;
}
.workImages{ margin-left:0px; z-index:10 }
.workImages li{/*这个选择器一定要有宽高，否则图片显示不出来，因为它里面的内容是绝对定位的*/
		width: 138px;
		height: 88px;
		float:left;
		margin:0px 5px 8px 0px;
		position:relative
	}
/*.workImages li:nth-child(6n){ margin-right:0px}
*/
.workImages div.file-panel span {
	width: 24px;
	height: 24px;
	display: inline;
	float: right;
	overflow: hidden;
	background: url(../img/delicons.png) no-repeat;
	cursor: pointer;
	z-index:9999
}
.workImages li span{ right:0px; top:5px; position:absolute}
.workImages li span a{width: 24px;	height: 24px;display:inline-block;}
.workImages li img{width:138px;height: 88px;}

#Videolist{ margin-right:10px}
/* CSS Document */
.AddSubject{}
.AddSubjectcont{ width: 500px;}
.AddSubject .CloseSearBtn h3{ float:left;font-weight:normal; font-size:16px;margin:0; line-height:35px }

.AddSubject .UserInput input{ width:405px; padding-left:5px; padding-right:5px;}
.AddSubject .UserInput textarea{ border:#CCC 1px solid; width:405px; height:100px;padding:5px;}
.UserInput input[type="submit"]{ width:auto;padding-left:15px; padding-right:15px; }


.SubTitle{ padding:0px 20px 20px 20px; background-color:#FFF; overflow:hidden; height:auto; position:relative}
.SubTitle span{ position:absolute; top:20px; right:20px}

/* CSS Document */

.AddSubWork .CloseZTBtn {  border-bottom:#E8E8E8 3px solid}
.AddSubWork .CloseZTBtn span{ font-size:24px ;	float:right;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
}
.AddSubWork .CloseZTBtn h3{ float:left;font-weight:normal; font-size:16px;margin:0; line-height:35px }
.AddSubWorkcont{   width: 600px;}
.AddSubWorkcont .CloseSearBtn h3{ float:left; font-size:16px;margin:0; line-height:35px }
.SearchWork{ border:#CCC 1px solid;  height:40px; position:relative;}
#SearchWorkKey,#SearUserWorkKey,#SearchWorkComKey{ padding:5px; line-height:30px; width:80%}
.SearchWork span{background:url(../img/Searbut.jpg) -15px no-repeat; width:40px; height:40px;float:right}

.S_work dl{width: calc((100% - 22px) / 2);/*border-left:#FFF 1px solid;border-top:#FFF 1px solid; */box-shadow: 5px 5px 5px #E7E7E7; position:relative; cursor:pointer}
.S_work dl:nth-of-type(2n) {margin-right: 0;}
.lrborder_white{ border-left:#FFF 1px solid;border-top:#FFF 1px solid; border-bottom:#FFF 1px solid; }
.lrborder_red{ border-left:#F00 1px solid;border-top:#F00 1px solid; border-bottom:#F00 1px solid; }
.S_work dl span{ display:none; z-index: 1062; position:absolute; height:100%; width:100%; border:#F00 1px solid}
.margin_r0{ margin-right:0px}

.AddSubWorfromlikekcont{ 
	width: 715px;margin: 0 auto;
	clear: both;
	height: auto;
	overflow: hidden;
	background-color:#FFF; padding-right:5px}
.AddSubWorfromlikekcont .CloseSearBtn span{
	font-size: 32px;
	color: #999
}
.likework{ height:100%; width:285px; padding:25px; background-color:#ededed}
.likework dd{ font-weight:bold}
.likework dl img{ width:285px; height:190px; }
.likework dl dt{ padding-bottom:10px;}
.likework dl span{ color:#999}
.searSub{ width:360px; margin-right:5px; position:relative; min-height:500px}
.searSub h3{ float:left; font-size:16px;margin:0; }
.Usublist .UserInput{ margin:0px; }
.Usublist li{ padding-left:10px;  margin:10px 0px 5px 0px; background-color:#f1f1f1; line-height:35px }
.Usublist li span{ float:right;}
.XMlist li{ margin-right:17px; width:70.2px; float:left; overflow:hidden; height:28px}
.XMlist li:nth-of-type(3n) {margin-right: 0;}
#CheckType{ display:none}
    .CheckRadio {
		display:inline-block;
            position: relative;
            line-height: 30px;
        }
        
      .CheckRadio  input[type="radio"] {
            width: 15px;
            height: 15px;
            opacity: 0;
        }
        
      .CheckRadio  label {
            position: absolute;
            left: 5px;
            top: 6px;
            width: 15px;
            height: 15px;
            border: 1px solid #999;
　　　　　　　cursor: pointer;
        }
        .CheckRadio  span{ padding-left:8px; padding-right:8px}
        /*设置选中的input的样式*/
        /* + 是兄弟选择器,获取选中后的label元素*/
      .CheckRadio  input:checked+label {
	background-color: #FF0000;
	border: 1px solid #fe6d32;
        }
         /*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/
      .CheckRadio  input:checked+label::after {
            position: absolute;
            content: "";
            width: 4px;
            height: 8px;
            top: 2px;
            left: 5px;
            border: 2px solid #fff;
            border-top: none;
            border-left: none;
            transform: rotate(45deg);}
			
			
.S_work dl.Com {
    width: calc((100% - 104px) / 2);
	padding: 20px 20px 0px 20px;
	height:288px;
	overflow:hidden
}
.S_work dl.Com h3 {
	color: #8d8d8d;
