/* 基础变量定义 */
/* ###### 颜色定义开始 ###### */
/* ------全站主色------ */
/* 全站主色 */
/*其他辅色*/
/* 辅色橙 */
/* 边框 */
/* 全站字体颜色 */
/* 全站链接颜色 */
/* 常用链接颜色 */
/* ------梧桐台标准颜色------ */
/* ###### 颜色定义结束 ###### */
/* 分页 */
/*分页功能by wuyong*/
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.top-page {
  font-size: 12px;
  margin-top: 5px;
}
.top-page .page-total {
  position: relative;
  padding-right: 40px;
}
.top-page .page-total em {
  font-weight: bold;
}
.top-page .have {
  display: inline-block;
  position: relative;
  padding-right: 40px;
}
.top-page .paging {
  color: #FF7300;
}
.top-page .last-page,
.top-page .next-page {
  position: absolute;
  display: inline-block;
  top: -5px;
  height: 12px;
  line-height: 12px;
  padding: 8px 0;
  width: 28px;
  text-align: center;
  cursor: pointer;
  border: 1px #e1e1e1 solid;
}
.top-page .next-page {
  right: 0;
}
.paging-box {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding: 1px;
}
.paging-box li {
  float: left;
  margin-left: 2px;
}
.paging-box li.active a {
  border: 1px solid #FF7300;
  background-color: #FF7300;
  color: #fff;
}
.paging-box .prev span,
.paging-box .next span,
.paging-box .prev a,
.paging-box .next a {
  font-size: 20px;
  line-height: 28px;
}
/*.paging-box{
		a,span{
		    display:inline-block;
		    *display: inline;
		    *zoom:1;
		    width:32px;
		    height: 32px;
		    line-height: 32px;
		    text-align: center;
		    border:1px solid #e8e8e8;
		    color: #666;
		    background-color: #fff;
		    &:hover,.active{
		    	border:1px solid @main-color;
		    	color:@main-color;
		    	text-decoration: none;
		    }
		    &.current{
			    border:1px solid @main-color;
			    background-color:@main-color;
			    color:#fff;
			    &:hover{
			    	color:#fff;
			    }
			}
		}
	}*/
