*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.hidden{display: none;}
.color-b{color: #bbb!important;}
.bgc-e{background: #eee;}
.bgc-f{background: #fff;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content:" ";display: table}
/*空状态*/
.empty-box{width: 100%;background: url("../img/default/img_empty.png") no-repeat center 50px/181px 100px;padding: 164px 0 50px;color: #999;font-size: 12px;text-align: center;}
/*间距*/
.plr15{padding-left: 15px;padding-right: 15px;}


/*图片*/
.data-photo{display:block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
/*按钮*/
.default-btn{display: block;width: 100%;height: 40px;border: 1px solid #BBBBBB;border-radius: 4px;line-height: 38px;color: #333;font-size: 16px;text-align: center;}
.default-small-btn{display: inline-block;vertical-align: top;font-size: 12px;color: #333333;height: 22px;border: 1px solid #BBBBBB;border-radius: 2px;line-height: 20px;padding: 0 5px;}
.primary-btn{border-color:var(--theme-color);color:var(--theme-color); }
/*上传图片*/
.form-upload{width: 120px;height: 120px;background: #FBFBFB;border: 1px solid #F2F2F2;border-radius: 2px;overflow: hidden;}
.form-upload .upload-add{width: 100%;height: 100%;background: url("../img/default/icon_add.png") no-repeat center 40px/20px;color: #999;font-size: 12px;text-align: center;padding-top: 70px;}
.form-upload .upload-img{position: relative;width: 100%;height: 100%;}
.form-upload .upload-img a{display: block;width: 17px;height: 17px;background: url("../img/default/icon_delete.png") no-repeat center top/100%;position: absolute;top:9px;right: 9px;}
/*input*/
.form-input,.form-select,.form-own-select,.form-search-select{width:100%;height: 40px;border: 1px solid #E5E5E5;border-radius: 2px;line-height: 38px;font-size: 14px;border-radius: 4px;}
.form-input input{width: 100%;height: 100%;padding: 0 10px;border: 0;}
/*自定义select弹窗选择*/
.form-own-select{height: auto!important;color: #bbb;font-size: 14px;padding: 0 45px 5px 0;position: relative;min-height: 40px;}
.form-own-select .arrow{display:block;position: absolute;right: 15px;top:0;width: 15px;height: 100%;background: url("../img/default/icon_select_arrow.png") no-repeat center center/15px 9px;}
.form-own-select .delete{display:block;position: absolute;right: 15px;top:0;width: 16px;height: 100%;background: url("../img/icon_input_cha.png") no-repeat center center/16px;}
.form-own-select.rotate .arrow{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.form-own-select .placeholder{padding-left: 10px;height: 33px;}
.form-own-select .show-cnt{color: #333;font-size: 14px;line-height: 26px;margin-top: 5px;padding-left: 10px;}
.form-own-select .choose-cnt span{float: left;height: 28px;background: #F5F5F5;border: 1px solid #bbb;border-radius: 4px;line-height: 26px;padding: 0 8px;color: #333;font-size: 12px;margin-left: 10px;margin-top: 5px;}
.form-own-select .choose-cnt span img{margin-left: 5px;}
.form-own-select .select-cnt{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9998;transform: translateY(102%);-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);border-radius: 2px;background:#FFF;border: 1PX solid #DDD;}
.form-own-select .select-cnt ul{overflow-y: auto;padding: 5px;max-height: 174px;}
.form-own-select .select-cnt li{padding:4px 43px 4px 9px;color: #3D3D3D;font-size: 14px;line-height: 30px;cursor: pointer;border-radius: 4px;margin-bottom: 5px;}
.form-own-select .select-cnt li.active{background: #E6F7FF url("../img/default/icon_select_gou.png") no-repeat center right 10px/13px;}
.form-own-select .select-cnt ul li:last-child{margin-bottom: 0;}
.form-own-select .select-cnt ul::-webkit-scrollbar{ /*滚动条整体样式*/width : 3px;height: 100%;}
.form-own-select .select-cnt ul::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/width : 3px;height: 30px;background:#A1ACB2;border-radius: 2px; }
.form-own-select .select-cnt ul::-webkit-scrollbar-track{ /*滚动条里面轨道*/background: #fff;}
.form-own-select .select-cnt-two ul{width: 50%;float: left;height: 100%;height: 174px;}
.form-own-select .select-cnt-two ul:first-child{border-right: 1px solid #eee;}
.form-own-select .select-cnt-two .first-select li.active{background:#E6F7FF url("../img/icon_select_arrow_right.png") no-repeat center right 7px/auto 12px;}
.form-own-select .select-cnt-two .second-select li.active{background:#E6F7FF url("../img/icon_select_gou_hei.png") no-repeat center right 15px/12px auto;}



/*select*/
.form-select{background: url("../img/default/icon_select_arrow.png") no-repeat center right 12px/15px 9px;}
.form-select select{width: 100%;background: transparent;border: 0;padding: 0 40px 0 10px;height: 100%;-webkit-appearance: none;color: #333;}
.form-select select option{color: #333;}
/*一行两列select*/
.form-select-column-two .form-select{width: 47.8%;background: url("../img/default/icon_select_arrow.png") no-repeat center right 12px/15px 9px;}
/*搜索input*/
.form-search-select{background: url("../img/default/icon_select_arrow.png") no-repeat center right 12px/15px 9px;position: relative;}
.form-search-select input{width: 100%;height: 100%;padding: 0 30px 0 10px;border: 0;}
.form-search-select .select-cnt{max-height: 156px;height: auto;bottom: auto;top: 40px;}
.form-search-select .select-cnt li.active{background: #E6F7FF;}
/*标题*/
.headline{font-size: 18px;color: #3D3D3D;font-weight: bold;}
.headline .line{display: inline-block;vertical-align: middle;width: 4px;height: 20px;border-radius: 4px;background: #FF842B;margin-right: 8px;margin-top: -2px;}
/*个人中心*/
.page-personal .plr15{border-top: 46px solid #FF842B;}
.page-personal .space-top{margin-top: -36px;-webkit-box-shadow: 0px 0px 9px 1px rgba(77,70,69,0.08);box-shadow: 0px 0px 9px 1px rgba(77,70,69,0.08);border-radius: 8px;padding: 15px 16px;}
.page-personal .space-top .avatar{width: 50px;height: 50px;border: 1px solid #EEEEEE;overflow: hidden;border-radius: 50%;margin-right: 10px;}
.page-personal .space-top h2{color: #333;font-size: 18px;font-weight: bold;margin-bottom: 4px;}
.page-personal .space-top p{color: #666;font-size: 12px;}
.page-personal .space-top .exit-btn{display: block;width: 37px;height: 22px;border: 1px solid #BBBBBB;border-radius: 2px;line-height: 20px;color: #333;font-size: 12px;text-align: center;margin-left: 10px;}
.page-personal .operate-box{padding: 30px 0;}
.page-personal .article-list{margin-top: 15px;}
.page-personal .article-list li:first-child{border-top: 0;}
.page-personal .account-box{margin-top: 20px;padding-bottom: 25px;border-bottom: 1px solid #eee;}
.page-personal .account-header h2{font-size: 16px;font-weight: bold;color: #333333;margin-right: 14px;}
.page-personal .account-header .fr{color: #666666;font-size: 14px;line-height: 22px;background: url(../img/default/icon_arrow_r.png) no-repeat center right/7px 11px;padding-right: 11px;}
.page-personal .account-box ul{margin-top: 15px;}
.page-personal .account-box ul li{width: 25%;text-align: center;}
.page-personal .account-box ul li .thumb{width: 46px;height: 46px;border: 1px solid #EEEEEE;border-radius: 50%;margin: 0 auto;}
.page-personal .account-box ul li .thumb img{border-radius: 50%;}
.page-personal .account-box ul li .thumb.zhuzh{position: relative;}
.page-personal .account-box ul li .thumb.zhuzh:after{content: "";position: absolute;bottom: 0;left: 50%;width: 38px;height: 17px;background: url("../img/default/icon_zhuzh.png") no-repeat center top/100%;margin-left: -19px;}
.page-personal .account-box ul li .username{font-size: 12px;color: #333333;margin: 5px auto 12px;max-width: 64px;}
.page-personal .account-box ul li .current{font-size: 12px;font-weight: bold;color: #06AE31;line-height: 22px;}
.page-personal .site-manage{padding-top: 30px;border-top:1px solid #eee; }
.page-personal .site-manage .form-select{margin-top: 15px;}
.page-personal .site-manage .menu-list{margin: 30px -10px 0;}
.page-personal .site-manage .menu-list li{float: left;width: 33.3%;padding: 0 10px;margin-bottom: 20px;}
.page-personal .site-manage .menu-list li a{display: block;width: 100%;height: 40px;border-radius: 4px;background: #EEEEEE;color: #666666;font-size: 14px;text-align: center;line-height: 40px;}
.ui-header .personal-btn.avatar{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;margin-top: 10px;}

/*账户弹窗*/
.account-sign{display: none;vertical-align: middle;width: 33px;height: 15px;margin-right: 9px;margin-top: -2px;background-size: 33px 15px;background-position: center top;background-repeat: no-repeat;}
.account-sign.zhu{display: inline-block;background-image: url("../img/default/icon_zhuzh_small.png");}
.account-sign.zi{display: inline-block;background-image:url("../img/default/icon_zizh_small.png");}
.account-popup{display:none;position: fixed;top:44px;bottom: 0;left: auto;width: 100%;max-width: 720px;z-index: 999;background: #FF842B;}
.account-popup .header{padding: 13px 20px;background: #fff;border-radius: 20px 20px 0px 0px;}
.account-popup .header h2{font-size: 16px;font-weight: bold;color: #333333;margin-right: 24px;}
.account-popup .header .cancel-btn{width: 17px;height: 17px;background: url("../img/default/icon_popup_cha.png") no-repeat center top/100%;}
.account-popup ul{min-height: calc(100% - 50px);overflow-y: auto;padding: 0 20px;background: #fff;}
.account-popup li .avatar{width: 50px;height: 50px;border: 1px solid #EEEEEE;border-radius: 50%;overflow: hidden;margin-right: 9px;}
.account-popup li h2{color: #333;font-size: 14px;margin-bottom: 4px;}
.account-popup li p{color: #666;font-size: 12px;}
.account-popup li .ui-list-info{padding-right: 10px;}
.account-popup li{padding: 20px 0;}
.account-popup li:not(:last-child){border-bottom: 1px solid #eee;}
.account-popup li .current{font-size: 12px;font-weight: bold;color: #09AF34;background: url("../img/default/icon_gou.png") no-repeat center left/10px;padding-left: 14px;}
/*表单*/
.page-form .create-titl{font-size: 18px;font-weight: bold;color: #333333;margin-top: 40px;}
.page-form .form-box>li{margin-top: 30px;}
.page-form .form-box .form-titl{color: #333;font-size: 14px;}
.page-form .form-box .form-titl em{color: #FF0000;}
.page-form .form-box .form-titl .tip{color: #999;font-size: 12px;}
.page-form .form-box .form-code{margin-top: 15px;}
.page-form .form-box .form-code button{width: 90px;height: 20px;line-height: 20px;border: 0;color: #3399FF;font-size: 14px;text-align: center;border-left:1px solid #E5E5E5;}
.page-form .form-box .form-code button[disabled]{color: #999;}
.page-form .submit-btn{display: block;height: 40px;background: #FF842B;border-radius: 20px;line-height: 40px;font-size: 16px;color: #FFFFFF;text-align: center;margin-top: 30px;}
.page-form .big-title{color: #666;font-size: 12px;line-height: 42px;border-bottom: 1px solid #f7f7f7;font-weight: bold;}
.page-publish-form .btns-box{margin-top: 28px;padding-bottom: 13px;}
.page-publish-form .btns-box .submit-btn{width: 76px;height: 34px;border-radius: 4px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 15px 0 0;}
.page-publish-form .btns-box .cancel-btn{width: 76px;height: 34px;border: 1px solid #FF842B;border-radius: 4px;line-height: 32px;text-align: center;color: #FF842B;font-size: 16px;}
.page-publish-form .btns-box .delete-btn{color: #444;font-size: 14px;line-height: 34px;}
.page-publish-form .btns-box .delete-btn img{margin-right: 3px;vertical-align: middle;margin-top: -4px;}
/*管理中心列表*/
.page-manage-list{padding: 20px 15px;}
.page-manage-list .publish-btn{margin: 18px 0 20px;}
.manage-article-list li{border-top:1px solid #F7F7F7;padding: 20px 0;}
.manage-article-list li:first-child{border-top: 0;}
.manage-article-list li .img-box{display:block;width: 80px;height: 60px;border-radius: 4px; overflow: hidden;position: relative;margin-left: 14px;}
.manage-article-list li .img-box.video:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(34,34,34,.2) url("../../img/default/img_play.png") no-repeat center center/13px;}
.manage-article-list li .intro-box h3 a{color: #333;font-size: 16px;font-weight: bold;line-height: 22px;}
.manage-article-list li .intro-box h3{margin-bottom: 10px;}
.manage-article-list li .intro-box span{display:inline-block;vertical-align:top;}
.manage-article-list li .intro-box .user{color: #666;font-size: 12px;}
.manage-article-list li .intro-box .username{max-width: calc(100% - 95px);padding-right: 9px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.manage-article-list li .intro-box .desc{color: #999;font-size: 12px;line-height: 18px;margin-top: 10px;max-height: 36px;}
.manage-article-list li .other-box{color: #666;font-size: 12px;margin-top: 10px;}
.manage-article-list li .other-box .status img{vertical-align: middle;margin-top: -2px;margin-right: 4px;}
.manage-article-list li .other-box .edit{width: 45px;height: 20px;border: 1px solid #BBBBBB;border-radius: 4px;line-height: 18px;color: #999;font-size: 12px;text-align: center;}
.manage-article-list li .other-box .edit img{vertical-align: middle;margin-top: -2px;margin-right: 3px;}
.manage-article-list li .other-box .tg{color: #FF842B;}
.manage-article-list li .other-box .dsh{color: #FF9B21;}


/*登录*/
.page-form .big-title-tab{border-bottom: 1px solid #f7f7f7;padding: 0 15px;}
.page-form .big-title-tab li{color: #666;font-size: 14px;line-height: 62px;cursor: pointer;}
.page-form .big-title-tab li a{color: #666;}
.page-login .big-title-tab{font-size: 0;text-align: center;padding: 0;}
.page-login .big-title-tab li{display: inline-block;vertical-align: top;}
.page-login .big-title-tab li:first-child{margin-right: 63px;}
.page-form .big-title-tab .active{color: var(--theme-color);font-weight: bold;position: relative;}
.page-form .big-title-tab .active a{color: var(--theme-color);}
.page-form .big-title-tab .active:after{content: "";position: absolute;left:50%;bottom: 0;width: 30px;height: 3px;background: var(--theme-color);border-radius: 2px;margin-left: -15px;}
/*确认弹框*/
.ui-dialog .ui-dialog-bd{color: #999;font-size: 14px;text-align: center;}
.ui-dialog .ui-dialog-bd h3{color: #333;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.ui-dialog-ft button{font-size: 14px;}
.ui-dialog-ft .cancel{color: #666;}
.ui-dialog-ft .sure{color: #333;}