/* 改版过渡性文件 */
.container{
    width: 1200px;
    padding: 0 0 0 0;
    margin: 0 auto;
}

/* 作品、培训列表搜索，筛选 */
.design_search_box_container{
    width: 100%;
}
.design_search_box{
    border: 1px solid #bebebe;
    padding: 0px;
    border-radius: 6px;
    width: 680px;
    background: #fff;
    margin: 100px 0 30px 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    float: left;
}
.design_search_box .search_type_box{
    float: left;
    cursor: pointer;
    position: relative;
}
.design_search_box .search_type_box .type_name{
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 10px 3px 0 12px;
}
.design_search_box .search_type_box .icon_down{
    float: left;
    height: 18px;
    margin: 10px 0 0 0;
}
.design_search_box .search_type_box .type_options{
    position: absolute;
    top: 36px;
    left: 0px;
    width: 68px;
    background: #fff;
    font-size: 16px;
    border: 1px solid #bebebe;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.design_search_box .search_type_box .type_options .option{
    display: block;
    line-height: 32px;
    padding: 0 0 0 10px;
}
.design_search_box .search_type_box .type_options .option:hover{
    background: #aaa;
    color: #fff;
}
.design_search_box .search_input{
    font-size: 16px;
    width: auto;
    min-width: 262px;
    border: 0px;
    outline:0px;
    line-height: 34px;
    margin: 0 0 0 12px;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.design_search_box .icon_search{
    float: right;
    width: 48px;
    height: 36px;
    background: #1a1a1a;
    cursor: pointer;
    padding: 4px 0 0 12px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.design_search_box .icon_search:hover{
    background: #222;
}
.design_search_box .icon_search img{
    display: block;
    width: 26px;
}
.design_resource_upload_btn{
    float: right;
    width: 160px;
    border-radius: 8px;
    background: #1a1a1a;
    text-align: center;
    margin: 100px 0 0 0;
    height: 38px;
    cursor: pointer;
}
.design_resource_upload_btn:hover .btn_text{
    color: #ff8b3d;
}
.design_resource_upload_btn .btn_img{
    width: 18px;
    display: inline-table;
    vertical-align: middle;
}
.design_resource_upload_btn .btn_text{
    display: inline-table;
    color: #fdd30f;
    font-size: 14px;
    margin: 8px 0 0 3px;
}
.design_search_box_container .apply_teacher_btn{
    background: #1a1a1a;
    color: #fdd30f;
    float: right;
    font-size: 14px;
    padding: 0 35px;
    line-height: 36px;
    border-radius: 6px;
    margin: 102px 0 30px 0;
}
.design_search_box_container .apply_teacher_btn:hover{
    background: #fdd30f;
    color: #1a1a1a !important;
}
.search_data_box{
    margin: 40px 0 30px 0;
}
.search_data_box .search_count_box{
    font-size: 22px;
    margin: 0 0 30px 0;
}
.search_data_box .search_count_box span{
    color: #23a874;
    padding: 0 6px;
}
.search_data_box .sort_section{
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 6px;
    padding: 12px 20px;
    border: 6px;
    font-size: 16px;
    margin: 0 0 30px 0;
}
.search_data_box .sort_section .item_name{
    float: left;
    padding-right: 20px;
    border-right: 1px solid #aaa;
    margin: 0 30px 0 0;
}
.search_data_box .sort_section a{
    float: left;
    padding: 0 20px;
    color: #333;
}
.search_data_box .sort_section a:hover{
    color: #23a874;
}
.search_data_box .sort_section .current{
    float: left;
    padding: 0 20px;
    color: #23a874;
}
.search_data_box .sort_section .sort_select{
    float: left;
    font-size: 14px;
    height: 24px;
}
.search_data_box .sort_section .right_option{
    float: right;
    margin: 0 0 0 0;
}
.search_data_box .sort_section .right_checkbox_label{
    float: right;
    margin: 1px 0 0 16px;
    cursor: pointer;
}
.search_data_box .sort_section .right_checkbox_label .label_checkbox{
    float: left;
}
.search_data_box .sort_section .right_checkbox_label .label_name{
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 1px 0 0 6px;
}

/*数据列表1：一行4个*/
.data_list_1{
}
.data_list_1 .item{
    background: #fff;
    width: 282px;
    border: 0px solid #ccc;
    float: left;
    margin: 0 24px 20px 0;
    color: #888;
    border-radius: 6px;
    position: relative;
}
.data_list_1 .last{
    margin-right: 0px;
}
.data_list_1 .item .img{
    width: 100%;
    height: 145px;
    overflow: hidden;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #eee;
    position: relative;
}
.data_list_1 .item .img img{
    width: 100%;
    display: block;
}
.data_list_1 .item .img .choose_checkbox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 26px;
    height: 26px;
    background: #fff;
    cursor: pointer;
    border:2px solid #111;
    border-radius: 6px;
    z-index:999;
}
.data_list_1 .item .img .choose_checkbox .checkbox{
    width: 24px;
    height: 24px;
    margin: 0 0 0 -1px;
}
.data_list_1 .item .discount_tag{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    display: block;
    z-index: 60;
}
.data_list_1 .item .item_content_box{
    margin-top: -6px;
    padding: 8px 0 0 0;
    border: 1px solid #eee;
    border-top: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.data_list_1 .item .item_content_box_top{
    margin-top: 0px;
    border: 1px solid #eee;
    border-top: 1px solid #eee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.data_list_1 .item .resource_name{
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    color: #1a1a1a;
    margin: 6px 0 8px 12px;
    float: left;
    max-width:260px;
}
.data_list_1 .item .resource_name:hover{
    color: #ff8b3d;
}
.data_list_1 .item .resource_name.user_center{
    margin: 8px 0 16px 12px;
}
.data_list_1 .item .data_name{
    font-size: 14px;
    color: #1a1a1a;
    margin: 8px 0 12px 12px;
    float: left;
}
.data_list_1 .item .data_name:hover{
    color: #ff8b3d;
}
.data_list_1 .item .sub_data_name{
    font-size: 14px;
    margin: 8px 12px 12px 0;
    float: right;
}
.data_list_1 .item .sub_name{
    font-size: 14px;
    color: #888;
    margin: 0 12px 12px 12px;
    overflow: hidden;
    height: 18px;
}
.data_list_1 .item .icon_desc_box{
    float: left;
    width: 16px;
}
.data_list_1 .item .icon_desc_box .icon_desc{
    width: 16px;
    display: block;
    float: left;
}
.data_list_1 .item .evaluate_pre{
    float: left;
    line-height: 16px;
    margin: 0 6px 0 2px;
    color: #1a1a1a;
    font-size: 13px;
}
.data_list_1 .item .evaluate_box{
    width: 100%;
    margin: 0px 0 12px 10px;
    height: 16px;
}
.data_list_1 .item .evaluate_box .star{
    height: 16px;
    display: block;
    float: left;
    margin: -1px 2px 0 0;
}
.data_list_1 .item .evaluate_box .evaluate_score{
    float: left;
    margin: 0 8px;
    line-height: 16px;
    color: #1a1a1a;
    font-size: 13px;
}
.data_list_1 .item .evaluate_box .evaluate_level{
    float: left;
    line-height: 16px;
    margin: 0 20px 0 0 ;
    font-size: 13px;
}
.data_list_1 .item .evaluate_box .evaluate_good{
    float: right;
    font-size: 13px;
    line-height: 16px;
}
.data_list_1 .item .evaluate_box .option_btn{
    float: right;
    line-height: 16px;
    margin: 0 20px 0 0;
}
.data_list_1 .item .option_box{
    margin: 0 12px 0 12px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #eee;
}
.data_list_1 .item .option_box .option_left{
    float: left;
    width: 60px;
    margin: 0 0 0 0;
}
.data_list_1 .item .option_box .option_left img{
    float: left;
    width: 16px;
    margin: 2px 6px 0 0;
}
.data_list_1 .item .option_box .option_left .icon_zan_2{
    width: 20px;
    margin-top: 0px;
}
.data_list_1 .item .option_box .option_left .icon_download{
    width: 16px;
    margin-top: 2px;
}
.data_list_1 .item .option_box .option_left .option_count{
    float: left;
    font-size: 13px;
}
.data_list_1 .item .option_box .option_middle{
    width: 30%;
    text-align: center;
    float: left;
}
.data_list_1 .item .option_box .option_middle img{
    float: left;
    width: 16px;
    margin: 3px 3px 0 16%;
}
.data_list_1 .item .option_box .option_middle .option_count{
    float: left;
}
.data_list_1 .item .option_box .option_right{
    float: right;
    width: 26%;
    text-align: right;
}
.data_list_1 .item .option_box .option_right img{
    float: right;
    width: 14px;
    margin: 3px 3px 0 16%;
}
.data_list_1 .item .option_box .option_right .option_count{
    float: right;
}
.data_list_1 .item .data_option_box{
    margin: 8px 12px 0 12px;
    padding: 0 0 12px 0;
}
.data_list_1 .item .data_option_box .btn_pre{
    background: #fdd30f;
    font-size: 12px;
    line-height: 12px;
    color: #1a1a1a;
    float: left;
    margin: 0 16px 0 0px;
    padding: 6px 8px;
    border-radius: 3px;
}
.data_list_1 .item .data_option_box .btn_pre:hover{
    background: #ff8b3d;
    color:#333 !important;
}
.data_list_1 .item .data_option_box .btn_detail{
    background: #eee;
    font-size: 12px;
    line-height: 12px;
    color: #1a1a1a;
    float: left;
    margin: 0 16px 0 0px;
    padding: 6px 8px;
    border-radius: 3px;
}
.data_list_1 .item .data_option_box .btn_detail:hover{
    background: #ccc;
}
.data_list_1 .item .data_option_box .audit_time{
    float: right;
    font-size: 12px;
    margin: 6px 0 0 0;
}
.data_list_1 .item .price_option_box{
    margin: -2px 12px 0 13px;
    padding: 0 0 12px 0;
    line-height: 22px;
}
.data_list_1 .item .price_option_box .price{
    float: left;
    width: 46%;
}
.data_list_1 .item .price_option_box .view_order_discount{
    float: right;
    width: 30%;
    text-align: right;
}
.data_list_1 .item .author_box{
    padding: 12px;
    float: left;
}
.data_list_1 .item .author_box .avatar{
    width: 36px;
    height: 36px;
    float: left;
    margin: 0 12px 0 0;
    border-radius: 36px;
    cursor: pointer;
}
.data_list_1 .item .author_box .nick_name{
    float: left;
    line-height: 36px;
    height: 36px;
    max-width: 200px;
    overflow: hidden;
    cursor: pointer;
    color: #1a1a1a;
}
.data_list_1 .item .author_box .nick_name:hover{
    color: #ff8b3d;
}
.data_list_1 .item .dialog_user_box{
    position: absolute;
    background: #fff;
    left: 0px;
    bottom: 60px;
    width: 99.5%;
    border-radius: 6px;
    text-align: center;
    display: none;
    box-shadow: 0 0 16px #aaa;
    padding: 0 0 30px 0;
    z-index: 80;
}
.data_list_1 .item .dialog_user_box .dialog_avatar{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    margin: 20px 0 6px 0;
}
.data_list_1 .item .dialog_user_box .dialog_nickname{
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin: 0 0 2px 0;
    max-width: 80%;
    overflow: hidden;
    word-wrap:break-word;
}
.data_list_1 .item .dialog_user_box .dialog_nickname:hover{
    color: #ff8b3d;
}
.data_list_1 .item .dialog_user_box .dialog_user_option{
}
.data_list_1 .item .dialog_user_box .dialog_user_option .dialog_city{
    display: inline-table;
    font-size: 14px;
    color: #aaa;
}
.data_list_1 .item .dialog_user_box .dialog_user_option .dialog_designer_type{
    display: inline-table;
    font-size: 14px;
    color: #aaa;
}
.data_list_1 .item .dialog_user_box .dialog_user_option .cut{
    height: 11px;
    width: 1px;
    border: 0px;
    margin: 0 3px;
    display: inline-table;
    background: #ddd;
}
.data_list_1 .item .dialog_user_box .dialog_sns_box{
    display: inline-block;
    font-size: 12px;
    color: #aaa;
    margin: 12px 0 16px 0;
}
.data_list_1 .item .dialog_user_box .dialog_sns_box .left{
    width: 90px;
    float: left;
}
.data_list_1 .item .dialog_user_box .dialog_sns_box .cut{
    width: 1px;
    height: 36px;
    float: left;
    display: inline-table;
    background-color: #ddd;
    margin: 8px;
    
}
.data_list_1 .item .dialog_user_box .dialog_sns_box .right{
    width: 90px;
    float: left;
}
.data_list_1 .item .dialog_user_box .dialog_sns_box .item_name{
    font-size: 14px;
    color: #aaa;
    margin: 0 0 6px 0;
}
.data_list_1 .item .dialog_user_box .dialog_sns_box .item_count{
    color: #333;
    font-size: 16px;
}
.data_list_1 .item .dialog_user_box .dialog_option_box{
}
.data_list_1 .item .dialog_user_box .dialog_option_box .dialog_follow_btn{
    background: #fdd30f;
    border: 1px solid #fdd30f;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding: 6px 24px;
}
.data_list_1 .item .dialog_user_box .dialog_option_box .dialog_follow_btn:hover{
    background: #ff8b3d;
    color:#333 !important;
}
.data_list_1 .item .dialog_user_box .dialog_option_box .followed{
    background: #fff;
    border: 1px solid #ddd;
}

/*用户主页：用户资料模块*/
.user_data_tab_box{
    width: 100%;
    text-align: center;
    margin: 36px 0 36px 0;
}
.user_data_tab_box .tab{
    display: inline-table;
    padding: 0 32px;
    border-bottom: 2px solid #f4f4f4;
    font-size: 16px;
    line-height: 16px;
    padding: 0 32px 16px 32px;
    margin: 0 32px;
    color: #1a1a1a;
}
.user_data_tab_box .current{
    border-bottom: 2px solid #fdd30f;
}
.user_base_info_box{
    width: 100%;
    background: #fff;
    padding: 22px 0 32px 0;
}
.user_base_info_box .item{
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 20px 0;
    font-weight: bold;
}
.user_base_info_box .item .item_name{
    width: 50%;
    float: left;
    text-align: right;
    font-weight: 400;
}
.user_base_info_box .item .item_content{
    width: 50%;
    float: left;
    text-align: left;
    font-weight: 400;
}

/*sns用户列表*/
.sns_user_list_1{
    width: 100%;
    margin: 0 0 0 0;
    background: #fff;
}
.sns_user_list_1 .item{
    font-size: 14px;
    line-height: 24px;
    padding: 12px 24px;
    /*border-top: 1px solid #ccc;*/
    color: #666;
}
.sns_user_list_1 .item a{
    color: #39a84a
}
.sns_user_list_1 .item .avatar{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin: 0 16px 0 0;
}
.sns_user_list_1 .item .nick_name{
    float: left;
    color: #666;
    line-height: 50px;
    width: 300px;
    overflow: hidden;
}
.sns_user_list_1 .item .nick_name:hover{
    color: #ff8b3d;
}
.sns_user_list_1 .item .designer_type{
    float: left;
    line-height: 50px;
}
.sns_user_list_1 .item .city_name{
    float: left;
    line-height: 50px;
}
.sns_user_list_1 .item .option_btn{
    border: 1px solid #fdd30f;
    background: #fdd30f;
    border-radius: 6px;
    padding: 3px 12px;
    float: right;
    margin: 9px 0 0 0;
    color: #1f1f1f;
}
.sns_user_list_1 .item .option_btn:hover{
    background: #ff8b3d;
    border: 1px solid #ff8b3d;
    color:#333 !important;
}
.sns_user_list_1 .item .followed{
    background: #fff;
    border: 1px solid #ddd;
}

/* 分页 */
.page {
    display: inline-block;
    padding: 0;
    /* margin: 16px 0 16px 0; */
    margin-top: -6px;
    text-align: center;
    width: 100%;
}
.page a {
    display: inline-table;
    color: #1a1a1a;
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer;
}
.page .current {
    background-color: #fdd30f;
    display: inline-table;
    color: #1a1a1a;
    padding: 8px 16px;
    text-decoration: none;
}
.page a:hover:not(.active) {
    background-color: #fdd30f;
    color: #1a1a1a;
}

/*专题模块*/
.zt_top_box{
    width: 100%;
    margin: 0 auto;
}
.zt_top_box .cover_box{
    float: left;
    width: 62%;
    position: relative;
    text-align: center;
}
.zt_top_box .cover_box .cover_img{
    width: 100%;
    display: block;
}
.zt_top_box .cover_box .data_count{
    position: absolute;
    right: 16px;
    bottom: 32px;
    background: #fff;
    border-radius: 12px;
    line-height: 32px;
    font-size: 14px;
    color: #1a1a1a;
    padding: 0 18px;
    /*opacity: 0.6;*/
    background-color: rgba(255,255,255,0.8);
}
.zt_top_box .cover_box .data_count_2{
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: #fff;
    border-radius: 12px;
    line-height: 32px;
    font-size: 14px;
    color: #1a1a1a;
    padding: 0 18px;
    /*opacity: 0.6;*/
    background-color: rgba(255,255,255,0.8);
}
.zt_top_box .cover_box .activity_countdown_box{
    font-size: 14px;
    line-height: 14px;
    margin: 16px 0;
}
.zt_top_box .content_box{
    float: right;
    width: 36%;
    border: 1px solid #ddd;
    padding: 24px 12px;
    color: #1a1a1a;
    border-radius: 12px;
    background: #fff;
    position: relative;
}
.zt_top_box .content_box .title{
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 16px 0;
    font-weight: bold;
}
.zt_top_box .content_box .content{
    font-size: 14px;
    line-height: 24px;
}
.zt_top_box .content_box .option_box{
    border-top: 1px solid #ddd;
    padding: 12px 0 0 0;
    position: absolute;
    bottom: 18px;
    left: 0px;
    width: 92%;
    margin: 0 0 0 4%;
}
.zt_top_box .content_box .option_box .left_option{
    float: left;
    cursor: pointer;
}
.zt_top_box .content_box .option_box .left_option .icon{
    float: left;
    height: 14px;
    margin: 2px 6px 0 0;
}
.zt_top_box .content_box .option_box .left_option .option_name{
    float: left;
    color: #888;
}
.zt_top_box .content_box .option_box .right_option{
    float: right;
    cursor: pointer;
}
.zt_top_box .content_box .option_box .right_option .icon{
    float: right;
    height: 16px;
    margin: 1px 6px 0 0;
}
.zt_top_box .content_box .option_box .right_option .option_name{
    float: right;
    color: #888;
}
.zt_top_box .content_box .option_box .option_name:hover{
    color: #ff8b3d;
}
.zt_top_box .content_box .option_box .option_content{
    color: #888;
}
.zt_top_box .content_box .zt_item_imgs{
    width: 100%;
    margin: 0 0 0 0;
    position: absolute;
    bottom: 66px;
    left: 0px;
    background: #fff;
    padding: 8px 0 0 0;
}
.zt_top_box .content_box .zt_item_imgs .img{
    width: 28%;
    display: block;
    float: left;
    height: 68px;
    margin-left: 4%;
}
.zt_top_box .content_box .zt_item_imgs .middle{
    margin: 0 2%;
}
.zt_top_box .content_box .zt_item_imgs .img_more{
    background: #fdd30f;
    text-align: center;
    line-height: 68px;
    width: 32%;
    float: left;
    color: #1a1a1a;
}

/*充值界面*/
.recharge_box{
    width: 680px;
    color: #666;
    background: #fff;
    padding: 20px 30px;
}
.recharge_box .section_title{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 18px 66px;
}
.recharge_box .section_title span{
    color: #fdd30f;
    font-size: 26px;
    padding: 0 6px;
}
.recharge_box .section_title .recharge_money{
    width: 86px;
    padding: 0 8px;
    border: 2px solid #ddd;
    border-radius: 6px;
}
.recharge_box .section_title_2{
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 18px 0;
}
.recharge_box .pay_method_box{
    padding: 12px 0;
    /*border: 1px solid #ccc;*/
    text-align: center;
}
.recharge_box .pay_method_box .top{
    /*border-bottom: 1px solid #ddd;*/
    padding: 0 0 12px 0;
}
.recharge_box .pay_method_box .top img{
    width: 36px;
    float: left;
    margin: 0 16px 0 0;
}
.recharge_box .pay_method_box .top .top_name{
    float: left;
    font-size: 16px;
    line-height: 22px;
}
.recharge_box .pay_method_options{
    margin: 0 0 30px 0;
}
.recharge_box .pay_method_options .pay_method{
    float: left;
    width: 130px;
    margin: 12px 24px 0 42px;
    border: 1px solid #fff;
    padding: 6px;
    cursor: pointer;
}
.recharge_box .pay_method_options .pay_method.current{
    border: 1px solid #39a74a;
}
.recharge_box .pay_method_options .pay_method img{
    width: 100%;
    display: block;
}
.recharge_box .protocal_box{
    margin: 0 0 16px 0;
}
.recharge_box .protocal_box .icon_checked{
    float: left;
    width: 14px;
}
.recharge_box .protocal_box .protocal_rule{
    float: left;
    line-height: 14px;
    margin: 0 0 0 12px;
}
.recharge_box .protocal_box .protocal_buy_desc{
    border: 1px solid #ccc;
    padding: 10px 12px;
    margin: 20px 0 0 0;
    text-align: left;
}
.recharge_box .protocal_box .protocal_buy_desc span{
    color: #fdd30f;
}
.recharge_box .btn_pay{
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    background: #39a74a;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: bold;
    margin: 40px 0 30px 0;
    cursor: pointer;
    display: inline-block;
}
.recharge_box .btn_pay:hover{
    background: #25ba4f;
}
.recharge_box .recharge_item_box{
    width: 100%;
    margin: 0 0 32px 0;
}
.recharge_box .recharge_item_box .item{
    float: left;
    width: 88px;
    height: 82px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 6px;
    margin: 0 15px 0 0;
    cursor: pointer;
    position: relative;
}
.recharge_box .recharge_item_box .item.current{
    border: 2px solid #39a74a;
}
.recharge_box .recharge_item_box .item .icon_choose{
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
}
.recharge_box .recharge_item_box .item .item_money{
    font-size: 18px;
    line-height: 18px;
    color: #1a1a1a;
    margin: 22px 0 8px 0;
}
.recharge_box .recharge_item_box .item .item_gold{
    font-size: 12px;
    line-height: 12px;
    color: #bbb;
}
.recharge_box .tips{width: auto;height: auto;}
.recharge_box .tips span{display: block;font-size: 14px;color:#888;}

/*评价模块*/
.evaluate_box{
    float: left;
}
.evaluate_box .evaluate_item{
    margin: 0 0 12px 22px;
}
.evaluate_box .evaluate_item .evaluate_label{
    float: left;
    line-height: 30px;
}
.evaluate_box .evaluate_item .evaluate_star{
    float: left;
    cursor: pointer;
}
.evaluate_box .evaluate_star_level_box{
    float: left;
    margin: 0 16px 0 0;
}
.evaluate_box .diff_level_box{
    float: left;
    margin: 0 3px 0 0;
}
.evaluate_box .error_message{
    float: left;
    cursor: pointer;
    color: red;
    line-height: 30px;
    font-size: 14px;
}
.diff_level_box .diff_level{
    float: left;
    border: 1px solid #ddd;
    padding: 3px 12px;
    color: #333;
    font-size: 12px;
    border-radius: 12px;
    margin: 4px 16px 0 0;
}
.diff_level_box .diff_level.current{
    background: #ff8b3d;
    border: 1px solid #ff8b3d;
}
.diff_level_box .diff_level:hover{
    background: #ff8b3d;
    border: 1px solid #ff8b3d;
    color:#333 !important;
}
.evaluate_box .evaluate_content{
    width: 780px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 12px;
    resize: none;
    margin: 6px 0 0 0;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 22px;
}
.evaluate_box .evaluate_submit_btn{
    display: block;
    float: right;
    margin: 16px 20px 0 0;
    background: #fdd30f;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
}
.evaluate_box .evaluate_submit_btn:hover{
    background: #ff8b3d;
    color:#333 !important;
}
.evaluate_box .evaluate_list{
    border-top: 1px solid #ddd;
    padding: 30px 0 0 0;
    margin: 30px 20px 0 0;
}
.evaluate_box .evaluate_list .item{
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}
.evaluate_box .evaluate_list .item .avatar{
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 12px 0 0;
}
.evaluate_box .evaluate_list .item .avatar img{
    display: block;
    width: 100%;
    max-height: 100%;
    border-radius: 40px;
    margin: 0 16px 0 0;
}
.evaluate_box .evaluate_list .item .evalute_content_box{
    float: left;
    margin: 0 0 0 0;
    padding: 0 12px 0 0;
    width: 90%;
}
.evaluate_box .evaluate_list .item .evalute_content_top{
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 12px 4px;
}
.evaluate_box .evaluate_list .item .evalute_content_top .nick_name{
    float: left;
    color: #333;
    font-size: 14px;
}
.evaluate_box .evaluate_list .item .evalute_content_top .evaluate_level_score{
    float: left;
    color: #888;
    margin: 0 30px 0 30px;
}
.evaluate_box .evaluate_list .item .evalute_content_top .evaluate_time{
    float: left;
    color: #888;
    margin: 0 30px 0 6px;
}
.evaluate_box .evaluate_list .item .evalute_content_top .evaluate_level_score{
    float: left;
    color: #888;
}
.evaluate_box .evaluate_list .item .evalute_content_middle{
    height: 16px;
    margin: 0 0 20px 0;
}
.evaluate_box .evaluate_list .item .evalute_content_middle .evaluate_level_score_star_box{
    float: left;
}
.evaluate_box .evaluate_list .item .evalute_content_middle img{
    height: 20px;
    display: block;
    float: left;
}
.evaluate_box .evaluate_list .item .evalute_content_middle .diff_level_score{
    float: left;
    background: #fdd30f;
    padding: 3px 16px;
    border-radius: 12px;
    margin: 0 0 0 20px;
    font-size: 12px;
}
.evaluate_box .evaluate_list .item .evalute_content{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    word-break:break-all;
}

/*文章*/
.article_title{
    font-size: 18px;
}
.article_content{
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 160px 0;
    width: 100%;
}
.article_content img{
    max-width: 100%;
}
.article_content .relation_link{
    margin: 30px 0 0 0;
}
table.article_content_table th {
    font-weight: bold;
    border: 1px solid #333;
    padding: 0 0 0 8px;
    text-align: center;
}
.article_content_table td {
    border: 1px solid #333;
    padding: 0 0 0 8px;
    text-align: center;
}

/*意见反馈*/
.feedback_box{
    margin: 0 0 0 0;
    padding: 0 0 30px 0;
}
.feedback_box .notice{
    font-size: 14px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #eee;
}
.feedback_box .item{
    margin: 30px 0 0 0;
    line-height: 36px;
    width: 880px;
}
.feedback_box .item .item_name{
    float: left;
    text-align: left;
    font-size: 14px;
}
.feedback_box .item .item_name .must{
    color: red;
    float: left;
    margin: 2px 0 0 0;
    padding: 0 2px 0 0;
}
.feedback_box .item .item_name .content{
    float: left;
}
.feedback_box .item .item_info{
    float: left;
    margin: 0 0 0 26px;
}
.feedback_box .item .item_info .radio_box{
    float: left;
    margin: 0 30px 0 0;
    font-weight: 400;
}
.feedback_box .item .item_info .radio_box .input_radio{
    float: left;
    margin: 11px 6px 0 0;
}
.feedback_box .item .item_info .radio_box .radio_name{
    float: left;
}
.feedback_box .item .item_info .input_text{
    background: #f4f4f4;
    border: 1px solid #ddd;
    width: 780px;
    border-radius: 6px;
    line-height: 34px;
    padding: 0 12px;
}
.feedback_box .item .submit_btn{
    float: right;
    background: #fdd30f;
    border: 0px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    padding: 0 12px;
    margin: 0 6px 0 0;
}
.feedback_box .item .submit_btn:hover{
    background: #ff8b3d;
    color:#333 !important;
}
.left_content_box{
    float: left;
    width: 240px;
    background: #fff;
    padding: 0 0;
    border-radius: 6px;
    overflow: hidden;
}
.left_content_box .menu_link_list{
    overflow: hidden;
}
.left_content_box .menu_link_list a{
    display: block;
    line-height: 60px;
    color: #1a1a1a;
    padding: 0 0;
}
.left_content_box .menu_link_list span{
    float: left;
    width: 3px;
    background: #fff;
    height: 36px;
    margin: 12px 20px 0 0;
}
.left_content_box .menu_link_list .current{
    color: #1a1a1a;
}
.left_content_box .menu_link_list .current span{
    background: #fdd30f;
}
.left_content_box .menu_link_list a:hover{
    color: #1a1a1a;
    background: #fdd30f;
}
.left_content_box .menu_link_list a:hover span{
    background: #fdd30f;
}
.right_content_box{
    float: right;
    width: 940px;
    background: #fff;
    padding: 20px 30px;
    border-radius: 6px;
}
.help_quest_list_box .item{
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0 16px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.help_quest_list_box .item .type_name{
    font-weight: bold;
    margin: 0 0 20px 0;
}
.help_quest_list_box .item .quest_list .sub_item{
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 6px 0;
    cursor: pointer;
}
.help_quest_list_box .item .quest_list .sub_item .title:hover{
    color: #ff8b3d;
}
.help_quest_list_box .item .quest_list .sub_item .content{
    padding: 10px 18px 1px 18px;
    background: #fdd30f;
    border-radius: 6px;
    display: none;
    margin: 6px 0 10px 0;
    width: 860px;
}

/* 基于作品详情的通用分享，样式 */
.sns_option_box .option_btn{
    float: right;
    border: 1px solid #bebebe;
    border-radius: 6px;
    padding: 3px 12px;
    margin: 11px 0 0 12px;
    cursor: pointer;
    position: relative;
}
.sns_option_box .option_btn:hover{
    background: #f1f1f1;
}
.sns_option_box .option_btn .icon_btn_img{
    float: left;
    width: 16px;
    display: block;
    margin: 4px 6px 0 0;
}
.sns_option_box .option_btn .share_img_icon{width: 18px;margin-top:1px;}
.sns_option_box .option_btn .option_name{
    float: left;
    font-size: 14px;
    line-height: 21px;
}
.sns_option_box{position: relative;}
.sns_option_box .option_btn .share_icon{width: 150px;height:176px;display: none;background:url("/Public/web/images/design/share.png") left  no-repeat;background-size: 100% 100%;position: absolute;top: 28px;right:-36px;z-index: 50;}
.sns_option_box .option_btn .share_icon .copy_link{padding-top:22px;padding-bottom:5px;cursor: pointer;}
.sns_option_box .option_btn .share_icon .copy_link,.share_icon .wx_icon{text-align: left;margin:0 auto;width: 90px;}
.sns_option_box .option_btn .share_icon .copy_link img,.share_icon .wx_icon img{width: 18px;}
.sns_option_box .option_btn .share_icon .copy_link span,.share_icon .wx_icon span{font-size: 12px;color:#666;padding:0;}
.sns_option_box .option_btn .share_icon .wx_img{width:150px;text-align: center;}
.sns_option_box .option_btn .share_icon .wx_img img{width:63%;padding-top:5px; display: inline-table; float: none;}
#share_url{width:1px;height:1px;border:none;}

/*第三方插件样式改写*/
.tooltip-inner{
    background-color: #ff8b3d;
    padding-top: 6px;
    line-height: 22px;
    text-align: left;
}

.tooltip.top .tooltip-arrow{
    border-top-color: #ff8b3d;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #ff8b3d;
}
.tooltip.left .tooltip-arrow{
    border-left-color: #ff8b3d;
}
.tooltip.right .tooltip-arrow{
    border-right-color: #ff8b3d;
}