.paging-box {
  font-size: 14px;
}
.paging-box a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: -1px;
  padding: 0 17px;
  height: 30px;
  line-height: 30px;
  color: #000;
  border-top: 1px solid #CCCCCC;
  border: 1px solid #CCCCCC;
}
.paging-box a:hover,
.paging-box a .active {
  text-decoration: none;
  border-top: 3px solid #FF7300;
  height: 28px;
}
.paging-box a.active {
  border-top: 3px solid #FF6600;
  height: 28px;
  line-height: 26px;
  margin-left: -5px;
  margin-top: 4px;
}
.paging-box span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: -1px;
  padding: 0 17px;
  height: 30px;
  line-height: 30px;
  color: #000;
}
.paging-box .page,
.paging-box .sub {
  display: inline-block;
  _display: inline;
  *zoom: 1;
  border: 1px solid #e8e8e8;
  text-align: center;
}
.paging-box .page {
  width: 30px;
  height: 30px;
  /*fix ie8*/
  height: 23px\0;
  line-height: 23px\0;
  /*fix ie7*/
  *height: 24px;
  *line-height: 24px;
  *vertical-align: -6px;
  /*fix ie6*/
  /*_height:23px;
	    _line-height:23px;*/
}
.paging-box .sub {
  height: 30px;
  padding: 0 10px;
  background-color: #fff;
  color: #666;
  text-align: center;
  cursor: pointer;
  /*fix ie7*/
  *display: inline-block;
  *line-height: 29px;
  *vertical-align: -6px;
  width: 60px;
}
.paging-box .sub:hover {
  background: #FF7300;
  border: 1px solid #FF7300;
  color: #fff;
}
.paging-box a.last-page,
.paging-box a.next-page {
  width: 80px;
}
.paging-box .disabled span,
.paging-box .next span {
  line-height: 28px;
}
.paging-box i,
.top-page i {
  vertical-align: middle;
}
.paging-box .last-page i.last,
.top-page .last-page i.last {
  display: inline-block;
  overflow: hidden;
}
.paging-box .last-page0,
.top-page .last-page0,
.paging-box .disabled span,
.top-page .disabled span {
  color: #bbb;
  cursor: not-allowed;
}
.paging-box .last-page0:hover,
.top-page .last-page0:hover,
.paging-box .disabled span:hover,
.top-page .disabled span:hover {
  border: 1px solid #e8e8e8;
  color: #bbb;
}
.paging-box .last-page1,
.top-page .last-page1 {
  color: #666;
}
.paging-box .last-page1:hover,
.top-page .last-page1:hover {
  border: 1px #FF7300 solid;
}
.paging-box .next-page,
.top-page .next-page {
  right: 0;
}
.paging-box .next-page i.next,
.top-page .next-page i.next {
  overflow: hidden;
  display: inline-block;
}
.paging-box .next-page0,
.top-page .next-page0 {
  color: #bbb;
  cursor: not-allowed;
}
.paging-box .next-page0:hover,
.top-page .next-page0:hover {
  border: 1px solid #e8e8e8;
  color: #bbb;
}
.paging-box .next-page1:hover,
.top-page .next-page1:hover {
  border: 1px #FF7300 solid;
}
/* 表单 */
/* 表单信息 */
.pub-form {
  width: 655px;
}
label {
  cursor: pointer;
}
.Ptable td {
  padding: 10px;
  font-size: 14px;
}
.Ptable .tdTitle {
  text-align: right;
  width: 100px;
}
.Ptable select {
  outline: none;
  border: 1px solid #ccc;
  height: 35px;
  line-height: 35px;
  width: 342px;
}
.Ptable input {
  line-height: 35px;
  vertical-align: -2px;
}
.Ptable input[type="checkbox"],
.Ptable input[type="radio"] {
  cursor: pointer;
}
.Ptable input[type="text"],
.Ptable input[type="password"],
.Ptable input[type="number"],
.Ptable textarea {
  padding: 0 5px;
  width: 330px;
  height: 35px;
  font-size: 14px;
  resize: none;
  outline: none;
  color: #5B5B5B;
  border: 1px #ccc solid;
  border-radius: 2px;
}
.Ptable input[type="text"]:hover,
.Ptable input[type="password"]:hover,
.Ptable input[type="number"]:hover,
.Ptable textarea:hover,
.Ptable input[type="text"]:focus,
.Ptable input[type="password"]:focus,
.Ptable input[type="number"]:focus,
.Ptable textarea:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f9b700;
  border-color: #FF7300;
}
.Ptable textarea {
  height: 180px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.Ptable label.errorInfo {
  color: red;
  padding-left: 5px;
}
.Ptable .tdCon {
  position: relative;
}
.Ptable .tdCon .error {
  position: absolute;
  left: 12px;
  bottom: -8px;
  font-size: 12px;
  color: red;
}
.requiredRed {
  color: red;
}
/*按钮*/
.btn {
  padding: 30px 0 30px 30px;
  text-align: center;
}
.btn input,
.btn a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 5px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border: 0;
  cursor: pointer;
}
.btn input.again,
.btn a.again {
  cursor: pointer;
  background-color: #FF7300;
  color: #fff;
}
.btn input.again:hover,
.btn a.again:hover {
  background-color: #FF7300;
}
.btn input.again:active,
.btn a.again:active {
  background-color: #FFDE7E;
}
.btn .back {
  background-color: #f0f0f0;
  color: #999;
}
.btn .back:hover {
  background-color: #DADADA;
}
.btn .back:active {
  background-color: #B2B2B2;
}
/* iDialog */
/* 基础变量定义 */
/* ###### 颜色定义开始 ###### */
/* ------全站主色------ */
/* 全站主色 */
/*其他辅色*/
/* 辅色橙 */
/* 边框 */
/* 全站字体颜色 */
/* 全站链接颜色 */
/* 常用链接颜色 */
/* ------梧桐台标准颜色------ */
/* ###### 颜色定义结束 ###### */
.i-dialog {
  position: fixed;
  _position: absolute;
  background: #fff;
  border: 1px solid #eee;
  display: none;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.i-dialog .i-target {
  background: #eee;
  cursor: move;
  line-height: 40px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.i-dialog .i-target h2 {
  font-size: 14px;
  font-weight: normal;
  line-height: 40px;
  padding: 0 40px 0 15px;
  margin: 0;
}
.i-dialog .i-close {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 5px;
  font-family: '\u9ed1\u4f53';
  color: #CACACA;
  font-weight: bold;
}
.i-dialog .i-close:hover {
  color: #FF7300;
}
.i-dialog .i-content {
  clear: both;
}
.i-dialog .i-wrapBtn {
  height: 32px;
  background: #eee;
  text-align: right;
}
.i-dialog .i-wrapBtn input {
  outline: none;
  background-image: none;
  border: 1px solid #000;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857;
  margin: 4px 6px 0 0;
  *margin: 3px 6px 0 0;
  padding: 3px 10px;
  *padding: 3px 10px 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}
.i-dialog .i-wrapBtn input:hover {
  background-color: #EBEBEB;
  border-color: #ADADAD;
}
.i-dialog .i-wrapBtn input.green {
  background-color: #5CB85C;
  border-color: #4CAE4C;
  color: #fff;
}
.i-dialog .i-wrapBtn input.green:hover {
  background-color: #47A447;
  border-color: #398439;
}
.i-dialog .i-wrapBtn input.blue {
  background-color: #5BC0DE;
  border-color: #46B8DA;
  color: #fff;
}
.i-dialog .i-wrapBtn input.blue:hover {
  background-color: #39B3D7;
  border-color: #269ABC;
}
.i-dialog .i-wrapBtn input.yellow {
  background-color: #F0AD4E;
  border-color: #EEA236;
  color: #fff;
}
.i-dialog .i-wrapBtn input.yellow:hover {
  background-color: #ED9C28;
  border-color: #D58512;
}
.i-dialog .i-wrapBtn input.red {
  background-color: #D9534F;
  border-color: #D43F3A;
  color: #fff;
}
.i-dialog .i-wrapBtn input.red:hover {
  background-color: #D2322D;
  border-color: #AC2925;
}
.i-dialog .i-wrapBtn input.i-disabled,
.i-dialog .i-wrapBtn input.i-disabled:hover {
  color: #C1BBBB;
  cursor: not-allowed;
  background-color: #ebebeb;
  border-color: #DEDEDE;
}
.i-dialog-lock {
  position: absolute;
  width: 100%;
  height: 1300px;
  overflow: hidden;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #000;
}
.i-dialog-lock iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-dialog-lock {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.i-scale,
.i-super-scale,
.i-right-slide,
.i-top-slide {
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.i-scale {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.i-scale.i-show {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.i-super-scale {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}
.i-super-scale.i-show {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.i-right-slide {
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.i-right-slide.i-show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.i-top-slide {
  -webkit-transform: translateY(-500px);
  transform: translateY(-500px);
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.i-top-slide.i-show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
/*当前模块的页面布局*/
body {
  background-color: #f0f0f0;
}
.setting {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100%;
  float: left;
  min-height: 588px;
  background-color: #fff;
}
.setting .hd {
  height: 75px;
  line-height: 75px;
  border-bottom: 1px #e6e6e6 solid;
  font-size: 16px;
  text-align: center;
}
.setting .hd .menu a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  margin: 0 15px;
  line-height: 74px;
  font-weight: bold;
  color: #4c4c4c;
}
.setting .hd .menu a:hover,
.setting .hd .menu a.active {
  border-bottom: 2px #4c4c4c solid;
}
.setting .bd {
  position: relative;
  margin: 0 auto;
  padding: 50px 0;
  width: 880px;
}
/* 设置头像 */
.has-cover {
  position: absolute;
  top: 60px;
  left: 600px;
}
.setting-cover {
  display: block;
  margin-top: -35px;
  width: 175px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  background-color: #111;
  position: absolute;
  bottom: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.setting-cover:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.previewImgItem {
  background-color: #fff;
}
.rest-img {
  position: absolute;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 175px;
  height: 35px;
  font-size: 50px;
}
.hd-cover {
  font-size: 16px;
}
.bd-cover {
  margin: 5px 0;
  position: relative;
  width: 175px;
  height: 175px;
}
.bd-cover .previewImg {
  position: absolute;
  top: 0;
  display: none;
}
.ft-cover {
  color: #999;
}
.previewImg img {
  width: 175px;
  height: 175px;
}
/* 重设密码 */
.reset-pass .pub-form {
  margin: 0 auto;
}
.reset-pass .Ptable {
  margin: 0 auto;
}
.reset-pass .btn {
  padding: 15px;
}
.reset-pass .btn .u-btn {
  width: 210px;
}
/* 邀请好友 */
.sub-menu {
  width: 150px;
  border-right: 1px #f5f5f5 solid;
  text-indent: 20px;
  font-size: 14px;
}
.sub-menu a {
  display: block;
  margin-bottom: 1px;
  height: 40px;
  line-height: 40px;
  color: #9d9d9d;
}
.sub-menu a:hover,
.sub-menu a.active {
  background-color: #f5f5f5;
  color: #4c4c4c;
}
.sub-menu a:hover .iconfont-xl,
.sub-menu a.active .iconfont-xl {
  color: #ff5858;
}
.sub-menu a:hover .iconfont-qq,
.sub-menu a.active .iconfont-qq {
  color: #5092CE;
}
.sub-menu a:hover .iconfont-wx,
.sub-menu a.active .iconfont-wx {
  color: #78AB34;
}
.sub-menu a:hover .iconfont-link,
.sub-menu a.active .iconfont-link {
  color: #FF7300;
}
.iconfont {
  margin-right: 5px;
  font-size: 28px;
  vertical-align: bottom;
}
.iconfont-ok {
  color: #FF7300;
}
.m-content .tips {
  margin-top: 50px;
  margin-left: 60px;
  width: 350px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
}
.m-content .tips p {
  color: #9d9d9d;
}
.m-content .tips a {
  display: block;
  margin: 15px auto 0 auto;
  width: 120px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px #FF7300 solid;
  color: #FF7300;
}
.m-content .tips a:hover {
  background-color: #FF7300;
  color: #fff;
}
/* tab切换 */
.tab-bind {
  width: 700px;
  margin-left: 25px;
}
.tab-bind .tab-hd {
  height: 60px;
}
.tab-bind .tab-hd span {
  display: block;
  margin-right: 20px;
  padding: 0 30px;
  float: left;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  cursor: pointer;
}
.tab-bind .tab-hd span:hover,
.tab-bind .tab-hd span.on {
  color: #FF7300;
  border-bottom: 1px #FF7300 solid;
}
.tab-bind .tab-bd {
  display: none;
  margin-left: -40px;
}
.tab-bind .tab-bd .item {
  position: relative;
  float: left;
  padding-left: 58px;
  margin-left: 40px;
  margin-bottom: 30px;
}
.tab-bind .tab-bd .user-icon {
  position: absolute;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.tab-bind .tab-bd .user,
.tab-bind .tab-bd .invite {
  display: block;
  font-size: 14px;
  width: 68px;
  overflow: hidden;
}
.tab-bind .tab-bd .user {
  height: 26px;
  line-height: 20px;
  text-align: left;
}
.tab-bind .tab-bd .invite {
  height: 18px;
  line-height: 18px;
  color: #FF7300;
  border: 1px #FF7300 solid;
  text-align: center;
  font-size: 12px;
}
.tab-bind .tab-bd .invite:hover,
.tab-bind .tab-bd .invite .active {
  background-color: #FF7300;
  color: #fff;
}
.tab-bind .tab-bd .invite.has-follow {
  border: 1px #999 solid;
  background-color: #999;
  color: #fff;
}
/* 复制链接 */
.m-copy {
  margin: 50px 0 0 60px;
  font-size: 14px;
}
.m-copy .tit {
  color: #9d9d9d;
  line-height: 30px;
}
.m-copy .url-input {
  width: 390px;
  height: 30px;
  line-height: 30px;
  border: 1px #e6e6e6 solid;
  text-indent: 15px;
  cursor: text;
}
.m-copy .copy-btn {
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  color: #fff;
  background-color: #FF7300;
  border: 0;
  cursor: pointer;
}
.m-copy .copy-btn:hover {
  background-color: #FF7300;
}
.m-copy .copy-btn:active {
  background-color: #FFDE7E;
}
.jcrop-holder #preview-pane {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 10px;
  right: -120px;
  border-radius: 50%;
  border: 1px solid #000;
}
.jcrop-holder {
  direction: ltr;
  text-align: left;
  margin: 0 auto;
}
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(../img/Jcrop.gif);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
.jcrop-tracker {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
  border-radius: 50%;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
  display: none;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
  display: none;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
  display: none;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
  display: none;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
.jcrop-holder img,
.jcrop-preview {
  max-width: none;
}
#preview-pane .preview-container {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin-top: 150px;
  margin-left: 10px;
  border: 1px solid #000;
}
.setImgBox {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 12000;
  display: none;
}
.setImg {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: 520px;
  margin-top: -260px;
  z-index: 5;
  border: 1px solid #bababa;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #fff;
}
.setImg-head {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 700;
  background: #eee;
}
.setImg-head i {
  position: absolute;
  font-style: normal;
  display: inline-block;
  width: 40px;
  right: 0;
  text-align: center;
  font-weight: 100;
  font-family: 黑体;
  font-size: 25px;
  cursor: pointer;
  line-height: 35px;
  height: 40px;
}
.setImg-foot {
  height: 60px;
  line-height: 60px;
  text-align: right;
  padding: 0 10px;
}
.setImgBtn {
  display: inline-block;
  padding: 0 20px;
  background: #ff9600;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}
.setImgBtn.quxiao {
  background: #ccc;
}
.setImg-main {
  overflow: hidden;
  padding: 20px 20px 0 50px;
}
.handle {
  width: 400px;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  background: #eee;
}
.handle .img {
  vertical-align: middle;
  display: inline-block;
  margin: auto;
  width: 100%;
}
.view {
  display: block;
  width: 129px;
  height: 400px;
  float: right;
  background: #eee;
  border-left: 1px solid #ccc;
  position: relative;
}
.view .text {
  position: absolute;
  left: 20px;
  top: 80px;
  font-size: 16px;
}
.handle img {
  max-width: 400px;
  max-height: 400px;
}
.jiechuBtn {
  padding: 10px;
  display: block;
  margin: 30px 0 0 130px;
  width: 200px;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
}
/* 个人设置主页地址 */
.websiteBox {
  position: absolute;
  left: 600px;
  top: 350px;
  width: 650px;
  font-size: 14px;
}
.websiteBox .zhuye {
  font-size: 16px;
  margin-bottom: 8px;
}
.websiteBox input[type="text"] {
  height: 30px;
  width: 320px;
  padding: 0 10px;
  color: #4c4c4c;
  display: inline-block;
  margin: 0;
  outline: none;
  border: 1px solid #ccc;
  font-size: 14px;
}
.websiteBox .copyBtn {
  display: inline-block;
  width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #f0f0f0;
  color: #999;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}
.websiteBox .diyBox {
  margin-top: 35px;
}
.websiteBox .down {
  position: absolute;
  bottom: 0;
  width: 29px;
  height: 29px;
  background: url(../img/down.png) no-repeat;
  display: block;
  left: 190px;
}
.websiteBox .erweima {
  position: relative;
}
.uploadImgBox .fileBtn {
  width: 100px;
  height: 100px;
  border: 1px dashed #999;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.uploadImgBox .fileBtn:before {
  content: '';
  width: 2px;
  height: 24px;
  background: #999;
  position: absolute;
  top: 37px;
  left: 49px;
}
.uploadImgBox .fileBtn:after {
  content: '';
  width: 24px;
  height: 2px;
  background: #999;
  position: absolute;
  top: 48px;
  left: 38px;
}
.uploadImgBox .fileBtn input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  filter: alpha(opacity=0);
}
.uploadImgBox .previewImg {
  display: inline-block;
  vertical-align: middle;
}
.uploadImgBox .previewImg img {
  width: 100px;
  height: 100px;
}
.uploadImgBox .previewImg li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}
.uploadImgBox .previewImg li i {
  position: absolute;
  width: 20px;
  height: 20px;
  font-style: normal;
  cursor: pointer;
  background: #ff0000;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
  vertical-align: middle;
  top: -8px;
  right: -8px;
}
@media screen and (max-width: 1275px) {
  .websiteBox {
    width: auto;
  }
  .websiteBox input[type="text"] {
    width: auto;
  }
}
@media screen and (min-width: 1276px) and (max-width: 1528px) {
  .websiteBox {
    width: auto;
  }
  .websiteBox input[type="text"] {
    width: auto;
  }
}
.add_tag {
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
}
.tag label {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.pd {
  padding-top: 10px!important;
  vertical-align: top;
}