body{background: #4a4a4a;background-image: url(../i/bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:top center;background-size:cover;}
body:after{
    content: "";
    width:100%;
    height:100%;
    position: fixed;
    left:0;
    top:0;
    background: inherit;
    filter: blur(6px);
    z-index: -1;
}
.fl{float:left;}
.fr{float:right;}
.pulic_header_navi{
	position: relative !important;
}

#main{display: flex;
        flex-flow: column nowrap;
        min-height: calc(100vh - 134px);}
#main>.container {flex: 1 1 auto;}
#main>.footer{flex: 0 0 auto;}

.dbsm{
	color:white;
}
.btn{display:inline-block;cursor:pointer;border:1px solid white;padding:.5em 1em;color:white;}
.btn:hover{border-color:#8bf;color: #8bf;}
.dbsm{text-align:center;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.dbsm>.title{margin:20px auto;font-size:24px;}
.dbsm>.content{min-height: 500px;position: 	relative;margin-bottom: 20px;overflow: hidden;}
.dbsm>.content>div{position: absolute;top:0;display:none;margin:0 auto;width: 100%;}

.dbsm>.content .start {display: block;}
.dbsm>.content .start .btn{margin:20px auto;width:7em;}


.dbsm>.content .problem{display:none;}
.dbsm .probox{margin-top:1em;margin:1em auto;color:#393D49;}
.dbsm .probox .cue{width:99%;margin:0.5%;color: #FF5722;overflow: hidden;}
.dbsm .probox .item{width:100%;background: 	white;text-align: left}
.dbsm .probox .item .title {padding:0.5em 1em;line-height: 1.5em;}
/*.dbsm .probox .item .option{overflow: hidden;background: linear-gradient(to right, #29f ,#80f, #f00);}*/
.dbsm .probox .item .option{overflow: hidden;background: linear-gradient(to right, #e9f ,#b5f, #90f);}
.dbsm .probox .item .option>div{float:left;border:6px solid rgba(0,0,0,0.3);width: 20%;text-align: center;height:36px;line-height:36px;}
.dbsm .probox .item .option input{width:14px;height:14px;margin:5px auto;vertical-align: top;}
.dbsm .probox .btnbox { width:100%;padding:1em;overflow: hidden; position: relative;}

.dbsm>.content .fruit{display:none;}
.dbsm .fruit>.title{margin:1em;font-size:16px;}
.dbsm .fruit .resbox{margin:1em auto;padding:1em;border:1px solid rgba(255,255,255,0.87);border-radius: 3px;}
.dbsm .fruit .resbox .title{margin:1em;}
.dbsm .fruit .row {width:100%;height: 30px;line-height: 30px;overflow: hidden;}
.dbsm .fruit .row>div{float:left;text-align: center;}
.dbsm .fruit .score{width:4em;}
.dbsm .fruit .drawslip{width:calc(100% - 12em);height:4px;margin:13px 0;background:  rgba(255,255,255,0.2);border-radius: 3px;}
.dbsm .fruit .drawslip .lenght{height:100%;background:  rgba(255,255,255,0.73);border-radius: 3px;}
.dbsm .fruit .name{width:8em;color:gold;cursor:pointer;}
.dbsm .fruit .name img{width:1em;height:1em;vertical-align: middle;}
.dbsm .fruit .resbox .qrcode{margin-top: 1em;}
.dbsm .fruit .resbox .qrcode img{margin: 1em;width:150px;}
.dbsm .fruit .resbox .qrcode div{margin:10px;font-size:16px;}

.page-content{font-size:16px;color:white;line-height: 2.5em;padding: 2em 1em;}
.page-content a{color:#7fff00;}
.page-content a:hover{color:#6495ed;}

.con_box{line-height:1.25em;max-width:700px;margin:0 auto;border:1px solid #d2d2d2;color:#c2c2c2;border-radius:2px;padding:12px;font-size:14px;}
.con_box>.title{display:inline-block;position:relative;top:-12px;left:-12px;background: #d2d2d2;color:#2F4056;}
.con_box>.title .main{display:block;margin:5px 6px;font-size:20px;line-height: 1em;}
.con_box>.title .website{display:block;margin:5px 14px;font-size:12px;line-height: 1em;}
.con_box>.explain{font-zise:14px;line-height: 32.5px;color:#d2d2d2;}
.con_box>.tran{font-size:12px;line-height: 32.5px;margin-top:-48.75px;color:rgba(194,194,194,0.67);}
.con_box .item{margin:1em 0;}
.con_box .item .title{border-bottom:2px solid #c2c2c2;overflow: hidden;line-height: 22px;}
.con_box .item .title .cue{display:inline-block;background:#c2c2c2;color:#2F4056;padding:0 5px;float:left;min-width: 6em;}
.con_box .item .title .cue+.after{width:0;height:0;display: inline-block;border-style: solid;border-width:11px 15px;    border-color: transparent transparent #c2c2c2 #c2c2c2;float:left;}
.con_box .item .title .exp{float:right;display: inline-block;color:#7fff00;margin-right:10px;}
.con_box .item .value{text-align: right;line-height: 18px;padding: 14px 0;}
.con_box .motto{background:gold;color:#2F4056;width:12em;line-height: 1.5em;font-size:20px;margin:0 auto;text-align:center;letter-spacing:0.3em;font-weight: bold;}
.con_box .tag{margin:1em auto;width:8em;color:gold;font-size:24px;line-height: 1em;display:flex;}
.con_box .tag span{flex:1;text-align: center;}
.con_box .tag:before{content:"";border-left:2px solid gold;border-top:2px solid gold;width:8px;height:22px;display:ininle-block;margin-right:5px;}
.con_box .tag:after{content:"";border-right:2px solid gold;border-bottom:2px solid gold;width:8px;height:22px;display:ininle-block;margin-left:5px;}
.con_box .hr{width:30%;margin:0 auto;height: 1px;}
.con_box .qrcode{width:150px;margin:20px auto;text-align: center;display: block;}
.con_box .text{color:gold;text-align:center;font-size:18px;margin-bottom:40px;}