/*閲嶈*/
/* 5173-CSS for PC by zyp */
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;list-style: none;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
body{font-size:12px;color:#333;background:#fff;}
img{border:0;vertical-align:bottom}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,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; text-decoration:none;}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
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}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:"寰蒋闆呴粦";}
button,input,optgroup,select,textarea{margin:0;font: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"]{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 #c0c0c0}
legend{padding:0;border:0}
optgroup{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.fl { float: left}
.fr { float: right}
.hide {display: none;}
.pa {position: absolute}
.pr {position: relative}
.d-block{display: block ;}
.d-inline-block{display: inline-block ;}
.d-inline{display: inline ;}
.text-left{text-align: left ;}
.text-right{text-align: right ;}
.text-center{text-align: center ;}
.text-mid{vertical-align: middle ;}
.text-justify{text-align: justify ;}
.text-nowrap{white-space: nowrap ;}
.text-jd{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pos-f-t{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.fw{float:left; width:100%; clear:both;}
.w-100{width: 100% ;}
.h-100{height: 100% ;}
.mx-auto{margin-right: auto ; margin-left: auto ;}
.m-0{margin: 0 0 ;}
.mt-0{margin-top: 0 ;}
.mr-0{margin-right: 0 ;}
.mb-0{margin-bottom: 0 ;}
.ml-0{margin-left: 0 ;}
.mx-0{margin-right: 0 ; margin-left: 0 ;}
.my-0{margin-top: 0 ; margin-bottom: 0 ;}
.m-10{margin: 10px 10px ;}
.mt-05{margin-top: 5px;}
.mt-10{margin-top: 10px ;}
.mr-10{margin-right: 10px ;}
.mb-10{margin-bottom: 10px ;}
.ml-10{margin-left: 10px ;}
.mx-10{margin-right: 10px ; margin-left: 10px ;}
.my-10{margin-top: 10px ; margin-bottom: 10px ;}
.m-15{margin: 15px 15px ;}
.mt-15{margin-top: 15px ;}
.mr-15{margin-right: 15px ;}
.mb-15{margin-bottom: 15px ;}
.ml-15{margin-left: 15px ;}
.mx-15{margin-right: 15px ; margin-left: 15px ;}
.my-15{margin-top: 15px; margin-bottom: 15px ;}
.m-20{margin: 20px 20px ;}
.mt-20{margin-top: 20px ;}
.mr-20{margin-right: 20px ;}
.mb-20{margin-bottom: 20px ;}
.ml-20{margin-left: 20px ;}
.mx-20{margin-right: 20px ; margin-left: 20px ;}
.my-20{margin-top: 20px ; margin-bottom: 20px ;}
.m-30{margin: 30px 30px ;}
.mt-30{margin-top: 30px ;}
.mr-30{margin-right: 30px ;}
.mb-30{margin-bottom: 30px ;}
.ml-30{margin-left: 30px ;}
.ml-70{margin-left: 70px ;}
.ml-150{margin-left: 150px;}
.ml-170{margin-left: 170px ;}
.mx-30{margin-right: 30px ; margin-left: 30px ;}
.my-30{margin-top: 30px ; margin-bottom: 30px ;}
.p-0{padding: 0 0 ;}
.pt-0{padding-top: 0 ;}
.pr-0{padding-right: 0 ;}
.pb-0{padding-bottom: 0 ;}
.pl-0{padding-left: 0 ;}
.px-0{padding-right: 0 ; padding-left: 0 ;}
.py-0{padding-top: 0 ; padding-bottom: 0 ;}
.p-10{padding: 10px 10px ;}
.pt-10{padding-top: 10px ;}
.pr-10{padding-right: 10px ;}
.pb-10{padding-bottom: 10px ;}
.pl-10{padding-left: 10px ;}
.px-10{padding-right: 10px ; padding-left: 10px ;}
.py-10{padding-top: 10px ; padding-bottom: 10px ;}
.p-15{padding: 15px 15px ;}
.pt-15{padding-top: 15px ;}
.pr-15{padding-right: 15px ;}
.pb-15{padding-bottom: 15px ;}
.pl-15{padding-left: 15px ;}
.px-15{padding-right: 15px ; padding-left: 15px ;}
.py-15{padding-top: 15px ; padding-bottom: 15px ;}
.p-20{padding: 20px 20px ;}
.pt-20{padding-top: 20px ;}
.pr-20{padding-right: 20px ;}
.pb-20{padding-bottom: 20px ;}
.pl-20{padding-left: 20px ;}
.px-20{padding-right: 20px ; padding-left: 20px ;}
.py-20{padding-top: 20px ; padding-bottom: 20px ;}
.p-30{padding: 30px 30px ;}
.pt-30{padding-top: 30px ;}
.pr-30{padding-right: 30px ;}
.pb-30{padding-bottom: 30px ;}
.pl-30{padding-left: 30px ;}
.px-30{padding-right: 30px ; padding-left: 30px ;}
.py-30{padding-top: 30px ; padding-bottom: 30px ;}

.border{ border:1px solid #e8e8e8;}
.border-top{ border-top:1px solid #e8e8e8;}
.border-bottom{ border-bottom:1px solid #e8e8e8;}
.border-right{ border-right:1px solid #e8e8e8;}
.border-left{ border-left:1px solid #e8e8e8;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}

.color-fff{color:#fff; }
.color-000{color:#000; }
.color-333{color:#333; }
.color-666{color:#666; }
.color-888{color:#888; }
.color-999{color:#999; }
.color-4d{color:#4d4d4d; }
.color-m1{color:#29166f;}
.color-m2{color:#f28d3d;}

.bg-fff{ background-color:#fff; }
.bg-f5{ background-color:#f5f5f5; }
.bg-666{ background-color:#666; }
.bg-f1{ background-color:#f1f1f1; }
.bg-f8{ background-color:#f8f8f8; }
.bg-de{ background-color:#dee5ed; }
.bg-m1{ background-color:#29166f;}
.bg-m2{ background-color:#f28d3d;}

h1,.h1{font-size:24px}
h2,.h2{font-size:20px}
h3,.h3{font-size:18px}
h4,.h4{font-size:16px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6}
.p{margin-bottom:15px;line-height:24px}
.img-border{border:solid 1px #ddd;padding:4px}
.img-responsive{display:block;max-width:100%;height:auto}
.opacity-0{filter:alpha(opacity=0);-moz-opacity:.0;-khtml-opacity:.0;opacity:.0}
.opacity-small{filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.opacity-middle{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity-big{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.opacity-none{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}
.radius-none{border-radius:0}
.radius-small{border-radius:2px}
.radius{border-radius:4px}
.radius-big{border-radius:6px}
.radius-rounded{border-radius:2em;padding-left:1em;padding-right:1em}
.radius-circle{border-radius:50%}
.box-shadow-small{box-shadow:0 3px 5px rgba(0,0,0,0.5)}
.box-shadow{box-shadow:0 3px 9px rgba(0,0,0,0.5)}
.box-shadow-big{box-shadow:0 6px 9px rgba(0,0,0,0.5)}

/*  -- flex弹性布局 -- */
.flex {display: flex;}
.basis-xs {flex-basis: 20%;}
.basis-sm {flex-basis: 40%;}
.basis-df {flex-basis: 50%;}
.basis-lg {flex-basis: 60%;}
.basis-xl {flex-basis: 80%;}
.flex-sub {flex: 1;}
.flex-twice {flex: 2;}
.flex-treble {flex: 3;}
.flex-direction {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {align-items: center;}
.align-stretch {align-items: stretch;}
.self-start {align-self: flex-start;}
.self-center {align-self: center;}
.self-end {align-self: flex-end;}
.self-stretch {align-self: stretch;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.align-con-center{align-content: center;}


#myVideo{
    width:100%;
}