@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Bold';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HarmonyOS_Sans_SC_Light';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Regular';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Medium';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch} /*上下拉动滚动条时卡顿、慢*/
body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
i{ font-style: normal;}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root) {overflow: hidden;}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
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 {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
table, th, td
{
    border: 1px solid #dcdcdc;
}
td,th{padding:0}
img{max-width:100%;border:0;vertical-align:middle;}
a,button,input,select,textarea{outline:0}

/* 美化 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-shadow: rgba(0,0,0,.15) 0 0 1px;}
a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent;}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  
  -webkit-text-size-adjust: 100%; /*旋转屏幕时，字体大小调整的问题*/

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
ul,li{ list-style: none;}

/*间距*/
.mt1 { margin-top:1rem; }
.mt2 { margin-top:2rem; }
.mt3 { margin-top:3rem; }
.mt4 { margin-top:4rem; }
.mt5 { margin-top:5rem; }
.mt6 { margin-top:6rem; }
.mt7 { margin-top:7rem; }
.mt8 { margin-top:8rem; }
.mt10 { margin-top:10rem; }
.mt16 { margin-top:16rem; }

.mb1 { margin-bottom:1rem; }
.mb2 { margin-bottom:2rem; }
.mb3 { margin-bottom:3rem; }

.pad{padding-left: 4%;padding-right: 4%;}

.pt1 { padding-top:1rem; }
.pt2 { padding-top:2rem; }
.pt3 { padding-top:4rem; }
.pt4 { padding-top:4rem; }
.pt5 { padding-top:5rem; }
.pt6 { padding-top:6rem; }
.pt7 { padding-top:7rem; }

.pb1 { padding-bottom:1rem; }
.pb2 { padding-bottom:2rem; }
.pb3 { padding-bottom:3rem; }

/*对齐样式*/
.dcenter { margin:0 auto;}
.tl{ text-align:left!important;}
.tr{ text-align:right!important;}
.tc{text-align:center!important;}
.in{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.pos{ position: relative;}

/*垂直居中1*/
.jcent{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
/*垂直居中2*/
.ghost-center{height: 100%}
.ghost-center:before{content: " ";display: inline-block;height: 100%;width: 1%;vertical-align: middle;}
.ghost-center p,.ghost-center a{display: inline-block;vertical-align: middle;}

/*文字缩略*/
.txtW {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.txtH {
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}


/* widgets 组件
----------------------------------------------------*/
.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle}
.widget-respimg img{max-height:100%;max-width:100%}

/*scroll
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {border-radius:0;background-color: #eee;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #eee;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #eee;}
*/
/* 表单 */
.m-form {}
.m-form legend{font-size: 1.6rem;color: #fff;padding-bottom: 8px;}
.m-form .btn{max-width: 244px; width: 100%; height: 58px; line-height: 58px; border-radius: 0;  margin:5rem 0; background: #0F0F0F;color: #fff; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; font-size: 14px;}
.m-form .btn:hover{ background: #E8B867; color: #ffffff; border:none;}

.m-form .form-control{ color: #0F0F0F; margin-bottom: 1rem; font-size: 16px; border-bottom: 1px solid #999999; border-left: none; border-right:none; border-top: none;}
.m-form textarea.form-control{    height: 60px;}

input::-ms-input-placeholder{ color: #0F0F0F;}
input::-webkit-input-placeholder{ color: #0F0F0F;}
textarea{ background: none; border: none; border-bottom: 1px solid #5c81fa; line-height: 3.2rem; height: 10rem; width: 100%; color: #fff;font-size: 14px;}
textarea::-ms-input-placeholder{ color: #0F0F0F;}
textarea::-webkit-input-placeholder{ color: #0F0F0F;}
/*表单*/
.form-label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: normal;font-size: 14px} /*input label：<label class="control-label" for="name">Input with success</label>*/
.form-control { margin: 1rem 0;  box-sizing:border-box; display: block; width: 100%; height:45px; font-size: 2rem; line-height: 45px; color: #9f9f9f; background: #ffffff; border: 1px solid #010101;
 -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
 
.form-control:focus{border-color: #E8B867; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(232,184,103,.075), 0 0 8px rgba(232,184,103,.075); box-shadow: inset 0 1px 1px rgba(232,184,103,.075), 0 0 8px rgba(232,184,103,.075);}
.form-control::-moz-placeholder{color: #0F0F0F; opacity: 1;}
.form-control:-ms-input-placeholder{color: #0F0F0F;}
.form-control::-webkit-input-placeholder{color: #0F0F0F;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{background-color: #eee; opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control{cursor: not-allowed;}
textarea.form-control{height: 145px;}
input[type="search"]{-webkit-appearance: none;}
/*表单样式2*/