.content{ width: 100%; height: auto; background: #f4f6f9; min-height: 1110px; padding-top: 25px;}
.w1200{ width:1200px; height: auto; margin: 0px auto;}
.w1280 {  width: 1280px;  height: auto;  overflow: hidden;  margin: 0 auto;}
.personal_bar{ width:300px ; height: auto; float: left; display: inline;}
.personal_con{ width:876px ; height: auto; float: right; background: #fff; display: inline; padding: 10px 45px; box-sizing: border-box; min-height:650px;}
.personal_bar ul{ width: 100%; height: auto;}
.personal_bar ul li{ width: 100%; height: 80px; border-bottom: 1px solid #EAEAEA; box-sizing: border-box;line-height: 79px; text-align:center; background: #fff; border-left: 3px solid #fff;}
.personal_bar ul li:hover{ border-left: 3px solid #7AC756;}
.personal_bar ul li.personal_baron{ border-left: 3px solid #7AC756;}

.container{ width: 100%; height: auto; overflow: hidden;}
.img_detail{ width: 100%; height: auto; overflow: hidden;}
.img_detail1{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box;}
.img_detail_tit{margin-top: 20px; line-height: 40px; color: #333; font-size: 20px; font-weight: bold;}
.img_desc_tit{line-height: 32px; color: #333; font-size: 16px;}

/* new ----- */
.img_detail_con{width: 100%; height: auto; overflow: hidden; position: relative; padding-right: 50px; box-sizing: border-box;}
.img_detail_con .img_detail_l{ width: 100%; height:auto ;overflow: hidden; position: relative; }
.img_detail_con .img_detail_l img{ width: 100%; height: auto; display: block; overflow: hidden; margin: 0; padding: 0; border-radius: 5px;}
.img_detail_con .img_detail_l img.sy{position: absolute; width: 500px; height: auto; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 100; opacity: 0.3;}


.img_detail_con .img_detail_r{ width: 400px; height: 100%; background: rgba(0, 0, 0, 0.75); overflow: hidden; position: absolute; right: -350px; top: 0; padding: 30px 50px 30px 50px; box-sizing: border-box; transition: all 0.2s cubic-bezier(0, 0.93, 1, 1); overflow-y:auto;}
.img_detail_con .img_detail_r p{ line-height: 28px; font-size: 15px; margin-bottom: 10px; text-align: justify; color: #fff;}
.img_detail_con .img_detail_r p.bq{ color:#f84949; font-weight: bold; margin-top: 20px;}
.img_detail_con .img_detail_r p.img_txt_tit{ font-size: 18px; font-weight: bolder;}
.img_detail_con .img_detail_r .jt{
    position: absolute;
    left: 0;
    top: 0;
    width:50px;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
    color: #333;
}
.img_detail_con .img_detail_r_show{
    width: 400px;
    right: 50px;
}

.img_detail_con .img_detail_r_show .jt{
    background-color:transparent;
    color: #fff!important;
}

.img_detail_desc{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 30px;
}
.img_detail_desc p{
    line-height: 30px;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size:14px;
}
.img_detail_desc a.zk{
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 90px;
    height: 30px;
    /* background-color: #fff; */
    text-align: right;
    color: #f84949;
    text-decoration: underline;
    font-size: 13px;
}
.img_detail_desc a.sq{
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 90px;
    height: 30px;
    /* background-color: #fff; */
    text-align: right;
    color: #f84949;
    text-decoration: underline;
    font-size: 13px;
}
.img_detail_desc p.p_show{
    -webkit-line-clamp: 200;
}

.box02{
    height:auto;
    /* overflow: hidden; */
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 15px;
    box-sizing: border-box;
    margin: 30px auto;
    position: relative;
    z-index: 2;
}
.box02 a{color:#333;}
.w_big{
    width: 100%;
    max-width: 1400px;
}
.bkimg1 {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    background: #f5f5f5;
    /* background: url(../images/bj02.jpg) no-repeat center top; */
    background-size: cover;
}

.tit001{ margin: 0 auto 0  auto; width: 100%; height: auto; overflow: hidden; display: flex; align-items: center;}
.tit001 span{ width: 4px; height: 26px; display: inline-block; background:#d85b5e ; margin-right: 10px;}

.tit01{ margin: 20px auto; width: 100%; height: auto; overflow: hidden;}

.layui-form-label{ display: block; width: 100%; text-align: left; padding: 9px 0; color: #000;}
.layui-form-label span.bt{ color: #f00; margin-left: 5px;}
.layui-input-block{ margin-left: 0; display: block; }
.layui-input{ width: 360px; border-radius: 3px;}
.layui-form-select .layui-input{ width: 190px;}
.layui-input1{ width: 590px;}
.input-guild .layui-input{ width: 360px;}
.input-area .layui-input{ width: 190px; margin-right: 10px;}
.layui-form-radio{ margin-right: 50px;}
.member{ width: 360px; margin-top: 10px;}

.layui-btn{ width: auto; height: 47px; background: #7AC756; border-radius: 3px; color: #fff; padding: 0 40px; font-size: 16px; margin-top: 20px;}
.layui-btn-primary{ background: none; border: none; color: #333;}

.create_wrapper{ width: 100%;  height: auto; overflow: hidden; background: #f4f6f9;  -webkit-box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.create_wrapper1{ width: 100%;  height: auto; padding-right: 0; overflow: hidden;   background: #f4f6f9;  -webkit-box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.release_wrapper{ width:calc(100% - 360px);  height: 100%; float: left; display: inline; }
.default_tip{ position: absolute;left: 50%;top: 50%;margin-left: -312px;margin-top: -170px;width: 263px;height:330px;z-index: 5; }
.default_video{ width: 263px;margin: 20px auto; }
.image_button_wrapper{ position: relative;  overflow: hidden;}
.image_button{ margin: auto; padding:25px 0; line-height: 50px; width: 263px;  box-sizing: border-box;  font-size:24px; text-align: center; color: #fff;  background:#7AC756; cursor: pointer; border-radius: 3px;}
.image_button span{ font-size: 20px; margin-right: 10px;}

.video_button{ margin: auto; padding:25px 0; line-height: 50px; width: 263px;  box-sizing: border-box;  font-size:24px; text-align: center; color: #fff;  background:#7AC756; cursor: pointer; border-radius: 3px;}
.video_button span{ font-size: 20px; margin-right: 10px;}

.layui-uploadfile-list{
    width: auto;
    height: 40px;
    margin: 15px;
    overflow: hidden;
    font-size:20px;
    line-height: 0px;
}
.layui-uploadfile-list .del_file{
    margin-left:20px;
    line-height: 40px;
    cursor:pointer;
}

.image_button_input{   position: absolute;   left: 0;   right: 0;   top: -22px;   margin: auto;  width: 263px;    height:100px;   cursor: pointer; opacity: 0;  font-size: 999px;}
.select-image-tip{   margin-top: 35px;  text-align: left; }
.images_list{ width: 100%; height: auto; }

.list{width: 300px;height: 424px;float: left;display: inline;background: #fff;margin: 40px 0 0 40px;}

.edit_image{ width: 300px; height: 424px;  }
.edit_image_imgbox{ width: 300px; height: 238px; overflow: hidden; position: relative;}
.edit_image_imgbox img{ max-width: 100%; max-height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.edit_image_imgbox .zz{ width: 300px; height: 238px;  background: rgba(255,255,255,0.01); position: absolute; left: 0; top:0; z-index: 10;}
.edit_image_imgbox .img_oper{ width: 100%; height: 30px; background: rgba(0,0,0,0.3); position: absolute; left: 0; z-index: 20; bottom: 0; text-align: center;  z-index: 11;}
.edit_image_imgbox .img_oper span{ width: 33%; float: left; display: inline-block;}
.edit_image_imgbox .img_oper a{ color:#ffffff;}
.edit_image_imgbox .img_oper button{ background: none; border: none; cursor: pointer;}
.edit_image_imgbox .img_oper button.delimg{ color: #C43E3E;}
.edit_image_imgbox .fm{ width: 54px; height: 54px; position: absolute; left: 0; top: 0; background: url(../images/swfm.png) no-repeat;}

.edit_image_txt{ padding: 7px; box-sizing: border-box;}

.edit_image_txt .layui-input{ width: 286px; border-radius: 3px;}
.edit_image_txt  .bioarea-wrap .layui-form-select .layui-input{ width: 138px; margin-right: 0;}
.edit_image_txt .layui-form-item .layui-input-inline{ width: 138px; margin-right: 0;}
.edit_image_txt .layui-form-item{ margin-bottom: 7px;}

.add_images{ width: 300px; height:380px; float: left; display: inline; border:2px dashed #7AC756; text-align: center; color:#7AC756; padding-top: 20px; box-sizing: border-box; position: relative; margin:0 20px;}
.add_images .jia{ font-size: 100px; line-height: 80px;}
.add_images .button_tip{ font-size: 20px; line-height:60px;}
.add_image_input{  position: absolute;   left: 0;   right: 0;  top:0;   margin: auto; width: 300px; height:300px;   cursor: pointer; opacity: 0;  font-size: 999px;}

.create_info{ width: 360px; min-height: 100%; float: right; display: inline; background: #fff; border-left: 1px solid #ccc; z-index: 100; overflow: hidden;  box-sizing: border-box;}
.create_form{ padding: 10px 20px;  box-sizing: border-box;}
.create_info .layui-input{ width: 320px; border-radius: 3px;}
.create_info .layui-form-select .layui-input{ width: 320px; margin-right: 10px;}
.create_info .layui-input2{ width: 220px; float: left; display: inline;}
.create_info .layui-btn1{ width: auto; height:38px; background: #7AC756; border-radius: 3px; color: #fff; padding: 0 20px; font-size: 16px; float: right; display: inline; border: none; cursor: pointer; line-height: 36px;}

.singleplace .layui-form-select .layui-input{ width: 155px; margin-right: 0px;}

.bq span.zdy{ display: inline-block; margin-right: 15px; color: #333; cursor: pointer;}
.bq .bqzs{ width: auto; height: 40px; background: #ECECEC; padding: 0 10px; margin: 10px 10px 0 0; display: inline-block; line-height: 40px;}
.bq .bqzs em{ font-style: normal; font-size:18px; margin:0 5px;cursor: -webkit-grab; cursor: -moz-grab; }

.create_info_but{ border-top:1px solid #ccc; padding: 20px 20px; box-sizing: border-box;}
.create_info_but .layui-btn2{ width: 100%; height: 47px; background: #7AC756; border-radius: 3px; color: #fff; border:none; font-size: 16px; cursor: pointer; }
.create_info_but .layui-btn3{ width: 100%; height: 47px; background: #B5B5B5; border-radius: 3px; color: #fff; border:none; font-size: 16px; cursor: pointer; }

.login_con .layui-btn2{ width: 100%; height: 60px;line-height:60px; font-family:"微软雅黑"; color: #fff; background:#3A62D7; border: none; cursor: pointer;  border-radius: 30px; }
.apply_layui-btn2{ width: auto; height: 47px; margin: 0 20px; padding: 0 30px; background: #7AC756; border-radius: 3px; color: #fff; border:none; font-size: 16px; cursor: pointer; }

.horizontal-div{float: left; width: 300px;  height: 424px;  margin: 40px 0 0 40px;   background: #fff;  display: inline-block;} 
.horizontal-div-dash {position: absolute;width: 300px;height: 424px;display: block;opacity: 0.7;background: #fff;background: #ececec;}
.dash {float : left;width: 300px;height: 424px;margin: 40px 0 0 40px;border: 1px dashed #f00;}

.edit_image_imgbox1{ width: 100%; height: auto; overflow: hidden; padding:20px; box-sizing: border-box;}
.edit_image_imgbox1 img{ width: 100%;  height: auto; display: block;}
.edit_image_imgbox1 .img_oper{ display: block;}
.edit_image_imgbox1 .img_oper a{color: #C43E3E;}
.edit_image_imgbox1 .img_oper button.delimg{ background: none; border: none; line-height: 40px; color: #333;}
.edit_image_imgbox1 .img_oper button.delimg span{color: #C43E3E; margin-right: 5px; }

.create_infoDF .layui-form-select .layui-input{ width: 145px;}
.create_infoDF .layui-form-item .layui-input-inline{ width: 145px; margin-right: 0;}

.default_tip1{ position: absolute;left: 50%;top: 50%;margin-left: -230px;
    margin-top: -240px;width: 460px;height:400px;z-index: 5; }
.default_tip1 .select-image-tip{ margin-bottom: 30px;}

.select-image-tip1{ width: 100%; height: auto; overflow: hidden; text-align: center; margin: 20px auto;}
.works_list{ width:1200px; margin: 0 auto; height: auto; overflow: hidden; }
.works_list .works{ width: 360px; height: 470px; float: left;   display: inline; background: #fff; margin: 20px;}
.works_list .works .works_img{ width: 360px; height: 290px; overflow: hidden; display: block; position: relative;}
.works_list .works .works_img img{ max-width: 100%; max-height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.works_list .works .works_txt{ padding: 10px 10px; box-sizing: border-box; margin-top: 11px;}
.works_list .works .works_txt p{ text-align: center; color: #333;}
.works_list .works .works_txt p.classify{ text-align: left;}
.works_list .works .works_txt p span{ margin-right: 5px;}
.works_list .works .works_txt p.works_tit{ height: 30px; overflow: hidden; margin: 10px 0;}
.works_list .works .works_txt p a{ margin: 0 20px; color: #C90000;}
.works_list .works .works_txt p a span.editwork{ color: #1A9F45;}
.works_list .works .works_txt p a span.deletework{ color: #C90000;}

.photos_list{ width:1280px; margin: 0 auto; height: auto; overflow: hidden; }
.photos_list .photos{ width: 300px; height: 470px; float: left; display: inline; background: #fff; margin: 10px;}
.photos_list .photos .photos_img{ width: 300px; height: 200px; overflow: hidden; display: block; position: relative;}
.photos_list .photos .photos_img img{ max-width: 100%; min-height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.photos_list .photos .photos_txt{ padding: 10px 10px; box-sizing: border-box;}
.photos_list .photos .photos_txt p{ text-align: center; color: #333;}
.photos_list .photos .photos_txt p.classify{ text-align: left;}
.photos_list .photos .photos_txt p span{ margin-right: 5px;}
.photos_list .photos .photos_txt p.works_tit{ height: 30px; overflow: hidden; margin: 10px 0;}
.photos_list .photos .photos_txt p a{ margin: 0 20px; color: #C90000;}
.photos_list .photos .photos_txt p a span.editwork{ color: #1A9F45;}
.photos_list .photos .photos_txt p a span.deletework{ color: #C90000;}

.edit_photo_txt{ padding: 7px; box-sizing: border-box; font-size:14px;}
.edit_photo_txt .photos_left{float:left; height:38px; line-height: 38px;}
.edit_photo_txt .photos_right{float:left;}
.edit_photo_txt .layui-input{ width: 215px; border-radius: 3px;}
.edit_photo_txt .bioarea-wrap .layui-form-select .layui-input{ width: 138px; margin-right: 0;}
.edit_photo_txt .layui-form-item .layui-input-inline{ width: 138px; margin-right: 0;}
.edit_photo_txt .layui-form-item{ margin-bottom: 7px;}

.default_tip2{ width: 100%; height: 350px; overflow: hidden; text-align: center; margin: 20px;}

.tk_art{padding: 50px; }
.tk_art p{ text-indent: 2em;line-height: 25px; color: #333; font-weight: 300; margin: 10px auto; font-size: 16px;} 
.tk_art p.tk_art_tit{ text-align: center; text-indent: 0em; line-height: 50px; font-size: 30px; font-weight: bold;}

.layui-layer-btn{ text-align: center!important; margin-bottom: 15px;}
.layui-layer-btn .layui-layer-btn0{ height:45px; padding: 6px 36px; margin:5px 20px; background: #F26161!important; border:1px solid #F26161!important; border-radius: 3px; }

.layui-layer-btn .layui-layer-btn1{ height:45px; padding: 6px 36px; margin:5px 20px; background: #7AC756!important; border:1px solid #7AC756!important;  border-radius: 3px; color: #fff!important;}

.member .layui-form-select .layui-input{ width: 360px;}

.tit01{ margin: 0 auto; width: 100%; height: auto; overflow: hidden; display: flex; align-items: center; margin-left: 10px;}
.tit01 span{ width: 4px; height: 26px; display: inline-block; background:#d85b5e ; margin-right: 10px;}

/* .list{
    width: 300px;
height: 424px;
float: left;
display: inline;
background: #fff;
margin: 40px 0 0 40px;
} */

/* .edit_image{ width: 300px; height: 424px;  } */


/* 拖拽部分新样式 */
.item_content ul  {
	list-style:none;
}
.item_content ul li {
    width: 300px;
    height: 425px;
    float: left;
    display: inline;
    background: #fff;
    margin: 40px 0 0 40px;
}
.item_content {
	width:100%;
	height:auto;

}

.item_content .item {
	width: 300px;
    height: 424px;
	
}

.images_list {
    width: 100%;
    height: 100%;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
}

.images_list .item {
    display: inline-block;
    float: left;
    width: 300px;
    height: 380px;
    margin: 0 20px 40px 20px;
    background-color: #fff;
}

.images_viewlist {
    width: 100%;
    height: 100%;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
}

.images_viewlist .item {
    display: inline-grid;
    width: 300px;
    margin: 0 20px 40px 20px;
    background-color: #fff;
}

.imgItem{cursor: pointer;}
.masks{background:#000;opacity:.9;filter:alpha(opacity=80);position:fixed;left:0;top:0;width:100%;height:100%;}

.disable {
    pointer-events: none;
}

.page{ width:100%; height:40px; margin:40px auto; text-align:center; color:#333; line-height:33px; font-size:14px;}
.page a{color:#333; width:auto; height:33px; border:1px solid #ddd; padding:0 12px; margin:0 5px; display:inline-block;  border-radius:5px; }
.page a:hover{background:#7ac756; border:1px solid #7ac756;color:#fff;}
.page a.pageon{background:#7ac756; border:1px solid #7ac756;color:#fff;}
.page-num-on{background:#7ac756; color:#fff; width:auto; height:33px; border:1px solid #7ac756; padding:0 12px; margin:0 5px; display:inline-block;  border-radius:5px;}

.workintro{width:264px; height:20px; resize: none; position: absolute; line-height:22px; padding:7px 10px; border:1px solid #e6e6e6; border-radius:2px; overflow:hidden;}
.myselection{color: #1A9F45; margin:0 20px;}
.allselection{color: #FF6700; margin:0 20px;}

.voteworks_list{ width:1470px; margin: 0 auto; height: auto; overflow: hidden; }
.voteworks_list .voteworks{ width: 225px; height: 325px; float: left;   display: inline; background: #fff; margin: 10px;}
.voteworks_list .voteworks .voteworks_img{ width: 225px; height: 200px; overflow: hidden; display: block; position: relative;}
.voteworks_list .voteworks .voteworks_img img{ max-width: 100%; min-height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.voteworks_list .voteworks .voteworks_txt{ padding: 5px 10px; box-sizing: border-box;}
.voteworks_list .voteworks .voteworks_txt p{ text-align: center; color: #333; line-height: 25px; height:25px; overflow: hidden;}
.voteworks_list .voteworks .voteworks_txt p.classify{ text-align: left;}
.voteworks_list .voteworks .voteworks_txt p span{ font-size: 14px; margin:0 5px; padding:5px 0; line-height: 30px;}
.voteworks_list .voteworks .voteworks_txt p.works_tit{ height: 30px; overflow: hidden; margin: 10px 0;}
.voteworks_list .voteworks .voteworks_txt p a{ margin: 0 20px; color: #C90000; font-size: 14px;}
.voteworks_list .voteworks .voteworks_txt p span.isvote{ color: #1A9F45; font-size: 14px; margin:0 15px;}
.voteworks_list .voteworks .voteworks_txt p span.deletevote{ color: #C90000; font-size: 14px; margin:0 15px; cursor: pointer;}
.voteworks_list .vote_button{ margin: auto; padding:5px 0; line-height: 30px; width: 150px;  box-sizing: border-box;  font-size:16px; text-align: center; color: #fff;  background:#7AC756; cursor: pointer; border-radius: 3px;}
.voteworks_list .layui-form-select{width:120px;}

.voteselect{width:120px; height:28px; line-height: 28px; float:left; }
.voteinput{ margin:0 5px; float:left;}
.votesearch{margin: auto; padding:5px 0; line-height: 28px; width: 120px; border:0px;  box-sizing: border-box;  font-size:14px; text-align: center; color: #fff;  background:#7AC756; cursor: pointer; border-radius: 3px; float:left;}

.open{width:250px;height:35px; background: rgba(0, 0, 0, 0.75); position:fixed;top:15px;right:150px;cursor:pointer; z-index: 10; padding-left: 40px; box-sizing: border-box; color: #fff; line-height: 35px; }
.open i{
    font-style: normal;
}

.close{width:300px;height:35px; background: none; position:fixed;top:15px;right:100px;cursor:pointer; z-index: 10; padding-left: 40px; box-sizing: border-box; color: #fff; line-height: 35px;}
.close i{
    font-style: normal;
}
#ms{
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
    width: 400px;
    height: 100%;
    padding:80px 40px;
    box-sizing: border-box;
    color:#fff;
    display: none;
    line-height: 38px;
    font-size:15px;
}

#closeMs{
    display: none;
    z-index: 1000;
}