<div class="wrap acf-settings-wrap">
<h1></h1>
<style>
@font-face{font-family:OPPOSans2;font-weight:400;src:url(https://dsfs.oppo.com/oppo/shop-pc-v2/main/fonts/OPPOSans-Regular.39ccf2a.ttf) format("truetype")}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(https://dsfs.oppo.com/oppo/shop-pc-v2/main/fonts/OPPOSans-Medium.621326d.ttf) format("truetype")}
.acf-settings-wrap{font-family:OPPOSans2,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}

/*panel head style*/
.acf-settings-wrap .wave-box{position:relative;background:#5856e9;height:100px;margin-top:15px;margin-bottom:10px;}
.acf-settings-wrap .wave-box svg{position:absolute;bottom:0px;fill:#4c4acf;width:100%;height:100px;}
.acf-settings-wrap .wave-box svg path{}
.acf-settings-wrap .wave-box .szdbt{color:#fff;position:absolute;bottom:20px;width:96%;left:2%;right:2%;}
.acf-settings-wrap .wave-box .szdbt a{color:#fff;text-decoration:none;}
.acf-settings-wrap .wave-box .szdbt b{font-size:24px;}
.acf-settings-wrap .wave-box .szdbt small{font-size:12px;margin-left:20px;margin-right:20px;}

/*panel core style*/
#poststuff{}
#poststuff .acf-postbox{}
#poststuff .acf-postbox .postbox-header{}
#poststuff .acf-postbox .postbox-header h2.ui-sortable-handle{padding:20px;font-size:16px;}
#poststuff .acf-postbox .acf-fields{}
#poststuff .acf-postbox .acf-fields .acf-tab-wrap{}
#poststuff .acf-postbox .acf-fields .acf-tab-wrap ul.acf-tab-group{}
#poststuff .acf-postbox .acf-fields .acf-tab-wrap ul.acf-tab-group li{}
#poststuff .acf-postbox .acf-fields .acf-tab-wrap ul.acf-tab-group li a{padding:18px 20px;color:#444;font-size:14px;}
#poststuff .acf-postbox .acf-fields .acf-tab-wrap ul.acf-tab-group li.active a{color:#5856e9;}
#poststuff .acf-postbox .acf-fields .acf-field{padding:25px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-label{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-label label{font-size:15px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-label p.description{font-size:12px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection{display:flex;border:1px solid #d3cdcd;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection ul.select2-selection__rendered{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection ul.select2-selection__rendered li.select2-selection__choice{padding:3px 8px;background:#5856e9;color:#fff;border:none;border-radius:4px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove{color:#fff;margin-right:5px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove:hover{background:#fff;color:#000;border-radius:3px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection ul.select2-selection__rendered li.select2-selection__choice .acf-selection{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection span.select2-selection__rendered{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .select2-selection span.select2-selection__rendered .acf-selection{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input textarea{border:1px solid #d3cdcd;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-input-wrap input{border:1px solid #d3cdcd;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false .acf-switch{background:#a4a4a4;border:none;border-radius:15px;width:90px;display:flex;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false .acf-switch.-on{background:#5856e9;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false .acf-switch .acf-switch-on{color:#fff;padding:4px 0px 4px 10px;width:50%;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false .acf-switch .acf-switch-off{color:#fff;padding:4px 10px 4px 0px;width:50%;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-true-false .acf-switch .acf-switch-slider{background:#ffffff;border:none;border-radius:15px;margin:2px;}
.select2-dropdown .select2-results__option{padding:10px;}
.select2-container--default .select2-results>.select2-results__options{max-height:228px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#5856e9;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-button-group{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-button-group label{border:1px solid #4c4ace;background:#fff;border-radius:0px;color:#4c4ace;padding:5px 15px;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-button-group label input{}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-button-group label.selected{background:#4c4ace;color:#fff;}
#poststuff .acf-postbox .acf-fields .acf-field .acf-input .acf-button-group label.selected input{}
#poststuff #post-body.columns-2 #side-sortables .inside #major-publishing-actions{background:#fff;border:none;padding:20px;}
#poststuff #post-body.columns-2 #side-sortables .inside #publishing-action{position:relative;width:100%;}
#poststuff #post-body.columns-2 #side-sortables .inside #publishing-action span{position:absolute;right:5px;top:5px;}
#poststuff #post-body.columns-2 #side-sortables .inside #publishing-action input{background:#5856e9;display:block;width:100%;padding:4px 0px;}
</style>
	<div class="wave-box">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 40"  preserveAspectRatio="none">
          <path d="">
            <animate
              attributeName="d"
              begin="0s"
              dur="5s"
              repeatCount="indefinite"
              values="
              M0,0 C200,7.11236625e-15 200,40 400,40 C600,40 800,0 1000,0 L1000,50 L0,50 L0,0 Z;
              M0,40 C200,40 400,0 600,0 C800,0 800,40 1000,40 L1000,50 L0,50 L0,40 Z;
              M0,30 C200,30 200,0 400,0 C600,0 800,40 1000,40 L1000,50 L0,50 L0,30 Z;
              M0,0 C200,7.11236625e-15 200,40 400,40 C600,40 800,0 1000,0 L1000,50 L0,50 L0,0 Z;"></animate>
          </path>
        </svg>
		<div class="szdbt"><b>主题选项</b><small>主题版本 v1.0</small><a style="margin-right:20px;" href="https://icons.getbootstrap.com/#icon-font" target="_blank">图标使用?</a> 主题官网 <a href="https://www.nextok.com/" target="_blank">www.nextok.com</a></div>
	</div>

	<form id="post" method="post" name="post">

		<?php

		// render post data
		acf_form_data(
			array(
				'screen'  => 'options',
				'post_id' => $post_id,
			)
		);

		wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false );
		wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false );

		?>

		<div id="poststuff" class="poststuff">

			<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">

				<div id="postbox-container-1" class="postbox-container">

					<?php do_meta_boxes( 'acf_options_page', 'side', null ); ?>

				</div>

				<div id="postbox-container-2" class="postbox-container">

					<?php do_meta_boxes( 'acf_options_page', 'normal', null ); ?>

				</div>

			</div>

			<br class="clear">

		</div>

	</form>

</div>
