body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; background:#fff}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
.contair { width:750px; margin:0 auto; content:'.';display:block; overflow:hidden; position:relative; background:#0e0e10}
.imgbg { width:100%;}
.cnt { margin:-810px 30px 100px; color:#fff;}
.head { position:absolute; width:200px; height:200px; right:50px; top:580px; background:#fff; border-radius:20px;} 
.head img { max-width:100%; max-height:100%; border-radius:20px; z-index:111; position:absolute}
.head .head_bg { border-radius:30px; width:200px; height:200px; right:-12px; bottom:-12px; background:#ffe726; position:absolute; z-index:0}
.head::after { content:''; height:10px; width:10px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; top:25px; left:-5px; z-index:113}
.head::before { content:''; height:8px; width:8px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; bottom:-25px; right:25px;}
.tit { border-left:3px solid #ffe726; padding-left:20px; margin:0 0 30px;}
.tit h3 { font-size:40px; margin:5px 0; font-weight:700} .tit p { font-size:20px; margin:10px 0;}
.tit_theme { border-left:3px solid #ffe726; padding-left:10px; margin:0 0 10px;}
.tit_theme h2 { font-size:44px; margin:10px 0; font-weight:700} 
.tit_theme p { font-size:20px; margin:10px 0;}
.text li { font-size:20px; color:#ccc;padding:5px 0}
.text li::before { content:''; height:8px; width:8px; display:inline-block; background:#ffe726; border-radius:50%; vertical-align:middle; margin:0 6px 0 0}
.time { margin:40px 0}
.time p{ font-size:22px; margin:0 0 5px;}
.time p img { vertical-align:middle; margin:0 5px 0 0}
.btn_b { height:83px; display:block; position:relative} .btn_b img { width:100%}
.btn_b span { color:#ffe826; position:absolute; right:35%; top:10px; font-size:28px;}

@media screen and (min-width:321px) and (max-width:375px) {
    .contair { width:100%; margin:0 auto; content:'.';display:block;}
    .bg { background:#000; height:auto; padding:0 0 30px}
    .imgbg { width:100%;}
    .cnt { margin:-410px 30px 0; color:#fff;}
    .head { position:absolute; width:80px; height:80px; right:20px; top:280px; background:#fff; border-radius:20px;} 
    .head img { max-width:100%; max-height:100%; border-radius:20px; z-index:111; position:absolute}
    .head .head_bg { border-radius:30px; width:80px; height:80px; right:-6px; bottom:-6px; background:#ffe726; position:absolute; z-index:0}
    .head::after { content:''; height:10px; width:10px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; top:25px; left:-5px; z-index:113}
    .head::before { content:''; height:8px; width:8px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; bottom:-25px; right:25px;}
    .tit { border-left:3px solid #ffe726; padding-left:10px; margin:0 0 30px;}
    .tit h3 { font-size:20px; margin:5px 0; font-weight:700} .tit p { font-size:14px; margin:5px 0;}
    .tit_theme { border-left:3px solid #ffe726; padding-left:10px; margin:0 0 10px;}
    .tit_theme h2 { font-size:22px; margin:5px 0; font-weight:700;} 
    .tit_theme p { font-size:14px; margin:5px 0;}
    .text li { font-size:15px; color:#ccc;padding:1px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
    .text li::before { content:''; height:5px; width:5px; display:inline-block; background:#ffe726; border-radius:50%; vertical-align:middle; margin:0 6px 0 0}
    .time { margin:20px 0}
    .time p{ font-size:14px; margin:0 0 5px;}
    .time p img { vertical-align:middle; margin:0 1px 0 0}
    .btn_b { height:83px; display:block; position:relative} .btn_b img { width:100%}
    .btn_b span { color:#ffe826; position:absolute; right:34%; top:5px; font-size:14px;}
}

@media screen and (min-width:376px) and (max-width:414px) {
    .contair { width:100%; margin:0 auto; content:'.';display:block;}
    .imgbg { width:100%;}
    .bg { background:#000; height:auto; padding:0 0 30px}
    .cnt { margin:-440px 30px 0; color:#fff;}
    .head { position:absolute; width:100px; height:100px; right:30px; top:300px; background:#fff; border-radius:20px;} 
    .head img { max-width:100%; max-height:100%; border-radius:20px; z-index:111; position:absolute}
    .head .head_bg { border-radius:30px; width:100px; height:100px; right:-6px; bottom:-6px; background:#ffe726; position:absolute; z-index:0}
    .head::after { content:''; height:10px; width:10px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; top:25px; left:-5px; z-index:113}
    .head::before { content:''; height:8px; width:8px; display:inline-block; background:#ffe726; border-radius:50%; position:absolute; bottom:-25px; right:25px;}
    .tit { border-left:3px solid #ffe726; padding-left:10px; margin:0 0 30px;}
    .tit h3 { font-size:20px; margin:5px 0; font-weight:700} .tit p { font-size:14px; margin:5px 0;}
    .tit_theme { border-left:3px solid #ffe726; padding-left:10px; margin:0 0 10px;}
    .tit_theme h2 { font-size:22px; margin:5px 0; font-weight:700} 
    .tit_theme p { font-size:14px; margin:5px 0;}
    .text li { font-size:15px; color:#ccc;padding:1px 0}
    .text li::before { content:''; height:5px; width:5px; display:inline-block; background:#ffe726; border-radius:50%; vertical-align:middle; margin:0 6px 0 0}
    .time { margin:20px 0}
    .time p{ font-size:14px; margin:0 0 5px;}
    .time p img { vertical-align:middle; margin:0 1px 0 0}
    .btn_b { height:83px; display:block; position:relative} .btn_b img { width:100%}
    .btn_b span { color:#ffe826; position:absolute; right:34%; top:5px; font-size:14px;}
}

@media screen and (min-width:321px) and (max-width:375px) {
    html {font-size: 11px;}
}
@media screen and (min-width:376px) and (max-width:414px) {
    html {font-size: 12px;}
}
@media screen and (min-width:415px) and (max-width:639px) {
    html {font-size: 15px;}
}
@media screen and (min-width:640px) and (max-width:719px) {
    html {font-size: 20px;}
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {font-size: 22.5px;}
}
@media screen and (min-width:750px) and (max-width:799px) {
    html {font-size: 23.5px;}
}