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

body, div, address, blockquote, iframe,em,i, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font-weight:normal;font-size:12px;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#000000;background:#df173c;font:12px/22px arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;}
html {_background: url(about:black) no-repeat fixed}
html,body{height:100%}
a{color:#000000;text-decoration:none; } 
a:hover{color:#BA2636;text-decoration:none;}
*{padding:0; margin:0;}
.clear{clear:both;height:0; line-height:0; font-size:0;display:block; overflow:hidden}
.clearfix:after,.clearfix:before  {clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size:0}
.clearfix {display: block;zoom:1}
* + html .clearfix {min-height: 1%;}

/* html5兼容IE浏览器 */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

.wrap{ width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-center{text-align: center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}

.wx-games-wrapper{max-width:1024px; width:100%;margin:0 auto;position:relative;height:100%}
.none{display:none}

.Mainbox{position:absolute;left:0;top:0;right:0;bottom:0;}
.Tipimg{position:relative;float:left;width:40%;}
.Tiptxt{text-align:center;width:72%;margin:2% auto;overflow:hidden;}
.Tipimg img,.Tiptxt img{width:100%;}
.Bottomcon{position:absolute;bottom:0;left:0;text-align:center;color:#fff;width:100%}
.Bottomcon img{width:75%;margin-right:-12%}

.Centercon{margin:15% auto 0;}
.Centercon a,.Centercon button{display:block;margin:2% auto;position:relative;vertical-align:middle;}
.Centercon a.btnchoice{width:372px;height:91px;}
.Centercon a.btnchoice.s1{background:url(/images/brandsPersonality/degao/s11_bj2.png) center no-repeat;background-size:cover;}
.Centercon a.btnchoice.s2{background:url(/images/brandsPersonality/degao/s11_bj3.png) center no-repeat;background-size:cover;}
.Centercon a.btnchoice.s3{background:url(/images/brandsPersonality/degao/s11_bj4.png) center no-repeat;background-size:cover;}
.Centercon button.btnsubmit{width:210px;height:88px;background:url(/images/brandsPersonality/degao/s11_bj5.png) center no-repeat;background-size:cover;border:none;outline:none;}
.Centercon span{width:28px;height:28px;background-color:#de173c;display:inline-block;border-radius:50%;float:left;margin:30px 0 0 25px}
.Centercon a.current span{background-color:#fff;}

.Showbox{position:fixed;width:100%;height:100%;left:0;top:0;text-align:center;}
.Showbox .con{background:rgba(0,0,0,.8);padding:5%;color:#fff;border-radius:10px;display:inline-block;margin-top:60%;position:relative;}
.Showbox .con p{padding-top:10%;font-size:28px;line-height:40px}
.Showbox .btnclose{width:36px;height:36px;background:url(/images/brandsPersonality/degao/s11_bj9.png) center no-repeat;position:absolute;right:10px;top:10px;background-size:cover;z-index:100}

@media(max-width:599px){
    .Centercon a.btnchoice{width:248px;height:61px;}
    .Centercon button.btnsubmit{width:140px;height:59px;}
    .Centercon span{width:18px;height:18px;margin:20px 0 0 15px}
    .Showbox .con p{font-size:16px;line-height:25px;padding-top:15%}
    .Showbox .btnclose{width:24px;height:24px;}
}
@media(max-width:399px){
    .Centercon{margin:4% auto 0;}
    .Centercon a.btnchoice{width:198px;height:48px;}
    .Centercon button.btnsubmit{width:112px;height:47px;}
    .Centercon span{width:14px;height:14px;margin:16px 0 0 13px}
    .Showbox .con p{font-size:12px;line-height:20px;padding-top:20%}
    .Showbox .btnclose{width:20px;height:20px;}
}