/* Options Framework Admin Styles */
html {font-family:"Microsoft Yahei","Open Sans", sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {margin:0;}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
a {background:transparent;}
a:active,a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
small {font-size:80%;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre {overflow:auto;}
code,kbd,pre,samp {font-size:1em;font-family:Microsoft JHenghei,Microsoft YaHei,Consolas,monospace,serif;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
optgroup {font-weight:bold;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button:disabled,html input:disabled {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type="checkbox"],input[type="radio"] {padding:0;cursor:pointer;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:none;margin:0;padding:0;}
legend {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
::-moz-placeholder {opacity:1;}
table {border-collapse:collapse;border-spacing:0;}
html {font-size:14px;}
body {font-weight:normal;line-height:20px;color:#444444;}
input[type=radio]:checked::before {content:none;border-radius:50%;width:.5rem;height:.5rem;margin:.1875rem;line-height:1.14285714;}
input[type=checkbox]:checked::before {content:none;margin:-.1875rem 0 0 -.25rem;height:1.3125rem;width:1.3125rem;}
@supports (-webkit-appearance:none) or (-moz-appearance:none) {input[type='checkbox'],input[type='radio'] {--active:#5628EE;--active-inner:#fff;--input-border:#CDD9ED;--input-border-hover:#23C4F8;--background:#fff;--disabled:#F5F9FF;--disabled-inner:#E4ECFA;--shadow-inner:rgba(18,22,33,.1);height:21px;outline:none;position:relative;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;box-shadow:none;cursor:pointer;height:21px;border:1px solid var(--input-border);background:var(--background);transition:background .3s ease,border-color .3s ease;}
input[type='checkbox']:after,input[type='radio']:after {content:'';display:block;left:0;top:0;position:absolute;transition:opacity .2s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,opacity .2s ease,filter .3s ease;transition:transform .3s ease,opacity .2s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;}
input[type='checkbox']:checked,input[type='radio']:checked {background:var(--active);border-color:var(--active);}
input[type='checkbox']:checked:after,input[type='radio']:checked:after {-webkit-filter:drop-shadow(0 1px 2px var(--shadow-inner));filter:drop-shadow(0 1px 2px var(--shadow-inner));transition:opacity 0.3s ease,-webkit-filter 0.3s ease,-webkit-transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);transition:opacity 0.3s ease,filter 0.3s ease,transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);transition:opacity 0.3s ease,filter 0.3s ease,transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2),-webkit-filter 0.3s ease,-webkit-transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);}
input[type='checkbox']:disabled,input[type='radio']:disabled {cursor:not-allowed;opacity:.9;background:var(--disabled);}
input[type='checkbox']:disabled:checked,input[type='radio']:disabled:checked {background:var(--disabled-inner);border-color:var(--input-border);}
input[type='checkbox']:hover:not(:checked):not(:disabled),input[type='radio']:hover:not(:checked):not(:disabled) {border-color:var(--input-border-hover);}
input[type='checkbox']:not(.switch),input[type='radio']:not(.switch) {width:21px;}
input[type='checkbox']:not(.switch):after,input[type='radio']:not(.switch):after {opacity:0;}
input[type='checkbox']:not(.switch):checked:after,input[type='radio']:not(.switch):checked:after {opacity:1;}
input[type='checkbox']:not(.switch) {border-radius:6px;}
input[type='checkbox']:not(.switch):after {width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:6px;top:2.5px;-webkit-transform:rotate(20deg);transform:rotate(20deg);}
input[type='checkbox']:not(.switch):checked:after {-webkit-transform:rotate(43deg);transform:rotate(43deg);}
input[type='checkbox'].switch {width:38px;border-radius:11px;}
input[type='checkbox'].switch:after {left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--input-border);}
input[type='checkbox'].switch:checked:after {background:var(--active-inner);-webkit-transform:translateX(17px);transform:translateX(17px);}
input[type='checkbox'].switch:disabled:not(:checked):after {opacity:.6;}
input[type='radio'] {border-radius:50%;}
input[type='radio']:after {width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
input[type='radio']:checked:after {background:var(--active-inner);-webkit-transform:scale(0.5);transform:scale(0.5);}
}
.boxmoe-opt-header {background:url(../images/page_bg.jpg) no-repeat 0 -300px;padding:40px 30px;background-size:cover;border-radius:6px;}
@media (max-width:767px) {.boxmoe-opt-header {padding:10px 30px;background-size:auto;}
}
.boxmoe-opt-header h2 {font-size:25px;line-height:30px;color:#fff;}
.boxmoe-opt-header h2 .cx-boxmoe {color:#efc5c5;font-size:28px;vertical-align:middle;margin:0 5px 0 0;}
.boxmoe-opt-header h2 .compile {font-size:16px!important;}
.boxmoe-opt-header h2 .compile a {color:#ff0000;}
.boxmoe-opt-header h2 .compile a:hover {color:#c50ac8;}
.boxmoe-opt-main {background:#fff;border-color:#80bdff;}
.boxmoe-button {padding: 5px 10px;color:white;border-radius:3px;border-width:0;margin:0;outline:none;font-size:14px;text-align:center;cursor:pointer;background: -webkit-gradient(linear,left top,right top,from(#9c51ff),to(#816bff));background: -webkit-linear-gradient(90deg,#9c51ff,#816bff);background: linear-gradient(90deg,#9c51ff,#816bff);}
.boxmoe-button:hover{box-shadow: 1px 1px 5px #a5a6e6;}
@media (max-width:767px) {body {word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
}
a,.uk-link {color:#3690cf;text-decoration:none;cursor:pointer;}
.nav-tab-wrapper a:hover,.uk-link:hover {color:#fff!important;background:#3690cf!important;text-decoration:underline;}
em {color:#dd0055;}
ins {background:#ffffaa;color:#444444;text-decoration:none;}
mark {background:#ffffaa;color:#444444;}
abbr[title],dfn[title] {cursor:help;}
dfn[title] {border-bottom:1px dotted;font-style:normal;}
img {-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;}
#optionsframework-wrap {padding-bottom:30px;border-radius:6px;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);}
#optionsframework .section .heading {padding:4px;font-weight:600;color:#455E8C;border-left:10px solid #7487ab;margin:15px 0;font-size:16px}
#optionsframework {background:#fff;border:0;border-left:1px solid #e5e5e5;margin-bottom:0;}
#optionsframework h3 {cursor:default;background-color:#f1f1f1;font-size:14px;line-height:1.4;color:#555;margin:0;padding:8px 12px;border-bottom:1px solid #ddd;}
#optionsframework p {margin-bottom:0;padding-bottom:10px;}
#optionsframework .section {padding:0 25px;}
#optionsframework .group {padding-bottom:40px;}
#optionsframework .section-checkbox .controls {width:98%;}
#optionsframework .section .controls {width:98%;padding-right:2%;display:inline-table;}
#optionsframework .section .explain {width:100%;font-size:14px;line-height:16px;color:#a82828;}
#optionsframework .section-checkbox .controls {width:98%;}
#optionsframework .section-checkbox .explain {max-width:94%;padding-left:10px;}
input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {padding:8px 16px;line-height:25px;font-size:14px;font-weight:500;font-family:inherit;border-radius:6px;-webkit-appearance:none;transition:border .3s ease;}
.wp-core-ui .button,.wp-core-ui .button-secondary {color:#fff;border-color:#ff000c;background:#ff000c;box-shadow:0 1px 0 #ff000c;vertical-align:top;}
.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary {display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:40px;margin:0 5px;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:6px;white-space:nowrap;box-sizing:border-box;}
.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover {background:#d04249;border-color:#d04249;color:#fff;}
a#options-group-1-tab:before {font-family:"dashicons";content:"\f111";float:left;padding-right:5px;}
a#options-group-2-tab:before {font-family:"dashicons";content:"\f102";float:left;padding-right:5px;}
a#options-group-3-tab:before {font-family:"dashicons";content:"\f123";float:left;padding-right:5px;}
a#options-group-4-tab:before {font-family:"dashicons";content:"\f487";float:left;padding-right:5px;}
a#options-group-5-tab:before {font-family:"dashicons";content:"\f125";float:left;padding-right:5px;}
a#options-group-6-tab:before {font-family:"dashicons";content:"\f110";float:left;padding-right:5px;}
a#options-group-7-tab:before {font-family:"dashicons";content:"\f237";float:left;padding-right:5px;}
a#options-group-8-tab:before {font-family:"dashicons";content:"\f109";float:left;padding-right:5px;}
a#options-group-9-tab:before {font-family:"dashicons";content:"\f466";float:left;padding-right:5px;}
a#options-group-10-tab:before {font-family:"dashicons";content:"\f226";float:left;padding-right:5px;}
.sxexplain-checkbox {margin-top:10px;color:#777;}
/* checkbox */.checkbox-wrapper {width:58px;height:22px;position:relative;display:inline-block;background:#ffffff;border-radius:16px;transition:all .3s ease-out;box-shadow:0 0 0 2px #ddd;}
.sxoptions-checkbox {display:none!important;}
.sxexplain {display:block;position:absolute;left:0px;top:0px;width:22px;height:22px;cursor:pointer;background:#ffffff;border-radius:16px;box-shadow:0px 2px 3px rgba(0,0,0,0.2);transition:all .3s ease-out;}
.sxoptions-checkbox:checked + .checkbox-wrapper {background:#0bd318;box-shadow:0px 0px 0px 2px #0bd318;}
.sxoptions-checkbox:checked + .checkbox-wrapper .sxexplain {left:35px;}
#optionsframework .controls input[type=text] {width:80%;}
#optionsframework .controls input[type=text].wp-color-picker {width:65px;}
#optionsframework .controls select,#optionsframework .controls textarea {margin-bottom:10px;width:80%;}
#optionsframework .section-radio label,#optionsframework .section-multicheck label {float:left;max-width:90%;line-height:16px;margin-bottom:5px;}
#optionsframework input.checkbox,#optionsframework input.of-radio {margin:0 10px 5px 0;float:left;clear:both;}
#optionsframework .section-typography .controls {float:none;width:auto;}
#optionsframework .section-typography .explain {float:none;width:auto;}
#optionsframework .controls .of-typography-size {width:80px;float:left}
#optionsframework .controls .of-typography-unit {width:50px;margin-left:5px;float:left}
#optionsframework .controls .of-typography-face {width:100px;margin-left:5px;float:left}
#optionsframework .controls .of-typography-style {width:80px;margin-left:5px;margin-right:5px;float:left}
#optionsframework .section-typography .wp-picker-container {margin-top:2px;}
#optionsframework .of-background-properties {clear:both;margin-top:18px;}
#optionsframework .controls .of-background-repeat {width:125px;margin-right:5px;float:left}
#optionsframework .controls .of-background-position {width:125px;margin-right:5px;float:left}
#optionsframework .controls .of-background-attachment {width:125px;margin-right:5px;float:left}
#optionsframework .section-background .wp-picker-container {margin-bottom:10px;}
#optionsframework .controls .of-radio-img-img {border:3px solid #f9f9f9;margin:0 5px 10px 0;display:none;cursor:pointer;float:left;}
#optionsframework .controls .of-radio-img-selected {border:3px solid #5328ffb5}
#optionsframework .controls .of-radio-img-img:hover {opacity:.8;}
#optionsframework .controls .of-border-width {width:80px;float:left}
#optionsframework .controls .of-border-style {width:120px;float:left}
#optionsframework .hide {display:none;}
#optionsframework .of-option-image {max-width:340px;margin:3px 0 18px 0;}
#optionsframework .mini .controls select,#optionsframework .section .mini .controls {width:140px;min-width:140px;}
#optionsframework .mini .controls input {min-width:200px;width:50px;}
#optionsframework .mini .explain {max-width:74%;color:#a82828;}
#optionsframework .option {padding:10px 0;}
/* Editor */#optionsframework .section-editor .explain {max-width:98%;float:none;margin-bottom:5px;}
/* Image Uploader */#optionsframework .controls input.upload {width:80%;}
#optionsframework .screenshot {float:left;margin-left:1px;position:relative;width:344px;margin-top:3px;}
#optionsframework .screenshot img {background:#fafafa;border-color:#ccc #eee #eee #ccc;border-style:solid;border-width:1px;float:left;max-width:334px;padding:4px;margin-bottom:10px;}
#optionsframework .screenshot .remove-image {background:url("../images/ico-delete.png") no-repeat;border:medium none;bottom:4px;display:block;float:left;height:20px;padding:0;position:absolute;left:-4px;text-indent:-9999px;width:20px;}
#optionsframework .screenshot .no_image .file_link {margin-left:20px;}
#optionsframework .screenshot .no_image .remove-button {bottom:0px;}
#optionsframework .reset-button {float:left;cursor:pointer;}
/* Bottom Section */#optionsframework-submit {padding:15px 10px 15px 10px;background:#6c656e;text-align:end;}
#setting-error-save_options {padding:10px 35px 10px 15px;color:#ffffff;border-left:0!important;background-color:#1ca995;box-shadow:0 0 0 0;display:inline-block;position:absolute;right:50px;top:50px;}
#setting-error-restore_defaults {color:#ffffff;border-left:0!important;background-color:#1ca995;box-shadow:0 0 0 0;display:inline-block;position:absolute;right:50px;top:50px;}
#setting-error-save_options p {margin:0;padding:0;}
#setting-error-save_options button:before,#setting-error-restore_defaults button:before {color:#FFF;}
#setting-error-save_options p strong {font-size:12px;font-weight:normal;text-transform:none;color:#FFF;}
.nav-tab {text-decoration:none!important;}
.optionsframework-radio-color {display:inline-block;width:20px;height:20px;margin:0 5px 0 0;}
#optionsframework .controls .optionsframework-radio-img-img {border:3px solid #f9f9f9;margin:0 5px 10px 0;/*display:none;*/  cursor:pointer;float:left;}
#optionsframework .controls .optionsframework-radio-img-selected {border:3px solid #ccc}
#optionsframework .controls .optionsframework-radio-img-img:hover {opacity:.8;}
#optionsframework .section:after {content:"";display:table;}
.wp-picker-container .iris-picker {position:relative;left:0;}
.begin-opt-header {background:url(../images/page_bg.jpg) no-repeat;padding:10px 30px;}
.begin-opt-header h2 {font-size:18px;line-height:30px;color:#FFF;}
.begin-opt-header h2 .cx-begin {color:#3690cf;font-size:28px;vertical-align:middle;margin:0 5px 0 0;}
.begin-opt-header h2 .compile {font-size:14px!important;}
.begin-opt-main {background:#f5f5f5;border:1px solid #dedede;}
.opt-tab {width:200px;float:left;position:relative;min-height:300px;padding-top:0;border-bottom:0;}
.opt-tab .nav-tab-wrapper {padding-top:0;border-bottom:0;}
.begin-opt-main .clearfix:before,.begin-opt-main .clearfix:after {content:" ";display:table;}
.opt-tab a {display:block;padding:10px 4px 10px 20px;background:#e0e0e0;background:transparent;border:0;border-bottom:1px solid #E7E7E7;text-decoration:none;-webkit-transition:none;transition:none;float:none;margin-left:0;font-size:14px;}
.opt-tab a.nav-tab-active {background-color:#3690cf;color:white;}
.opt-content {position:relative;padding-top:0 !important;margin-left:201px;}
.opt-content .tm-article-subtitle {position:relative;padding-left:15px;}
.opt-content .tm-article-subtitle:before {content:'';position:absolute;width:4px;height:11px;background:#000;top:5px;left:0}
.section-text .explain,.section-select .explain {line-height:27px !important;}
.section-textarea .controls {width:100% !important;}
.section-upload .explain {float:left;}
@media screen and (max-width:782px) {.opt-tab {width:100px;}
.opt-content {margin-left:99px;}
#optionsframework .controls select,#optionsframework .controls textarea,#optionsframework .controls input[type=text] {width:auto;}
#optionsframework .screenshot img {max-width:200px;}
#section-img_w,#section-img_h,#section-img_k_w,#section-img_k_h,#section-img_i_w,#section-img_i_h,#section-img_v_w,#section-img_v_h,#section-grid_w,#section-grid_h,#section-img_s_w,#section-img_s_h,#section-img_t_w,#section-img_t_h,#optionsframework .screenshot {width:100%}
}
@media screen and (max-width:550px) {.section-text .explain {float:left;}
}
/* my */.file_link a {text-decoration:none;}
#catids li,#catid li {float:left;color:#999;padding:2px 5px;}
.themes-inf {text-decoration:none;}
#optionsframework-submit .button-primary {margin-left:20px;}
#footer-upgrade {display:none;}
#facility-submit .button-primary {position:fixed;right:20px;bottom:80px;width:50px;color:white;height:50px;background:#3690cf;border-radius:20%;border-color:rgba(0,0,0,0.00);box-shadow:0 0 0 #3690cf;text-shadow:0 0 0 #3690cf;z-index:9999;}
#section-clear {margin-top:17px;}
#news_n,#picture_n,#post_img_n,#video_n,#cat_small_n,#tab_a,#tab_b,#tab_c,#tabt_n,#flexisel_n,#cat_big_n,#tao_h_n,#cat_big_not_n {min-width:140px !important;width:140px !important;}
#tabt_id,#tabz_n {min-width:140px !important;width:140px !important;}
#section-img_c .explain {float:left;margin:10px 0;}
#section-img_w,#section-img_h,#section-img_k_w,#section-img_k_h,#section-img_i_w,#section-img_i_h,#section-img_v_w,#section-img_v_h,#section-grid_w,#section-grid_h,#section-img_s_w,#section-img_s_h,#section-img_t_w,#section-img_t_h {float:left;width:30%;margin:0 0 10px 0;}
#section-img_w .controls,#section-img_h .controls,#section-img_k_w .controls,#section-img_k_h .controls,#section-img_i_w .controls,#section-img_i_h .controls,#section-img_v_w .controls,#section-img_v_h .controls,#section-grid_w .controls,#section-grid_h .controls,#section-img_s_w .controls,#section-img_s_h .controls,#section-img_t_w .controls,#section-img_t_h .controls {width:60%;margin:0 10px 0 0;}
#section-word_q .controls,#section-pass_h .controls,#section-year_n .controls,#section-mon_n .controls,#section-cat_up_n .controls {width:80px;margin:0 10px 0 0;}
#section-word_q,#section-pass_h,#section-year_n,#section-mon_n,#section-cat_up_n {float:left;width:140px;margin:0 0 10px 0;}
#section-login_s .explain,#section-up_t .explain {float:left;}
@media screen and (max-width:782px) {#section-img_w,#section-img_h,#section-img_k_w,#section-img_k_h,#section-img_i_w,#section-img_i_h,#section-img_v_w,#section-img_v_h,#section-grid_w,#section-grid_h,#section-img_s_w,#section-img_s_h,#section-img_t_w,#section-img_t_h {width:50%}
}
/* meta boxes */#seo-excerpt {width:95%;}
#home_title,#home_info,#dow_tab_a_s,#dow_tab_b_s,#dow_tab_c_s,#not_front_cat,#not_cat_n,#not_news_n,#not_group_new,#exclu_js,#iconfont_url,#l_phone {height:35px;line-height:30px;}
#optionsframework #section-crop_top label,#optionsframework #section-async_defer label {float:none;margin:0 10px 0 0;}
#optionsframework #section-crop_top input.of-radio,#optionsframework #section-async_defer input.of-radio {float:none;margin:0 1px 0 0;}
#section-img_crop .explain {float:left;margin:0;}
#section-footer_inf_t #sc_select,#section-footer_inf_t #mceu_13,#section-footer_inf_t #mceu_14,#section-footer_inf_t #mceu_15,#section-footer_inf_t #mceu_16,#section-footer_inf_t #mceu_17,#section-footer_inf_t #mceu_18,#section-footer_inf_t #mceu_19,#section-footer_inf_t #mceu_20,#section-footer_inf_t #mceu_21,#section-footer_inf_t #mceu_22,#section-footer_inf_t #mceu_23,#section-footer_inf_t #mceu_24,#section-footer_inf_t #mceu_25,#section-footer_inf_t #mceu_26,#section-footer_inf_t #mceu_39,#section-footer_inf_b #sc_select,#section-footer_inf_b #mceu_91,#section-footer_inf_b #mceu_92,#section-footer_inf_b #mceu_93,#section-footer_inf_b #mceu_94,#section-footer_inf_b #mceu_95,#section-footer_inf_b #mceu_96,#section-footer_inf_b #mceu_97,#section-footer_inf_b #mceu_98,#section-footer_inf_b #mceu_99,#section-footer_inf_b #mceu_100,#section-footer_inf_b #mceu_101,#section-footer_inf_b #mceu_102,#section-footer_inf_b #mceu_103,#section-footer_inf_b #mceu_104,#section-footer_inf_b #mceu_105,#section-footer_inf_b #mceu_116,#section-footer_inf_b #mceu_10-button,#section-footer_inf_b #mceu_87-button,#section-footer_inf_b #mceu_106 {display:none;}
.section-color {float:left;width:40%;}
.section-color .explain {padding:3px;}
#section-filters_a,#section-filters_b,#section-filters_c,#section-filters_d,#section-filters_e {float:left;width:10px;margin:5px 0 0 0;}
#section-setup_tougao a {color:#555;margin-left:-15px;padding:5px;text-decoration:none;border:1px solid #ddd;}
#section-search_the h4 {font-weight:normal;}
.be_ico h4 {font-size:15px;margin-left:-24px;padding-left:22px;border-left:4px solid #3690cf;}
.box {position:fixed;right:20px;bottom:20px;height:30px;width:50px;text-align:center;padding-top:20px;background-color:#fa0d01;border-radius:20%;overflow:hidden;z-index:9999;}
.box:hover:before {top:50%}
.box:hover .box-in {visibility:hidden;}
.box:before {position:absolute;top:-50%;left:50%;transform:translate(-50%,-50%);content:'回到顶部';width:30px;line-height:18px;color:white;font-weight:bold;}
.box-in {visibility:visible;display:inline-block;height:20px;width:20px;border:3px solid black;border-color:white transparent transparent white;transform:rotate(45deg);}
