@charset "utf-8";
:root{    
	--user_main_color:#d4a574;        /* 主色 */
}
.gray{color:#999;}


/*用户注册、登录、找回密码*/
.user_login_bg{width: 100%; padding-top:.5rem; box-sizing:border-box;}


/*用户中心*/
.u_center{ max-width:1280px; min-height:68vh;  margin: .5rem auto 0; font-family:'Microsoft Yahei';}
.u_side{width:2.6rem; border-radius:15px 0 0 15px; overflow:hidden; border-right:solid 1px #f0f0f0; box-sizing:border-box; background:#fff;}
.u_main{width:calc(100% - 2.6rem);  background:#fff; padding:.35rem .5rem; box-sizing:border-box; border-radius:0 15px 15px 0; color:#333;}
.u_main .tit{font-size:18px; margin-bottom:30px; border-bottom: solid 1px #e8e8e8; padding-bottom:15px;}

.u_avator{ padding:25px 0; background:#fff;}
.u_avator img{width: 80px;height: 80px;background: #ccc;border-radius: 50%; margin-bottom:10px;}
.u_avator p{font-size:16px;}
.u_avator .yxq{font-size:12px; background:#FCD8DB; line-height:25px; padding:0 10px; color:var(--user_main_color); border-radius:25px; margin-top:10px;}


@media only screen and (max-width: 768px){
.user_login_bg{width: 100%; padding:30px 20px 0; box-sizing:border-box;}

.u_center{ margin: 0 auto 0; }

.u_side{ display:none;}
.u_main{width:100%; padding:0 15px 15px; background: #1a1a24;border: solid 1px rgba(255, 255, 255, 0.06);border-radius: 8px;}
.u_main .tit{font-size:18px; margin-bottom:20px; margin-top:15px; padding-bottom:15px; text-align:center; position:relative; color:#ccc; border-bottom: solid 1px rgba(255, 255, 255, 0.06); }
.u_main .tit a{ position:absolute; left:0; top:0px; width:25px; height:25px; font-size:25px; color:#ccc;}
}

/*侧面菜单*/
.u_sidebar{padding:35px 0 10px;}
.u_sidebar .nav{ padding-bottom:15px;}
.u_sidebar .tit{margin-bottom:20px;margin-left:25px; color:#666;}
.u_sidebar .u_sub_nav{}
.u_sidebar .u_sub_nav li{border-left: 3px solid transparent; margin-bottom:2px;}
.u_sidebar .u_sub_nav li:hover,.u_sidebar .u_sub_nav li.active{border-left: 3px solid #FF8C42; background:#FFF5ED;}
.u_sidebar .u_sub_nav li:hover,.u_sidebar .u_sub_nav li.active{ }
.u_sidebar .u_sub_nav li a{display: block;color: #464646; padding: 12px 15px 12px 25px;}
.u_sidebar .u_sub_nav li.active a,.u_sidebar .u_sub_nav li:hover a{ color:#FF8C42;}
.u_sidebar .u_sub_nav li i{width:25px; text-align:center; display:inline-block; }



/*用户中心PC*/
.my_ucenter .touxiang {width: 1rem;height: 1rem;overflow: hidden;border-radius: 50%;margin-right:20px; border:solid 1px #e8e8e8;}
.my_ucenter .touxiang img {}

.my_ucenter .userinfo {}
.my_ucenter .userinfo .welcom {font-size: 16px;line-height: 40px}
.my_ucenter .userinfo .usericon {}
.my_ucenter .userinfo .usericon i {font-size: 18px;margin-left: 6px}
.my_ucenter .userinfo .usericon a {color: #ccc}
.my_ucenter .userinfo .usericon a.over {color: #fc9900}
.my_ucenter .userinfo .usericon a:hover {color: #3fa5ed}
.my_ucenter .userinfo .usergroup {display: inline-block;height: 25px;line-height: 25px;padding: 0 8px 0 8px; border-radius: 6px !important;background-color:#07b6a6;color: #fff;font-size: 12px; margin-right: 10px}
.my_ucenter .userinfo .usergroup i {font-size: 13px;margin-right: 3px}
.my_ucenter .userinfo .usergroup1 {padding: 0 8px 0 2px; background:var(--user_main_color);}
.my_ucenter .userinfo .otherinfo span {color: #999;margin-right: 15px;line-height: 35px}
.my_ucenter .userinfo .otherinfo span i{font-size:12px;}

.u_recharge { margin-top:.25rem;}
.u_recharge dt {color: #a9a9a9;font-size: 15px;line-height: 35px}
.u_recharge dd span {font-size: 28px;line-height: 40px}
.u_recharge dd .user-small{ font-size:12px; color:#999; margin-top:5px;}
.u_recharge dd p{line-height: 35px; margin-top:20px;}
.u_recharge dd p a {padding: 8px 25px;border-radius: 5px; color: #fff; margin-right: 10px}
.u_recharge dd p a:nth-child(1) {background: var(--default_color);}
.u_recharge dd p a:nth-child(2) {background: var(--blue_color)}






@media only screen and (max-width: 768px){
/*用户头像*/
.myinfo{width:100%; box-sizing:border-box; overflow:hidden; position: relative; z-index: 1; padding:25px 0 10px;}
.myinfo .img{ width:80px; height: 80px; border-radius: 50%; overflow: hidden; margin-bottom:12px;}
.myinfo .myname{ color: #fff; font-size: 16px; }
.myinfo .usericon {}
.myinfo .usericon i {font-size: 18px;margin-left: 6px}
.myinfo .usergroup {line-height: 26px;padding: 0 15px; border-radius:6px;background:#07b6a6;color: #fff;font-size: 13px; margin-top:10px;}
.myinfo .usergroup i {font-size: 13px;margin-right: 3px}
.myinfo .usergroup1 {padding: 0 8px 0 2px; background:var(--user_main_color);}
.myinfo .otherinfo span {color: #999;margin-right: 15px;line-height: 35px}
.myinfo .otherinfo span i{font-size:14px;}

/*.myinfo:after{ content: ""; display: block; width: 100%; height:200px; position: absolute; left: 50%; bottom:20px; z-index: -1; transform: translateX(-50%) translateY(50%); background:url(../images/user/user_head_bg.png) no-repeat;background-size:100% 100%;}*/
/*.myinfo:after {
    content: "";
    display: block;
    width: 176%;
    height: 100%;
    position: absolute;
    left: 50%;
    top:-25px;
    z-index: -1;
    transform: translateX(-50%) translateY(0);
    border-radius: 50%;
    background:#333;
	
}
.myinfo:before{content: "";display: block;width: 100%;height: 200px;position: absolute; left:0; top:0; background:url(../images/user/user01.png) no-repeat ; background-size:100% auto;}
*/

/*数字开始*/
.num_box{position: relative; z-index: 9; margin: 0px 15px 15px; background:#1a1a24; border:solid 1px rgba(255,255,255,0.06); border-radius: 5px;}
.num_box li{width:33.3%;}
.num_box li a{height:80px;}
.num_item p{ font-size: 14px; color: #999;}
.num_item span{ font-size:20px; font-weight: bold;margin:0 0 8px; display: inline-block; color:var(--user_main_color);}


/*会员功能列表*/
.u_menu_nav{ position: relative; z-index: 1; padding:0 15px;}
.u_menu_nav .nav{background:#1a1a24; border:solid 1px rgba(255,255,255,0.06); margin-bottom:15px; padding:25px 15px; border-radius:5px;}
.u_menu_nav .nav .tit{ font-size:15px; margin-bottom:20px; font-weight:bold; color:var(--user_main_color);}
.u_menu_nav ul{display: grid;grid-template-columns: repeat(3,1fr); gap: 25px;}
.u_menu_nav ul li{text-align:center;}
.u_menu_nav ul li a{ font-size:14px;  color:#aaa;}
.u_menu_nav ul li a i{ font-size:22px; margin-bottom:10px;}
.u_menu_nav ul li a p{}

.u_center_info_box{width:100%; overflow:hidden;  margin:-30px auto 0;   position:relative;}
.u_center_info_box:before{ content:''; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%);  width:150%; height:80%; background:var(--user_main_color);  border-radius:0 0 100% 100%;}
.u_center_info{padding:30px 10px 25px; position:relative;}
.u_center_info .name a{ font-size:16px; color:#fff;}
.u_center_info .name svg {width: 42px; margin-right: 5px; fill:#fff;}
.u_center_info .name a:last-child{ font-size:12px; color:#fff; margin-top:5px;}

.u_center_info .notice{ position:relative; width:33px; margin-right:15px; font-size:22px;}
.u_center_info .notice a{ color:#fff;}
.u_center_info .notice span{ position: absolute;top:-3px;right:-5px;font-weight: 300;background:#fff; color:var(--user_main_color); width:18px; height:18px; border-radius:100%; font-size:12px;}

}


.tc_xiaoji{ padding:20px;}
.tc_xiaoji .left{width:60%;}
.tc_xiaoji .left dl{ border-bottom:solid 1px #ddd; padding:0 0 10px 0; margin-bottom:10px;}
.tc_xiaoji .left dl dd{ line-height:1.6; margin-top:5px; }
.tc_xiaoji .right{width:38%;}
.tc_xiaoji .right li{ font-weight:bold; margin-bottom:10px;}
.tc_xiaoji .right textarea{width:100%; height:125px; border:solid 1px #ddd; box-sizing:border-box; padding:10px;}
.tc_xiaoji .right button{width:100%;}
@media only screen and (max-width: 768px){
.tc_xiaoji{ padding:10px;}  
.tc_xiaoji .left{width:100%;}
.tc_xiaoji .right{width:100%;}
.tc_xiaoji .right textarea{ height:100px; }
}
/**/
.u_zx{text-align:center; padding:35px; background:#fafafa; border-radius:5px;}
.u_zx p{ font-size:16px; margin-bottom:25px; color:#888;}
.u_zx a{display:inline-block; line-height:50px; color:#fff; background:var(--user_main_color);  background-size:cover; padding:0 .3rem; font-size:16px; letter-spacing:2px;}
@media only screen and (max-width: 768px){
.u_zx{ padding:25px 0px; background:url(../images/user/user_vip2.png) no-repeat left center; position: relative; z-index: 9; margin-bottom:10px; margin-top:20px;}
.u_zx p{ font-size:13px; color:#fff; margin-bottom:15px;}
.u_zx a{ line-height:36px; padding:0 20px; font-size:14px; background:#BF7543; letter-spacing:0px; margin:0 3px; border-radius:36px;}
.u_zx a:last-child{background:#f44;}


}

/*资料修改*/
.u_main .alert{ padding:25px; line-height:1.8; background:#fafafa; border-radius:5px;}

.u_form li{ margin-bottom:15px;}
.u_form li label{width:100px;display: inline-block;text-align: right;line-height:38px; color:#666;}
.u_form li p{line-height:40px; /*width:2.8rem;background: #f9f9f9;border: solid 1px #e8e8e8;*/ padding: 0 8px; box-sizing:border-box; border-radius:6px;}
.u_form li span.required{color:red;}
.u_form li span.danger{color:red;}
.u_form li span.success{color:green;}
.u_form li .info{color:#888; font-size:12px;}
.u_form li input[type="text"],
.u_form li input[type="number"],
.u_form li input[type="password"]{background:none; border: 1px solid #ddd;box-sizing: border-box;color: #606266; height:40px; outline: none;padding: 0 .1rem;width:2.8rem; border-radius:6px;}
.u_form li textarea{background:none; border: 1px solid #ddd; box-sizing: border-box;color: #606266; height:80px; outline: none;padding:.1rem;width:60%; font-size:15px;}
.u_form li input:hover{border:solid 1px #F0D8BD;box-shadow: 0 0 16px rgba(212,165,116,0.3);}
.u_form li input:focus{border:solid 1px rgba(212,165,116,0.5);}

.u_form li button{ width:1.5rem; border:0; font-size:15px; cursor:pointer; outline:none; }
.u_form li button:hover{ opacity:0.8;}
.u_form li.btn_submit button{ margin-left:0;}

/*发送短信验证码*/
.u_form li .sms_box{ position:relative;}
.u_form li .sms_btn{ position:absolute; top:0; right:0; height:100%; width:auto; padding:0 .2rem; background:rgba(212, 165, 116, 0.16); border-radius:0 6px 6px 0; color:var(--user_main_color);}

.u_form .form-group{display: flex;justify-content: flex-start;flex-wrap: wrap; margin-bottom:15px;}
.u_form .form-group .col-md-2{width:220px;display: inline-block;text-align: right; padding:10px 15px 0 0; box-sizing:border-box;}
.u_form .form-group .col-md-10{width:calc(100% - 220px); box-sizing:border-box; }
.u_form .form-group .col-md-2 span.required{color:red;}
.u_form .form-group input[type=text]{background: #fff; border: 1px solid #d3cfcf;box-sizing: border-box;color: #606266; height:38px; outline: none;padding: 0 .1rem;width:2.8rem!important; font-size:15px;}
.u_form .form-group .form-control-static{padding-top:10px;}

.u_form .form-group input:focus,.u_form .form-group input:hover{border:solid 1px #07b6a6;}


.u_form .form-group select{background: #fff; border: 1px solid #d3cfcf;box-sizing: border-box;color: #606266; height:38px; outline: none;padding: 0 .1rem; font-size:15px;}

.u_form .form-group .files{ clear:both;}
.u_form .form-group .files_row_preview img{ height:50px;}

.finecms-file-ts{ float:left; margin-right:15px; color:#888;}
.help-block{color:#888; line-height:38px;}
.col-md-10:has(.finecms-file-ts) .help-block{ line-height:1;}
/*.col-md-10:has(span.help-block){ display:flex;  align-items:center;}*/

/*单选、复选*/
.mt-checkbox-inline,.mt-radio-inline{display:flex;justify-content: flex-start;flex-wrap:wrap; padding-top: 8px;}
.mt-checkbox,.mt-radio{display:flex; /*justify-content:center;*/align-items:center; margin-right:10px; margin-bottom: 5px;}
.mt-checkbox>input, .mt-radio>input{width:18px; height:18px; border: 0px solid #d3cfcf; margin:0 5px 0 0; accent-color: #2d8cf0; }

/* 1. 隐藏原生复选框 */
.custom_checkbox {display: none;}
/* 2. 自定义未选中背景样式 */
.checkmark {width: 18px;height: 18px;border: 1px solid #ccc; border-radius: 3px; position: relative; box-sizing:border-box; margin:5px 0; background:#fff;}
/* 3. 选中后的背景色 + 对勾样式 */
.custom_checkbox:checked + .checkmark {background:var(--user_main_color); border-color:var(--user_main_color);}
/* 4. 选中后的白色对勾 */
.custom_checkbox:checked + .checkmark::after {content: "";position: absolute;left: 5px;top: 2px;width: 4px; height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}



@media only screen and (max-width: 768px){
.u_form .form-group .col-md-12{width:100%; margin-bottom:10px;}
.u_form .form-group .col-md-12 span.required{color:red;}
.u_form .form-group .col-md-10{width:100%; }

.u_form li{ margin-bottom:10px; position:relative;}
.u_form li label{width:100%;display:block;text-align: left;color:#999; line-height:30px;}
.u_form li p{width:100% ; border:solid 1px rgba(255, 255, 255, 0.06); color:#999;}
.u_form li input[type="text"],
.u_form li input[type="password"]{background:none; border: 1px solid rgba(255, 255, 255, 0.25); height:42px; color: #ddd; padding: 0 8px;width:100%;}
.u_form li textarea{background:none; border: 1px solid rgba(255, 255, 255, 0.25); color: #ddd; padding:8px;width:100%; font-size:14px;}

.checkmark {border: 1px solid #666; background:#333;}

/*发送短信验证码*/
.u_form li .sms_box{width:100%;}
.u_form li .sms_btn{margin-top:0; padding:0 15px;}

.u_form li button{ width:100%; margin-top:10px;}
.u_form li span.info{margin-top:10px;}

}

/*在线充值 充值方式*/
.recharge_list{}
.recharge_list .btn input[type=radio]{position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;} /*隐藏单选按钮*/
.recharge_list .btn{ font-size:15px; color:#888; padding:0 .25rem; background:none; border: solid 1px #ddd; margin-right:.1rem; border-radius:6px; cursor:pointer;}
.recharge_list .btn i{ margin-right:5px;}
.recharge_list .btn_weixin.active{ background:#00c100; color:#fff; border: solid 1px #00c100;}
.recharge_list .btn_alipay2.active{ background:#1578ff; color:#fff; border: solid 1px #1578ff;}
@media only screen and (max-width: 768px){
.recharge_list .btn{color:#888; padding:12px 25px; background:rgba(255, 255, 255, 0.1); margin-right:10px;}


}


/*消息通知*/
.u_feeds li{ background:#f8f8f8; margin-bottom:12px; padding:15px; line-height:1.6;}
.u_feeds li .ico{ margin-right:10px;}



.myfooter .btn{display: inline-block;font-weight: 400;text-align: center;cursor: pointer;border: 1px solid transparent; white-space: nowrap;
    padding: 6px 12px;font-size: 14px;line-height: 1.42857;border-radius: 2px; outline: 0px !important;box-shadow: none !important; vertical-align: middle; color:#fff;}
.myfooter .btn { padding: 10px 20px;}
.myfooter .btn-sm { padding: 5px 10px;font-size: 12px;line-height: 1.5 !important;}
.myfooter .btn-xs {padding: 2px 5px;font-size: 12px;line-height: 1.5 !important;}
.myfooter .btn.green{background:#07b6a6;}
.myfooter .btn.red{ background:#e7505a;}
.myfooter .btn.blue{background:#40aae2;}
.myfooter .btn.yellow{ background:var(--default_color);}
.myfooter .btn.black{ background:#333;}
.myfooter a.btn{color:#fff;}

/*缩略图*/
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {margin-bottom: 5px;}
.file_row_html {margin-bottom: 10px;padding: 10px 0; clear: both;}
.files_row_preview {margin-right: 10px;border: 1px solid #d3cfcf;padding: 10px;width: 80px;height: 70px;overflow: hidden;border-radius: 2px;text-align: center;}
.files_row_preview img {max-width: 100%;max-height: 100%;}
/*笔名*/
#dr_row_author{display:none;}
/*关联*/
.col-md-10 table{width: 100%; border-collapse: collapse;border-spacing: 0;}
.fc-sku-table thead th {background-color: #edeff1; padding:10px 10px;}
.fc-sku-table td:first-child, .fc-sku-table th:first-child {padding-left: 0;text-align: center;}
.fc-sku-table.table tr {border-bottom-width: 1px;border-bottom-style: dotted; border-bottom-color: #dfe2e5;}
.fc-sku-table td{padding:10px 10px;}





.u_table{width:100%; color:#666;}
.u_table a{color:#999;}
.u_table{ border:1px solid #ddd; border-collapse:collapse;   font-size:14px; line-height:24px; margin-bottom:15px;}
.u_table thead tr{ font-size:14px; background:#fff; font-weight:bold;}
.u_table td,.u_table th{padding:8px 10px; border:1px solid #e8e8e8;text-align:center;}

table.dataTable tbody tr {background-color:;}
.table-striped>tbody>tr:nth-of-type(odd) {background: #f8f8f8;}

.order_sorting {background: url(../../assets/global/img/sort_both.png) no-repeat scroll right center;cursor: pointer;}
.order_sorting_asc {background: url(../../assets/global/img/sort_asc.png) no-repeat scroll right center;cursor: pointer;} 
.order_sorting_desc {background: url(../../assets/global/img/sort_desc.png) no-repeat scroll right center;cursor: pointer;}

.tx_price{font-size:15px; font-weight:bold; margin-bottom:15px;  line-height:1.5; color:#666;}
.u_table .tooltips{ color:#666;}
.u_table .tooltips:hover{ color:var(--user_main_color);}

@media only screen and (max-width: 768px){
.u_table{ margin-bottom:0px;}
.u_table td{text-align:left;}
.table-scrollable{ overflow-x: auto; color:#999;}


.u_table thead tr{ background:none; font-weight:bold; color:#999;}
.u_table td,.u_table th{padding:5px 8px; border:1px solid rgba(255,255,255,0.1);text-align:center; white-space: nowrap;}

.u_table .tooltips{ color:#666;}

table.dataTable tbody tr {background:none;}
.table-striped>tbody>tr:nth-of-type(odd) {background:rgba(255,255,255,0.06);}

.tx_price{font-size:14px; color:#888;}
}



/*按钮*/
.ml10{ margin-left:10px;}
.u_btn{min-width:100px; height:40px; line-height:40px; border-radius:3px; display:inline-block; text-align:center; color:#fff; cursor:pointer; border:none;}
.u_btn_small,.u_btn_small:hover{display:inline-block; font-size:12px; line-height:25px; padding:0 8px; color:#fff; border-radius:3px; border:none;}
.u_green{ background:#07b6a6;}
.u_default{ background:var(--user_main_color);}
.u_red{ background:#e12330;}
.u_blue{ background:#40aae2;}
.u_yellow{ background:#c49f47; color:#fff;}
.u_black{ background:#333;}
@media only screen and (max-width: 768px){
.u_btn{width:100%; height:46px; line-height:46px; margin:0; border-radius:3px;}

}

/*tab_nav*/
.tab_nav{ height:33px; border-bottom:solid 2px #e8e8e8; margin-bottom:25px; margin-top:10px;}
.tab_nav li{ font-size:15px; margin-right:35px;}
.tab_nav li a{color:#888; display:block; height:33px; border-bottom:solid 2px #e8e8e8;}
.tab_nav li.active a,.tab_nav li:hover a{color:var(--user_main_color);  border-bottom:solid 2px var(--user_main_color);}
@media only screen and (max-width: 768px){
.tab_nav{ height:25px; border-bottom:solid 2px rgba(255, 255, 255, 0.06); margin-bottom:20px; padding-top:10px;}
.tab_nav li{ font-size:15px; margin-right:15px;}
.tab_nav li a{ height:25px; border-bottom:solid 0px #eee;}
.tab_nav li.active a,.tab_nav li:hover a{color:var(--user_main_color);}
}


/*内容发布表单*/
.u_form_body{}
.u_form_body .form-group{margin-bottom:15px; display:flex;justify-content: flex-start;flex-wrap:wrap;}
.u_form_body .form-group .col-md-2{width:100px; text-align:right; margin-right:15px;  padding-top:10px;}
.u_form_body .form-control-static{}
.u_form_body .form-group .col-md-2 span.required{ color:red;}
.u_form_body .form-group .col-md-10{width:calc(100% - 115px);}
.u_form_body .form-group input[type=text],
.u_form_body .form-group select{background:none; border: solid 1px #ddd; box-sizing: border-box;color: #666; height:40px; outline: none;padding: 0 .1rem;width:2.8rem; border-radius:6px;}
.u_form_body .form-group textarea{background:none; border: solid 1px #ddd; box-sizing: border-box;color: #666; height:60px; outline: none;padding:.1rem;width:2.8rem; border-radius:6px;}
.u_form_body .form-group input:hover{border:solid 1px #F0D8BD;box-shadow: 0 0 16px rgba(212,165,116,0.3);}
.u_form_body .form-group input:focus{border:solid 1px rgba(212,165,116,0.5);}

.u_form_body .form-group .col-md-10 .yzm{ position:relative; display:inline-block;}
.u_form_body .form-group .col-md-10 .yzm input{width:200px;}
.u_form_body .form-group .col-md-10 .pic_yzm{ position:absolute; right:0; top:0; border-left:solid 1px #d3cfcf; padding:0 5px;}
.u_form_body .form-group .col-md-10 .sms_yzm input{width:200px;}


.form-group .mt-checkbox input {display: none;}
.form-group .mt-checkbox { color:#666; line-height:32px;  position: relative; box-sizing:border-box; padding:0 15px; font-size:13px;}
.form-group .mt-checkbox span { position:absolute; left:0; right:0; top:0; bottom:0; border: 1px solid #ddd; border-radius:5px; cursor:pointer;}
.form-group .mt-checkbox input:checked + span {background:rgba(212, 165, 116, 0.16); border-color:#FF8C42; color:var(--default_color);}

.u_form_body .dropzone-file-area { border: dashed 1px #ddd; background:url(../images/upload.png) no-repeat center; background-size:86px auto; border-radius:10px;}
.u_form_body .finecms-file-ts{ font-size:12px; color:#888;}



@media only screen and (max-width: 768px){
.u_form_body .form-group{margin-bottom:12px; }
.u_form_body .form-group .col-md-2{width:100%; text-align:left; margin-right:0; line-height:20px;}
.u_form_body .form-group .col-md-12{margin-bottom:5px;}
.form-group .mt-checkbox span {border: 1px solid #666;}
.u_form_body .form-group .col-md-12 span.required{ color:red;}
.u_form_body .form-group .col-md-10{width:100%;}
.u_form_body .form-group input[type=text],
.u_form_body .form-group select{height:40px; border-radius:3px; border: solid 1px #666; }
.u_form_body .form-group textarea{border: solid 1px #666; border-radius:3px; height:125px!important;}
.u_form_body .form-group .col-md-10 .yzm{width:100%;}
.u_form_body .form-group .col-md-10 .yzm input{width:100%;}
.u_form_body .form-group .col-md-10 .pic_yzm{padding:0 15px;}
.u_form_body .form-group .col-md-10 .sms_yzm input{width:60%; margin-right:2%;}
.u_form_body .form-group .col-md-10 .sms_yzm button{width:38%; height:40px; line-height:40px;}
.u_form_body .form-group .col-md-10 .sub_btn{width:100%!important; font-size:16px; margin-top:10px;}

.u_form_body .dropzone-file-area { border: dashed 1px #666;}
}

/*字段一行显示*/
.my_row dd{ margin-right:10px; line-height:2.6;}
.my_left{float:left; margin-right:5px;}

@media screen and (max-width:768px) {
#dr_ting,#dr_wei,#dr_zonglouceng,#dr_fu,#dr_ya,#dr_chu{width:60px!important;}
#dr_mianji{width:100px!important;}
.my_row dd{margin-right:8px;  margin-bottom:10px;}
#dr_linkage_diqu_select select{ margin-bottom:8px;}
}


/*弹窗显示*/
.mytc_show{ margin-top:25px;}
.mytc_show li{width: 50%; margin-bottom:10px;}
.mytc_show li lable{width:80px; display:inline-block; text-align:right; font-weight:bold; line-height:36px;}
.mytc_show li span{width:calc( 100% - 115px); display:inline-block; background:#fafafa; border:solid 1px #ddd; line-height:36px; padding:0 8px; border-radius:3px;}
@media screen and (max-width:768px) {
.mytc_show{padding:0 15px 20px; margin-top:0;}
.mytc_show li{width:100%; margin-bottom:10px;}
.mytc_show li lable{width:100%;text-align:left; line-height:30px;}
.mytc_show li span{width:100%; line-height:36px;}

}
.aboutbar{width: 100%;  max-height:90px; overflow-y: auto;padding-right:8px;}
.aboutbar::-webkit-scrollbar {width: 2px;height: 4px;}
.aboutbar::-webkit-scrollbar-thumb {border-radius: 5px;background:#f00;}
.aboutbar::-webkit-scrollbar-track {border-radius: 0;background: #ededed;}



/*作品列表*/
.u_zp_list{display: grid;gap:20px; row-gap:15px; grid-template-columns: repeat(2, 1fr);}
.u_zp_list li{border:solid 1px #e8e8e8; padding:.1rem; border-radius:.1rem; overflow:hidden; transition:0.3s all;}
.u_zp_list li:hover{background:rgba(212, 165, 116, 0.16);}
.u_zp_list li a{ display:flex;}
.u_zp_list li .pic{width:100px; height:67px;  border-radius:6px; overflow:hidden;}
.u_zp_list li .txt{ flex:1; padding-left:.2rem;}
.u_zp_list li .txt h2{ font-size:14px; line-height:1.3; color:#666; font-weight:normal;}
.u_zp_list li .txt .price{ color:var(--user_main_color); margin:.1rem 0; font-size:13px;}
.u_zp_list li .txt p{ font-size:12px; color:#999;}
@media only screen and (max-width: 768px){
.u_zp_list{display: grid; row-gap:12px; grid-template-columns: repeat(1, 1fr);}
.u_zp_list li{border:0; border-bottom:solid 1px #222; background:none; padding:.1rem 0; border-radius:0;}
.u_zp_list li:hover{background:none;}
.u_zp_list li a{ display:flex;}
.u_zp_list li .pic{width:100px; border-radius:.1rem; overflow:hidden;}
.u_zp_list li .txt{ flex:1; padding-left:10px;}
.u_zp_list li .txt h2{ color:#888;}
.u_zp_list li .txt .price{margin:10px 0;}
.u_zp_list li .txt p{color:#666;}
}


/*分页样式*/
.u_pages{text-align:center; margin:25px 0 0 0;}
.u_pages .pagination li {display: inline-block;margin:0 3px; margin-bottom:5px;}
.u_pages .pagination li a{display: inline-block; border-radius:5px;min-width: 40px;height: 40px;line-height: 40px; box-sizing: border-box; padding:0 16px; transition: 0.3s; border:solid 1px #e8e8e8; background:#fff; color:#999;}
.u_pages .pagination li.active a,.u_pages .pagination li a:hover{color: #fff !important;background:var(--user_main_color); border:solid 1px var(--user_main_color);}

@media screen and (max-width:768px) {
.u_pages{ margin:30px 0 20px 0;}
.u_pages .pagination li a{ font-size: 13px; min-width:30px;height: 30px;line-height: 30px; padding:0 10px; }

}


/*收藏列表*/
.favorite_list{display: grid;gap:25px; grid-template-columns: repeat(4, 1fr);}
.favorite_list li .checkboxes{margin:10px 0;}
.favorite_list li img{width:100%;}
.favorite_list li{min-width: 0; text-align:center; font-size:13px; color:#666;}
.del_box{margin-top:.5rem; font-size:12px; color:#666;}
.del_box .u_btn{margin-left:10px;}
@media screen and (max-width:768px) {
.favorite_list{display: grid;gap:15px; grid-template-columns: repeat(2, 1fr);}
.del_box label,.del_box p{ display:none;}
.del_box .u_btn{margin-left:0px;}

}


/*会员升级*/
.user_sj{width:1080px; margin:.5rem auto; background:#0D0D0D; padding: .35rem .5rem; box-sizing: border-box; border-radius:.1rem;color: #fff; border-right: solid 1px #2D2D2D;}
.huiyuan_sj .btn{ padding: 10px 25px; cursor: pointer;border-radius: 6px;border: solid 1px #ccc;margin-right: 12px;color: #666;}
.huiyuan_sj .btn.active{background: rgba(212, 165, 116, 0.16); border: 1px solid #FF8C42; color:#FF8C42;}
.huiyuan_sj .btn i{ margin-right:6px;}