/* 衡阳市非物质文化遗产 - 个人中心 */
@charset "UTF-8";
.s_header{
	position:relative;
	float:left;
	width:100%;
	min-width:1300px;
	min-height:300px;
	margin:200px 0 0 0;
	background:url(../images/grzx/header.png) no-repeat center 0;
}
.base_details.grzx_top{ margin-top:97px;}
.grzx_leftbox{
	float:left;
	width:260px;
	height:616px;
	border-radius:5px;
	background:#fff;
	padding:30px 20px 0 25px;
	margin-right:10px;
}
.grzx_leftbox .left_titlebox{
	float:left;
	width:260px;
	margin-bottom:52px;
}
.grzx_leftbox .grzx_infobox{
	float:left;
	width:257px;
	margin:4px 0 40px 3px;
}
.grzx_leftbox .grzx_infobox .img{
	float:left;
	width:65px;
	height:65px;
	border:1px solid #c5c0b4;
	border-radius:5px;
	margin-right:10px;
}
.grzx_leftbox .grzx_infobox .info{
	float:left;
	width:180px;
	font-family:'PingFangJ';
	font-size:16px;
	color:rgba(0,0,0,.7);
	line-height:28px;
	margin:5px 0;
}
.grzx_leftbox .grzx_infobox .name{
	font-size:20px;
	color:#000;
}
ul.grzx_menu{
	float:left;
	width:260px;
}
ul.grzx_menu li{
	float:left;
	width:260px;
	height:50px;
	background:rgba(228,220,215,.5) url(../images/grzx/icon_07.png) no-repeat 232px center;
	border-radius:5px;
	margin-bottom:10px;
	font-family:'SYSTBold';
	font-size:14px;
	color:#000;
	line-height:50px;
	letter-spacing:1px;
	text-indent:10px;
}
ul.grzx_menu li a{
	display:inline-block;
	width:260px;
	height:50px;
	color:#000;
}
ul.grzx_menu li.current,
ul.grzx_menu li:hover{
	background-color:rgba(228,220,215,1)
}
.grzx_rightbox{
	position:relative;
	float:left;
	width:830px;
	height:616px;
	border-radius:5px;
	background:#fff url(../images/grzx/bg.png) no-repeat right 0;
	padding:30px 45px 0 30px;
}
.grzx_rightbox .right_titlebox{
	float:left;
	width:830px;
	margin-bottom:52px;
}
.grzx_rightbox .grzx_edit_img{
	float:left;
	width:148px;
	margin-right:20px;
}
.grzx_rightbox .grzx_edit_img .imgbox{
	float:left;
	width:148px;
	height:148px;
	border-radius:5px;
	margin-bottom:10px;
}
.btn_addPic{ 
	display: block; 
	position: relative; 
	width: 148px; 
	height: 33px;  
	background: #ce8752 none repeat scroll 0 0 ; 
	border:1p solid #ce8752;
	border-radius:5px;
	font-family:'SYSTCN';
	font-size:12px;
	color: #ffffff; 
	line-height:33px;
	text-align: center; 
	cursor:pointer;
	overflow: hidden;
} 
.filePrew { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 148px; 
	height: 33px; 
	font-size: 100px; /* 澧炲ぇ涓嶅悓娴忚鍣ㄧ殑鍙偣鍑诲尯鍩� */ 
	opacity: 0; /* 瀹炵幇鐨勫叧閿偣 */ 
	filter:alpha(opacity=0);/* 鍏煎IE */ 
	cursor:pointer;
} 
.btn_addPic:hover{ color:#ffffff; cursor:pointer;}

ul.grzx_editlist{
	float:left;
	width:370px;
}
ul.grzx_editlist li{
	float:left;
	width:350px;
	height:48px;
	border-radius:5px;
	background:rgba(228,220,215,.5);
	font-size:14px;
	color:rgba(0,0,0,.4);
	line-height:48px;
	padding-right:20px;
	margin-bottom:10px;
}
ul.grzx_editlist li .title{
	float:left;
	width:90px;
	font-family:'SYSTCN';
	text-align:right;
}
ul.grzx_editlist li .txt_input{
	float:left;
	width:250px;
	height:48px;
	background:transparent;
	border:0;
	font-family:'PingFangJ';
	font-size:14px;
	color:rgba(0,0,0,.4);
	line-height:48px;
}
ul.grzx_editlist li.t_code{
	width:370px;
	padding-right:0;
}
ul.grzx_editlist li .txt_input_s{
	float:left;
	width:180px;
	height:48px;
	background:transparent;
	border:0;
	font-family:'PingFangJ';
	font-size:14px;
	color:rgba(0,0,0,.4);
	line-height:48px;
}
ul.grzx_editlist li .btn_code{
	float:right;
	width:90px;
	height:48px;
	background:#ce936f;
	border:0;
	font-family:'PingFangJ';
	font-size:14px;
	color:#fff;
	line-height:48px;
	text-align:center;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	cursor:pointer;
}
ul.grzx_editlist li .code_gain{
	float:right;
	width:90px;
	height:48px;
	background:#e4dcd7;
	border:0;
	font-family:'PingFangJ';
	font-size:14px;
	color:rgba(0,0,0,.3);
	line-height:48px;
	text-align:center;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	cursor:pointer;

}
ul.grzx_editlist li .txt_input::-webkit-input-placeholder,ul.grzx_editlist li .txt_input_s::-webkit-input-placeholder{   /* 使用webkit内核的浏览器*/
	font-size:14px;
	color:rgba(0,0,0,.4);
}
ul.grzx_editlist li .txt_input:-moz-placeholder,ul.grzx_editlist li .txt_input_s:-moz-placeholder{    /* Firefox版本4-18 */
	font-size:14px;
	color:rgba(0,0,0,.4);
}              
ul.grzx_editlist li .txt_input::-moz-placeholder,ul.grzx_editlist li .txt_input_s::-moz-placeholder{    /* Firefox版本19+ */
	font-size:14px;
	color:rgba(0,0,0,.4);
}  
ul.grzx_editlist li .txt_input:-ms-input-placeholder,ul.grzx_editlist li .txt_input_s:-ms-input-placeholder{   /* IE浏览器 */
	font-size:14px;
	color:rgba(0,0,0,.4);
} 
ul.grzx_editlist li  .control select{
	float:left;
	width:250px;
	height:48px;
	border:0;
	background:transparent;
	font-size:14px;
	color:rgba(0,0,0,.4);
	line-height:32px;
	cursor: pointer;
}
.choose {
  position: relative;
  text-align:right;
}

.choose .radio {
  position: relative;
  display: inline-block;
  font-family:'PingFangJ';
  font-size:16px;
  color:rgba(23,15,14,.6);
  padding-left: 25px;
  margin-left:20px;
  cursor: pointer;
}

.choose .radio input {
  position: absolute;
  left: -9999px;
}

.choose .radio i {
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  width: 15px;
  height: 15px;
  outline: 0;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 50%;
  transition: border-color .3s;
  -webkit-transition: border-color .3s;
}

.choose .radio input+i:after {
  position: absolute;
  content: '';
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #ce8752;
  opacity: 0;
  transition: opacity .1s;
  -webkit-transition: opacity .1s;
}

.choose .radio input:checked+i:after {
  opacity: 1;
}
.btn_box{
	position:absolute;
	bottom:20px;
	right:20px;
}
.btn_box input{	
	float:left;
	width:260px;
	height:50px;
	background: linear-gradient(to right, #bd9c7e, #8c6255, #8c6255, #8c6255);
	border-radius:5px;
	border:0;
	font-family:'SYSTCN';
	font-size:16px;
	color:#f6f5f2;
	letter-spacing:1px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
}

.data_null{
	float:left;
	width:830px;
	height:350px;
	background:url(../images/grzx/icon_05.png) no-repeat center center;
}

ul.grzx_order_list{
	float:left;
	width:830px;
	margin-bottom:80px;
}
ul.grzx_order_list li{
	float:left;
	width:360px;
	height:306px;
	padding:20px;
	background:rgba(228,220,215,.5);
	border-radius:5px;
	margin:0 30px 0 0;
}
ul.grzx_order_list li:nth-child(2n){ margin-right:0;}
ul.grzx_order_list li .order_left{
	float:left;
	width:252px;
	margin-right:20px;
}
ul.grzx_order_list li .order_left .imgbox{
	float:left;
	width:240px;
	height:128px;
	border:6px solid #e4dcd7;
}
ul.grzx_order_list li .order_left .title{
	float:left;
	width:252px;
	font-family:'SYSTCN';
	font-size:16px;
	color:#1d1312;
	line-height:36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.grzx_order_list li .order_left .info{
	float:left;
	width:252px;
	font-family:'PingFangJ';
	font-size:14px;
	color:rgba(29,19,18,.5);
	line-height:24px;
}
ul.grzx_order_list li .order_right{
	position:relative;
	float:left;
	width:88px;
	height:306px;
}
ul.grzx_order_list li .order_right .hxm{
	position:absolute;
	bottom:0;
	/*right:0;
	width:88px;
	height:108px;
	background:#e4dcd7;
	font-family:'PingFangJ';
	font-size:12px;
	color:rgba(29,19,18,.5);
	text-align:center;*/
}
ul.grzx_order_list li .order_right .hxm .ewm{
	float:left;
	width:70px;
	height:70px;
	text-align:center;
	margin:9px 9px 2px 9px;
}
ul.grzx_order_list li .order_right .btn_cancel{
	width: 80px;
    height: 30px;
    background: #4a72b4;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border: 0;
    margin: 10px;
    cursor: pointer;
}