286 lines
17 KiB
CSS
286 lines
17 KiB
CSS
@charset "utf-8";
|
|
|
|
@font-face{font-family:"bdzy";
|
|
src:url("../fonts/bdzy.woff2") format("woff2"),
|
|
url("../fonts/bdzy.woff") format("woff");
|
|
font-weight:400;
|
|
font-style:normal}
|
|
@font-face{font-family:"SourceHanSerifCN-Bold";
|
|
src:url("../fonts/SourceHanSerifCN-Bold.woff2") format("woff2"),
|
|
url("../fonts/SourceHanSerifCN-Bold.woff") format("woff");
|
|
font-weight:400;
|
|
font-style:normal;
|
|
}
|
|
@font-face{font-family:"Avian";
|
|
src:url("../fonts/Avian.woff2") format("woff2"),
|
|
url("../fonts/Avian.woff") format("woff");
|
|
font-weight:400;
|
|
font-style:normal;
|
|
}
|
|
@font-face{font-family:"impact";
|
|
src:url("../fonts/impact.woff2") format("woff2"),
|
|
url("../fonts/impact.woff") format("woff");
|
|
font-weight:400;
|
|
font-style:normal;
|
|
}
|
|
.bdzy{font-family:"bdzy"!important}
|
|
.syst{font-family:"SourceHanSerifCN-Bold"!important}
|
|
.Avian{font-family:"Avian"!important}
|
|
/*.impact{font-family:"impact"!important}*/
|
|
|
|
*{box-sizing:border-box;margin:0;padding:0; }
|
|
|
|
/* html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} */
|
|
|
|
body{font-size: .65rem !important;margin:0;position: relative;overflow-x:hidden;font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
|
|
h1,h2,h3,h4,h5,h6{margin:0;padding:0;
|
|
/* line-height:1.2em; */
|
|
font-weight:normal;}
|
|
ol,ul{list-style:none}
|
|
audio,canvas,progress,video{display:block;vertical-align:baseline;max-width:100%;}
|
|
audio:not([controls]){display:none;height:0}
|
|
[hidden],template{display:none}
|
|
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
|
|
a:active,a:hover{outline:0;text-decoration:none}
|
|
a:hover{color:#0d308C}
|
|
abbr[title]{border-bottom:.04rem dotted}
|
|
b,strong{font-weight:700}
|
|
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}
|
|
img{
|
|
width: 100%;
|
|
display:block;
|
|
padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;}
|
|
address,cite,dfn,em,var,i{font-style: normal;}
|
|
svg:not(:root){overflow:hidden}
|
|
figure{margin:1em 1.6rem}
|
|
hr{height:0;border: none; border-top: .08rem solid #f4f3f2; -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}
|
|
blockquote,q{quotes:none}
|
|
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
|
|
:focus{outline:0}
|
|
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
|
|
button{overflow:visible;border: none}
|
|
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;-webkit-appearance:none}
|
|
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 .08rem;border:.04rem solid silver}
|
|
legend{padding:0;border:0}
|
|
textarea{overflow:auto}
|
|
optgroup{font-weight:700}
|
|
table{border-spacing:0;border-collapse:collapse}
|
|
td,th{padding:0}
|
|
@media print{
|
|
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
|
|
a,a:visited{text-decoration:underline}
|
|
a[href]:after{content:" (" attr(href) ")"}
|
|
abbr[title]:after{content:" (" attr(title) ")"}
|
|
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
|
|
blockquote,pre{border:.04rem solid #999;page-break-inside:avoid}
|
|
thead{display:table-header-group}
|
|
img,tr{page-break-inside:avoid}
|
|
img{max-width:100%!important}
|
|
h2,h3,p{orphans:3;widows:3}
|
|
h2,h3{page-break-after:avoid}
|
|
}
|
|
.none{display: none}
|
|
.check:checked,.check:not(:checked){position:absolute;left:-399.96rem;opacity:0}
|
|
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
|
|
height:.56rem;font-size:.56rem;cursor:pointer;padding-left: .8rem;}
|
|
.check+label:after,.check+label:before{position:absolute;top:.08rem;left:0;z-index:0;width:.64rem;height:.52rem;
|
|
border-radius:.12rem;content:'';background: #000}
|
|
.check:checked+label:after{background: #ca140d}
|
|
|
|
.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:.64rem;font-size:.56rem;line-height:.64rem;cursor:pointer;padding-left: .8rem}
|
|
.radio+label:after,.radio+label:before{position:absolute;top:-0.04rem;left:0;z-index:0;width:.64rem;height:.64rem;border-radius:50%;content:''}
|
|
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:.04rem solid #888}
|
|
.radio:checked,.radio:not(:checked){position:absolute;left:-399.96rem;opacity:0}
|
|
.radio:checked+label:before{border:.04rem solid #d9a65c}
|
|
.radio:checked+label:after{width:.32rem;height:.32rem;border-radius:50%;background:#d9a65c;top:.12rem;left:.16rem}
|
|
|
|
|
|
::-webkit-input-placeholder{color:999;opacity:.54}
|
|
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
|
|
/*::selection{background:#0662d4;color:#fff}
|
|
::-moz-selection{background:#0662d4;color:#fff}
|
|
::-webkit-selection{background:#0662d4;color:#fff}
|
|
*/
|
|
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
|
|
.l{float:left}
|
|
.r{float:right}
|
|
.fl{float:left!important}
|
|
.fr{float:right!important}
|
|
.bor{border:.04rem dashed #999}
|
|
.poab{position:absolute}
|
|
.pore{position:relative}
|
|
.texto{
|
|
display:block;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
/* white-space:nowrap; */
|
|
-webkit-line-clamp: 2;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.imgInline{display:inline-block!important;vertical-align:middle}
|
|
.imgMargin{margin:0 auto;width: 1.6rem; margin-left: 0.5rem;}
|
|
.imgW100{width:100%}
|
|
|
|
.text-r{text-align:right}
|
|
.text-m{text-align:center}
|
|
.text-bold{font-weight: 700;}
|
|
.text-light{font-weight:100;}
|
|
.text-up{text-transform: uppercase;}
|
|
|
|
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
|
|
.flex-left{display:flex;}
|
|
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
|
|
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
|
|
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
|
|
.flex-v-bottom{display: -webkit-flex;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
flex-wrap: wrap;
|
|
justify-content: left;}
|
|
|
|
.trans{transition:all .5s}
|
|
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
|
|
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
|
|
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
|
|
|
|
.bg-mask .pic{overflow: hidden;}
|
|
/*.bg-mask .pic a{background-repeat: no-repeat;background-position: center;background-size:100% 100%;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
|
|
*/.bg-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
|
|
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
|
|
.bg-mask:hover .pic .a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
|
|
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
|
|
|
|
|
|
.greybg{background:#f2f2f2}
|
|
.textup{text-transform:uppercase}
|
|
.co-main{color:#0662d4}
|
|
.co-fff{color:#fff!important}
|
|
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
|
|
.m-show{display:none}
|
|
.filter-page{filter: blur(.2rem);}
|
|
@media screen and (max-width:39.2rem){.pc-show{display:none}
|
|
.m-show{display:block}
|
|
}
|
|
|
|
|
|
|
|
|
|
.trans-line:before{content:'';position:absolute;width:2.4rem;height:100%;margin-top:0rem;margin-left:-4.8rem;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
|
|
.trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards;
|
|
-o-animation:aniBlink .6s ease-out forwards; animation:aniBlink .6s ease-out forwards}
|
|
@keyframes aniBlink{
|
|
from{margin-left:-50%}
|
|
to{margin-left:120%}
|
|
}
|
|
@-webkit-keyframes aniBlink{
|
|
from{margin-left:-50%}
|
|
to{margin-left:120%}
|
|
}
|
|
|
|
@keyframes up{
|
|
0%{transform: translateY(0);}
|
|
50%{transform: translateY(.4rem);}
|
|
100%{transform: translateY(0);}
|
|
}
|
|
|
|
.menu-btn{z-index:999;overflow:hidden;margin-left:1.4rem;width:1.28rem;height:1.28rem;background:0 0;text-indent:-210.4rem;opacity:1;position: relative;z-index: 999;}
|
|
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
|
|
width:1.28rem;height:.08rem;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
|
|
.menu-btn .line-1{margin-top:-0.32rem;width:1rem}
|
|
.menu-btn .line-3{margin-top:.32rem;width:1rem}
|
|
.drawerMenu-open .menu-btn .line-1{visibility:hidden}
|
|
.drawerMenu-open .menu-btn .line-2{margin-top:0!important;width:1.12rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
|
|
.drawerMenu-open .menu-btn .line-3{margin-top:0!important;width:1.12rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
|
|
|
|
|
|
|
|
.searchbtn{width: 1.2rem;text-align: center;line-height: 1.6rem}
|
|
.searchbtn i{color: #af2a3c;font-size: .72rem}
|
|
.mobNav{position: fixed;top:2rem;left: 0;right: 0;bottom: 0; background: rgba(255,255,255,.95);z-index: 998;padding-top: 2.12rem;padding: 1.6rem 5% 1.2rem;display: none}
|
|
.mobNav ul{height: 70vh;overflow: auto}
|
|
.mobNav ul li{padding: .6rem 0;border-bottom: .04rem solid #ddd;text-transform: uppercase;}
|
|
.mobNav ul li:last-child{border-bottom: 0}
|
|
.mobNav ul li .navp a{font-size: .6rem;color: #af2a3c;font-weight: bold;}
|
|
.mobNav ul li .navp i{display: block;width: .64rem;transition: .3s;transform-origin: center;margin-right: .2rem}
|
|
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
|
|
.mobNav ul li .subNavm{margin-top: .4rem;padding-left: .4rem;display: none}
|
|
.mobNav ul li .subNavm a{display: block;line-height: 1.2rem;font-size:.56rem }
|
|
.mobNav .toplink {margin-bottom: .8rem}
|
|
.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 999;background:#13439b;height: 2.4rem;padding-right: 3%;padding-left: 3%;border-bottom: .04rem solid #4269af;}
|
|
.headerm .logo img{height:1.6rem}
|
|
|
|
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
|
|
|
.hidden_search .text { width: 100%; height: 1.44rem; padding: 0; font-size: .56rem; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
|
|
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:1.44rem;width:1.6rem;border:none;border-radius:50%;
|
|
overflow:hidden;font-size:.56rem;color:#8f0e16;background:0 0;background: url(../images/serbtn.svg) no-repeat center;background-size: .84rem .84rem}
|
|
.hidden_search .search_wrap { border: .04rem solid #e4eaec; border-radius: .8rem; position: relative; padding-right: 1.8rem; padding-left: .8rem; width: 95% }
|
|
.hidden_search .close_btn { position: absolute; right: .8rem; top: 32%; width: 1.4rem; height: 1.4rem;
|
|
-webkit-transition: 0.5s; transition: 0.5s; font-size: 1.04rem;background: url(../images/closebtn.svg) no-repeat center; background-size: .64rem .64rem }
|
|
.hidden_search .close_btn:hover{ color: #530794; }
|
|
|
|
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;}
|
|
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
|
|
.cd-popup-container { position: relative; padding: 1.2rem 1.6rem 1.2rem 1.2rem; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -2.32rem; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 .8rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
|
|
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
|
|
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
|
|
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
|
|
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 1.6rem; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 .8rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
|
|
.cd-popup-container1 { top: 10%; }
|
|
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
|
|
.sear_p{float: left;margin: .8rem 0 0 5%;width: 90%;-webkit-border-radius: .2rem;border-radius: .2rem;background: #fff;}
|
|
.sear_txt{float: left;height: 1.2rem;font-size: .48rem;line-height: 1.2rem;border: none;width: calc(100% - 1.4rem);background: none;color: #666;text-indent: .2rem;}
|
|
|
|
|
|
@media screen and (max-width: 24rem){
|
|
.hidden_search .close_btn{right: .2rem;font-size: .72rem;top:28%;}
|
|
.cd-popup-container{width: 90%}
|
|
.hidden_search .text{font-size: .56rem}
|
|
.cd-popup-container{padding: .8rem 1.2rem .8rem .4rem}
|
|
}
|
|
|
|
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
|
|
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
|
|
#browser-modal .browser-content{width:28rem;margin-top:4.8rem;margin-left:auto;margin-right:auto;padding-bottom:3.2rem;padding-top:2rem;background-color:#fff;border-radius:.2rem}
|
|
#browser-modal .browser-content .browser-dpc-logo img{height:1.68rem;margin:1.8rem auto 1.6rem}
|
|
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:.96rem}
|
|
#browser-modal .browser-content .browser-text-desc{margin-top:1.2rem;margin-bottom:.8rem;font-size:.56rem}
|
|
#browser-modal .browser-content .browser-list{width:24rem;margin:.8rem auto;height:5.2rem}
|
|
#browser-modal .browser-content .browser-item{float:left;width:6rem;padding-top:.8rem;padding-bottom:.8rem;margin-left:auto;margin-right:auto}
|
|
#browser-modal .browser-content .browser-item .iconfont{width:4rem;height:4rem;margin:0 auto;font-size:3.2rem;line-height:3.2rem;margin-bottom:.4rem;}
|
|
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
|
|
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -4rem}
|
|
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -8rem}
|
|
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -12rem}
|
|
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
|
|
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:4rem;width:4rem;height:4rem}
|
|
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:.8rem;font-size:.72rem;font-weight:700}
|
|
|
|
/*ie11 css hack*/
|
|
/* @media all and (-ms-high-contrast:none) {
|
|
*::-ms-backdrop,
|
|
} */
|
|
/*ie11注意里面的标点符号*/
|
|
/*ie10 css hack*/
|
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
|
|
} |