*{margin:0;padding:0;}
*{
    touch-action: none;
}
html{
    -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    user-select: none;
    -webkit-user-select: none;
}
body{line-height:1.6; font-family:-apple-system-font, "Helvetica Neue", sans-serif;background:#F0EFF5;}
ul,ol,li{list-style:none;}
a img{border:0;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html,body{width:100%;height:100%;}



#loading{
    width:100%;height:100%;
    position: fixed;
    z-index:999;
    left:0;
    top:0;
    background-color: #F0EFF5;
}
@keyframes weuiLoading{
    0%{
      -webkit-transform:rotate3d(0, 0, 1, 0deg);
              transform:rotate3d(0, 0, 1, 0deg);
    }
    100%{
      -webkit-transform:rotate3d(0, 0, 1, 360deg);
              transform:rotate3d(0, 0, 1, 360deg);
    }
}
#loading span, .loadicon{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    -webkit-animation:weuiLoading 1s steps(12, end) infinite;
            animation:weuiLoading 1s steps(12, end) infinite;
    background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
    background-size:100%;
}
#loading span {
    position: absolute;
    left:50%;
    margin-left:-10px;
    top:50%;
    margin-top:-10px;
}
header{
    display:block;
    width:100%;
    height:76px;
    position: absolute;
    z-index:2;
    left:0;
    top:0;
    background:#FFF;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}
article{
    width:100%;
    height:100%;
    box-sizing: border-box;
    padding:75px 0 48px 0;
}
main{
    display:block;
    width:100%;
    height:100%;

    /*min-height: 1000px;*/
    /*overflow:hidden;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*overflow-scrolling: auto;*/
    /*overflow: auto;*/
    overflow-y: auto;
}
section{
    display:none;
    width:100%;
}
section::after {
    content: "";
    clear: both;
    display: table;
}
footer{
    position: absolute;
    width:100%;
    left:0;
    bottom: 0;
    height:49px;
}
footer::before{
    content:" ";
    position:absolute;
    left:0;
    top:-1px;
    right:0;
    height:1px;
    border-top:1px solid #D3D3D6;
    color: #D3D3D6;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
    z-index:2;
}
.av0{
    background:#F7412C
}
.av1{
    background:#607D8D
}
.av2{
    background:#9D1DB2
}
.av3{
    background:#6834BC
}
.av4{
    background:#3F4DB8
}
.av5{
    background:#1294F6
}
.av6{
    background:#009788
}
.av7{
    background:#48B14C
}
.av8{
    background:#FE9900
}
.av9{
    background:#7B5548
}

/* 开奖历史数字颜色 */
.num-0 { background-color: #FF6B6B; color: white; }
.num-1 { background-color: #4ECDC4; color: white; }
.num-2 { background-color: #45B7D1; color: white; }
.num-3 { background-color: #96CEB4; color: white; }
.num-4 { background-color: #FFEAA7; color: #333; }
.num-5 { background-color: #DDA0DD; color: white; }
.num-6 { background-color: #98D8C8; color: #333; }
.num-7 { background-color: #F7DC6F; color: #333; }
.num-8 { background-color: #BB8FCE; color: white; }
.num-9 { background-color: #85C1E9; color: white; }

/* 开奖历史表格样式 */
.bhis table {
    border-collapse: separate;
    border-spacing: 2px;
}

.bhis table tr td {
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.bhis table tr.t td {
    background-color: #f5f5f5;
    color: #666;
}


.ubar{
    width: 100%;
    height:36px;
    position: relative;
    display: flex;
    font-size: 13px;
}
.ubar::after{
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    border-top:1px solid #C9C9CB;
    color: #C9C9CB;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
}
.ubar figure{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ubar cite, .ubar img{
    width:24px;
    height:24px;
    float:left;
    margin:5px 0 5px 5px;
    overflow:hidden;
    border-radius:2px;
}
.ubar cite{
    text-align:center;
    font-style: normal;
    color: #fff;
    line-height:24px;
}
.ubar figcaption{
    float:left;
    color:#666;
    margin-left:5px;
    line-height:36px;
}
.ubar figcaption b{
    font-weight: normal;
}


.ubar mark{
	position:absolute;
	top:6px;
    background: none;
}
.ubar mark div{
    width: 100%;
    height: 24px;
    overflow: hidden;
    position:relative;
    line-height:24px;
}
.ubar mark span{
    display:block;
    position: absolute;
    font-weight:normal;
    white-space:nowrap;
    color:#09bb07;
    height:100%;
    top:0;
    left:0;
}
.ubar mark b{font-weight: normal;}
.ubar mark aside{
    background: linear-gradient(to right, #FFF 0%, #fff0 20%, #fff0 80%, #FFF 100%);
    display: none;
    position: absolute;
    z-index:2;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.ubar mark.scroll b{padding-right:40px}
.ubar mark.scroll aside {display: block;}

.ubar .online{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
	padding-right:8px;
}
.ubar .online i{
    display: block;
    width: 18px;
    height: 14px;
    float:left;
    margin-top:10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmxJREFUeNrEl09IFVEUxl8lppamliKmuBA3JgRJBAa6cWG6rHYhElgLa5UiRBs3uoha5CII2oTgQoJQRERXLXy0CqTCMiqLsD+ar/xDaDF9B76By3Nm7j3je3TgBwP33DvfnHvOuXcSCbu1ghGwAN6DSXAZHEj8BxsAXggToChgTg3oAnfBHXAJVGVCTEeEGJ8hw/8wRfwM8PsBBkHeXgRNWMSsgCb6FoAZhw94AnLjiMkBryyLXzP8+x3E+FyJI+ggeBOx6Bood/RNJwn2h704bGAbbEYIlor7xudKUK342HpQphXkGS8MspTxXKTMi1wWgEqQ2LxlUd92wF+FIPH9E0fQeMRYMdjH53Vusav9BhtxKy0ZkpiynaX0OwQ+KpJ6PqrLR0VIwtoDfgWMSVJW8HmTVeZqL5RbvMuk+T1lmCXcL3k05Bg+fdnuQ0FWC06EjNVRrE2MRPu4LU/CTI6DFtBMIce4xXJWvQVzYBZ8BYvgAbhu+ah74LM2ElJBNx2773RaP0pG+Ir4fK2YNvBakQ+LaYUhlfeIW+P7pBi9Qq2Yq8x+VzHL4KLRj0wrAY3gFDiiEeEvdgGMKeY9A50B5S7toIGXtFIKXwVLLPdVl8VreLdxjczjtJviUdANptgww+Z94R2r0xa1UYWY+0aXlQPyFvikmO/zDvTy6rLLzlPUkmWRYWPOGfA8hpCgu9HJsEgVsu/cYKXM8S8jxf6RMPJtPQNiPCPHzrkmb4FxZom187rhZZgtcFbbFqotSbtXPsi1WPOz9xCczuI/YDEr1smasxgZkx3XCG3zQPXY/PIzHJ3vPBdv/xNgALRIi1i/qQVnAAAAAElFTkSuQmCC");
    background-size: cover;
    opacity:.5;
}
.ubar .online b{
    font-weight:normal;
    float:left;
    margin:8px 0 0 2px;
    color:#888;

}






.pbar{
    position: relative;
    width:100%;
    height:40px;
    overflow:hidden;
}
.periods{
    width:200%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
.period{
    font-size:12px;
    float:left;
    width:50%;
    height:26px;
    line-height:26px;
    margin-top:7px;
    overflow:hidden;
}
.pbar h3,.pbar dl,.pbar dt,.pbar dd,.pbar span,.pbar ul,.pbar li{
    float:left;
}
.pbar h3{
    font-weight:normal;
    font-size: 12px;
    margin-left:5px;
    color:#4A9B15;
}
.pbar dt{
    height:52px;
    width:44px;
    overflow:hidden;
    line-height:52px;
    font-size:24px;
    text-align:center;
    margin-left:-18px;
    box-sizing:border-box;
    border:1px solid #bbb;
    border-radius:4px;
    background: linear-gradient(to bottom, white, #E0E0E0 49%, #fff 50%, #E0E0E0);
    color:#CF2F45;
    -webkit-transform-origin:100% 0;
            transform-origin:100% 0;
    -webkit-transform:scale(0.5);
            transform:scale(0.5);
}
.pbar dd{
    margin-left:2px;
    color:#888;
}
.pbar span{
    display:block;
    padding:0 7px 0 5px;
    color:#888;
}
.pbar ul{
    margin-top:4px;
}
.pbar li{
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center;
    background:#CF2F45;
    color:#fff;
    border-radius:13px;
    font-family: Arial, Verdana, Tahoma;
}





.chat{
    width:100%;
    height:49px;
    position:relative;
    background: #F5F5F7;
}
.chat figure{
    position:absolute;
    width:45px;
    height:100%;
    top:0;
    left:0;
    z-index:1;
}
.chat figure::after{
    content:" ";
    position:absolute;
    right:-1px;
    top:0;
    bottom:0;
    width:1px;
    border-left:1px solid #C9C9CB;
    color: #C9C9CB;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleX(0.5);
            transform:scaleX(0.5);
    z-index:2;
}
.chat figcaption{
    width:25px;
    height:25px;
    margin:11px 0 0 10px;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNrs2rEOgCAMRVGe8aNddNDFv8bVEBYwbZHcTkanE1peB5VzTjPUkiYpIECAAPlXrbWX53WX4aLXc3jwHPsmWgtI5IwUM9HyjRMBAgRIzK01dLLXbk5aCwjJTmsBAQKEZKe1gJDstBYQIECAAPkSiL3VulBq1BNRBMKqteSNsJwR913NctjluXBa31ry2prFb05AbOoRYABq3hB7y7uhowAAAABJRU5ErkJggg==");
    background-size:cover;
}
.chat span{
    position: absolute;
    right:10px;
    top:7px;
    left:55px;
    height:36px;
    background:#fcfcfc;
}
.chat span::before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:1px;
    border-top:1px solid #ddd;
    color: #ddd;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
}
.chat span::after{
    content:" ";
    position:absolute;
    left:0;
    bottom:-1px;
    right:0;
    height:1px;
    border-bottom:1px solid #ddd;
    color: #ddd;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
}
.chat i, .chat em{
    display:block;
    position: absolute;
    top:0;
    width:7px;
    height:72px;
    -webkit-transform:scale(0.5);
            transform:scale(0.5);
    z-index:2;
}
.chat i{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABICAIAAAC1Png9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPhJREFUeNrclcFqwzAMhiXFJIvH7B3aFfL+Txdo64ViL7ZrVybQ0cyXMbqN6uDDx28jS+gXnk4WEXPOfHo/O2tDDAKhBNN3Y2b/oV6UftUCijAdjwciHIZBCMEiwSpjDCHu3nZIy02gEIKf5812c0WFOmeVVsvFT8rSvu/hNiil1HVdhcKXIKgFQa5S/LEW4D45VF/AKs3wq7+4F/1GvljDXIf85x2Cx+jF/50heNyaIVYsjZqmYQNdU/ZN59xqDkjK52maVnJq27brnvaHfU75Jl+t9PmcxnGMMS4Uyw5gt4fi47wDlFJSSlw2Q1kCAMF762yM4SLAAKwmeu+EmpUdAAAAAElFTkSuQmCC");
    left:0;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
}
.chat em{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABICAIAAAC1Png9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPtJREFUeNrclVuLwyAQhWeM0epCY0P7/39bHhPSJbik0phqJ71QKr4sS3eXngcfPo6D1zPYNE3JS6W1EDLGiIjLOI6jOzj7ZaVYrauKMQZE53kGABr7vg8h1nWNyG6UFENs2xYQjdkwuIsc2912Oh699w/vVcMwTJNn8CyllPdTSqWUIYSUkvKUlKMxS/HHXoDXrCFbAbM0wq/u4lX0G+tFely5AvHPbwje4y7+7x+CNz0zCjPK1JRSdBZFwZK375zjnLPEaK3V+uNBKZX3n3spV0KIG6UU7rrudArVulpKHS6iidQDjDFUmrIEqTNwXmqlSyFwsS2d4SzAAEgPezqqcBj+AAAAAElFTkSuQmCC");
    right: 0;
    -webkit-transform-origin:7px 0;
            transform-origin:7px 0;
}
.chat samp{
    display:block;
    width: 100%;
    height:100%;
    position: relative;
    overflow: hidden;
}
.chat code{
    display: flex;
    position: absolute;
    min-width:100%;
    height:100%;
    box-sizing: border-box;
    padding:0 5px;
    top:0;
    right:0;
}
.chat kbd{
    font-family: Arial, Verdana, Tahoma;
    line-height: 38px;
    white-space: nowrap;
}
.chat kbd.dis{
    color:#888;
}
@keyframes inputvar {
    0%{opacity:1;}
    50%{opacity:1;}
    100%{opacity:0;}
}
.chat var{
    display: none;
    width:2px;
    height:20px;
    overflow:hidden;
    margin-top:8px;
    border-radius:2px;
    background: #5370EA;
    animation:inputvar 1s infinite ease;
}
.chat nav{
    display: none;
    position: absolute;
    height:100%;
    top:0;
    right:0;
    left:45px;
}
.chat nav ul{
    width:100%;
    height:100%;
}
.chat nav li{
    width:23%;
    height:100%;
    float:left;
    line-height:48px;
    color:#606060;
    text-align:center;
    position: relative;
}
.chat nav li::before{
    content:" ";
    position:absolute;
    left:-1px;
    top:0;
    bottom:0;
    width:1px;
    border-left:1px solid #C9C9CB;
    color: #C9C9CB;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleX(0.5);
            transform:scaleX(0.5);
    z-index:2;
}
.chat nav li.s{
    width:18%;
}
.chat nav li.touch{
    background:#ccc;
}
.chat nav li.checked{
    color:#1AAD19;
}
.chat figcaption.nav, .chat.menu figcaption{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNrsmtEKwjAMRZuwj/ZFwfmgf12duJcxkUHSpPVcGIz1oRx6k9uySq21WGm+PfY+rxPIduByPpnNrcVX9cu7ubQRhDuMNoRwhdHGEG4wGgDhAiOWXStSWgYRIIAAAgggIZo+2++uU/F1HJByne91Sfeen4Vh+nEo6mE1KPa8xX5gqy3JxskRQAABZND2K8nHsVa31sqW9FgLEEAA+dP2mybJsdZo1tpLXy8J1gIEkNhiF1YEkAPWsrw7FaH3FY4R/lg9BRgA2ADCXnNmQSsAAAAASUVORK5CYII=");
}
.chat.menu span{
    display:none;
}
.chat.menu nav{
    display:block;
}





body.talk article{
    padding-bottom:290px;
}
body.talk footer{
    height:290px;
    background:#D0D4DA;
}
.keybord{
    width:100%;
    position:relative;
}
.keybord dl{
    width:100%;
}
.keybord dt{
    height:40px;
    background:#FDFEFE;
    position: relative;
}
.keybord::before, .keybord dt::after{
    content:" ";
    position:absolute;
    left:0;
    right:0;
    height:1px;
    z-index:2;
    -webkit-transform-origin:0 100%;
            transform-origin:0 100%;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
}
.keybord::before{
    top:-1px;
    border-top:1px solid #ABB1BC;
    color: #ABB1BC;
}
.keybord dt::after{
    bottom:-1px;
    border-top:1px solid #A9B0BB;
    color: #A9B0BB;
}
.keybord dt ul{
    float:left;
    margin-top:8px;
}
.keybord dt li{
    float: left;
    color:#5370EA;
    margin:0 6px;
}
.keybord dt li.check{
    color:#999;
}
.keybord dt dfn{
    position: absolute;
    top:11px;
    right:12px;
    font-size:12px;
    font-style: normal;
    color:#666;
}
.keybord dt em{
    color:red;
    font-style: normal;
}
.keybord dd{
    width:100%;
    position: relative;
    margin-top:4px;
}
.keybord dd ol{
    position: absolute;
    width:60px;
    height:184px;
    left:2px;
    top:4px;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    flex-wrap:wrap;
}
.keybord dd ol li{
    width: 50px;
    height: 42px;
    margin: 0 5px;
    background: #fff;
    box-sizing: border-box;
    padding: 17px 5px;
    border-radius: 4px;
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.35);
}
.keybord dd.d1 ol{
    width:120px;
}
.keybord dd.d0 ol li{
    height: 32px;
    padding: 12px 5px;
}
.keybord dd.fen ol{
    display:none;
}
.keybord dd ol li.touch{
    background: #AAB0BC;
}
.keybord dd ol li s, .keybord dd ol li em{
    display:block;
    float: left;
    width: 6px;
    height:8px;
    margin:0 1px;
    background: #c7c7c7;
    pointer-events:none;
}
.keybord dd ol li em{
    background: #5f5f5f;
}
.keybord dd ol li.checked{
    background: #3478F7;
}
.keybord dd ol li.checked s{
    background:#669cff;
}
.keybord dd ol li.checked em{
    background: #fff;
}
.keybord dd ul{
    margin-left:62px;
}
.keybord dd.d1 ul{
    margin-left:122px;
}
.keybord dd.fen ul{
    margin-left:0;
}
.keybord dd ul li{
    width:20%;
    box-sizing:border-box;
    padding:3px 2px;
    float:left;
}
.keybord dd ul kbd{
    display: block;
    width:100%;
    height:42px;
    line-height:42px;
    font-size:17px;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    text-align: center;
    background:#fff;
    border-radius: 4px;
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.35);
}
.keybord dd ul kbd.touch{
    background: #AAB0BC;
}
.keybord dd ul kbd.dis{
    background: #AAB0BC;
    color: #787e8a;
}
.keybord dd ul kbd.t{
    font-size:14px;
}
.keybord dd ul kbd.b{
    position: relative;
    text-indent: -999px;
    background: #AAB0BC;
	    overflow: hidden;
}
.keybord dd ul kbd.b::before{
    content: " ";
    position: absolute;
    display: block;
    width: 23px;
    height: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnVJREFUeNrMmL1LW1EYhxPFb0ERHEQEQQgugrRDSktxKE51FMRBigj9N8QpKVjFUShUS9ChqyCIQ1GLHSqCg4qzVLFJIIMxgZbb34XfgbeHJOace7w3LzxDzudzzz1fubGYfbwA34H3xPwB38B7z/NiCptoBfPgdwjSOrugz1b8FTiPQFpxCJpNhDvBLDgVjRyDl/IVuoSCE2Bdk58zEZ8COVH5CIw/lXSFh/gi+t6pV/o1Rf9GIU3xt0L8rh5p/7U8iEoHnOdNIYv3a9OlZiTBSdTSQv5R8S7wDlyJgj+ilK5X/A241qSfGTa+YrDwV1Q9W/EWLoJjnlhG0mw8z3pZ8BEM1xAeZpks6+RtxWe0hbjPo73ZQHxD62AT9FaQ7mWeLLthI57k6FpLs/EhkOKW5fENLIF20Vc70/Jie/PrDJmIt3Eh3mhz2lhau0Osah1tgxGyreWtqkom4v5OcalJJwOsfBUJ8BmURdsfiPpdZpmEjfhPV9JVbm2L4F6Iqge5Z95/YSIufzx3sNfqMQgyFW55GeZZiTdxbqvIxOPxgZjbKIFbUBRpRaaVgjQ8Cn6Jp7kAA45GvNpoVx110+3QmbwWSxxdP6MAtkiBaUWWsRZ3Ji92lE1OBdVeSvSVEukllk3YijuRZ6xpnWxx/1YxwjRZZi2IeGB5RFqcmjlueR0V+ulgXk6cnumgt0Nrea1x/3DpqbEx9LCMF/R2GFhe3AyXH7kZyhvisrohuhB3vlWG8UeiIeVNxRtC3vTPcsPI23yeaAh5xFebD0KRyCPGwALY06bJtKuLWahfbG2/1kYp7x9W3UHFw5I/A5/ApJxG/wQYAGj9/AVQbijOAAAAAElFTkSuQmCC");
    background-size: cover;
    left: 50%;
    margin-left: -13px;
    top: 50%;
    margin-top: -7px;
}
.keybord dd ul kbd.b.touch{
    background:#fff;
}
.keybord dd ul kbd.b.touch::before{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg5JREFUeNrUmM9LAkEUx9ciTQtBRfBP6D8oiE7RqY5BiqR26SiakJ6iPyTonwi6BhV1KIIO0UYgSBQYUSe9FNt34C08Bn/t7I6OAx9YZ97Ix3Fn3tu1LPW2Aq6Bo5lfcAH2HcexXFRaGOyBzzFIy5yDpKr4KniagLTLJZj1IhwDOfAwQWmXXS/iW+DLAGnB2ajSa+AK/Bki3h5FWvwtXUOEOQPbMrg3ULqv+AIoghdDpfuKr4M3lS9kCaLqYV6VzVMSnwOb4IYylspKJEggBQ5Ac0Bsk2JSNCehKr4TwEYsSqm5AL57xIm+ghRbVBEXG/E2gHuvBRogzVbxSFqQLvW5/06a5rS8iEfol34EvHkq0mpmwSuRlcYqKptT1B7PGna9DUqiKGOChwL2OUwxtor4neZj61jUOUw0TNcxGlM+DnWft+JYzfNbg8TzqkeuYIbubZ1tHmRCoVDM7aDrDI0ptyXwPs7VDmjVtcqLIy9KknGq5wVx6otSjK+UH6S8TYknwla3wcYbrD9CsbafWiUo+bJ0S+To/HbHxXVOiin7LbL8ytdZ1kzSkdfpEdehsSTLnnW/1aGyvLSKIrn8DIgXYyVpju8HCSV5VhnWhlSGvEKssQoxkCcgnUel1kc3k+WtaZW3plG+bVJ5oOWFkGny2yYWZkPf2Kq+rZ2k/ClY9Cs+LvlHcAI2eIb9F2AAxHM1WYpPWfQAAAAASUVORK5CYII=");
}
.keybord dd ul kbd.s{
    background: #3478F7;
    color:#fff;
}

.keybord dd.d1 ol li,.keybord dd.d2 ol li {
    height: 32px;
    padding: 12px 5px;
}
.keybord dd.d2 ol {
    width: 120px;
}
.keybord dd.d3 ol li {
    height: 32px;
    padding: 12px 5px;
}
.keybord dd.d2 ul {
    margin-left: 122px;
}
.keycfrm{
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 49px;
    background: rgba(45, 45, 45, 0.91);
    text-align: center;
}
.keycfrm span{
    display: block;
    color: #fff;
    margin: 70px 0 25px 0;
}
.keycfrm b{
    color: #fff900
}
.keycfrm a{
    display: inline-block;
    background: #ccc;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    border-radius: 4px;
    background: #1AAD19;
    color: #fff;
}
.keycfrm a.c{
    margin-right: 26px;
    background: #212121;
    color: #adadad;
}



#room ul{
    width:100%;
    float:left;
    padding-bottom:15px;
}
#room li{
    width:100%;
    box-sizing:border-box;
    padding:0 62px 0 10px;
    min-height:40px;
    margin-top:14px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
#room li cite, #room li img{
    width:40px;
    height:40px;
    overflow:hidden;
    flex-shrink:0;
}
#room li cite{
    text-align:center;
    font-style: normal;
    color: #fff;
    font-size: 20px;
    line-height:40px;
}
#room li ins{
    position: relative;
    box-sizing:border-box;
    min-height:40px;
    padding:7px 10px;
    margin-left:10px;
    text-decoration:none;
    border-radius:4px;
    background:#fff;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.3);
}
#room li ins::after{
    content:" ";
    position:absolute;
    top:14px;
    left:-6px;
    width: 6px;
    height: 12px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUeNqUlE0KwjAQhZ8N9gwFXbjQk9VloYfxdrapVvBn5bop1GeKFNxl3oPZfd8kw4SAJKzVnC9VBmPa5lo5507mzp2/MYTRBNcLTBWmClOFqcJUYaowVXjOKsJF3OBzsy2Q5+vkxuenMQK/kyzJ9ofde5o+x8f9hXiltPE3R9n5nsMQ0kMrElQJqgRVgipBlaBKyo9R+ra3C4v0FWAA5E4+23SMSAoAAAAASUVORK5CYII=");
    background-size: cover;
}
#room li ins u{
    color: #4380D1;
    /* text-decoration: underline; */
}
#room li.g cite{
    border-radius:4px;
    background: #E7BD5A;
    box-shadow:0 0 1px #461a00;
}
#room li.g ins{
    background:#e7bd5a;
    box-shadow:0 0 1px #461a00;
}
#room li.g ins::after{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNpi/P//PwMIvNgXzUAIXPsUlMPEQCQAKWZh/DGZiRTF8txHGJhIUczO9Am/BqDifGTFIMBCQPEEBe7DDGxMn+HiTKQoxqoBn2IMDYQUo2ggRjFcw74Na4lSDAKMe9evkQAqfk6MYpgNv/4DqX//mYlKIkxOAcHv/v5nS3n4zYbhx18BomxgAGqaS6wmeChp8a0jShNKPBCjCSOmCWnCmpbwacKZvHFpwpsfsGkimONgmh58swVrIipPgzT9+88K1kR0qQHTBBBgAJ/6nQBvTZX5AAAAAElFTkSuQmCC");
}
#room li.r ins{
    color: #8e0000;
}
#room li.m{
    padding:0 10px 0 62px;
    flex-direction:row-reverse;
}
#room li.m ins{
    margin-left:auto;
    margin-right:10px;
    background:#A0E75A;
    box-shadow:0 0 1px #285000;
}
#room li.m ins::after{
    left:auto;
    right:-6px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANpJREFUeNpi3LJ/Tc4bjXVTGAiAeImlYJrpH8uPySI3gnIYiARMH2WPMJCiiekv+ycGUjQxgQg0TfkENcA1yR0GaZqATxMTMucv22eCmpjQBQhpYsJmCj5NTLjciksTE74QQda09cBasCbGBc+j/hMKe+ZfvAz8j2wZmP5wSDIRE7uM/5gZGP+Dlf4iqIHlhwAD/2MbBsa/bCneDsHvmEhQPBevp5EVA5P/XLyhhEsxVg34FGNoIKQYRQMxiuEaiFUMVgtWDIxFxn+sBBWDbSBFMVgDKYpBACDAAH5Dl9CEO4lOAAAAAElFTkSuQmCC");
}



.beTool{
    position: absolute;
    z-index:5;
    width: 100%;
    height:35px;
    left:0;
    top:76px;
    box-sizing: border-box;
    padding-top:5px;
    background: #fff;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}
.beTool::after{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:1px;
    border-top:1px solid #C9C9CB;
    color: #C9C9CB;
    -webkit-transform-origin:0 0;
            transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
}
.beTool button{
    background:none;
    border:0;
    color:#2D6BE5;
    font-size:14px;
    padding:0 10px;
}
.beTool font{
    color:#888;
    font-size:12px;
}
.beTool.dis button{
    color:#83A8F0;
}
.beTool input{
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 0;
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 30px;
    line-height:30px;
    color:#666;
    box-sizing: border-box;
    padding-left:28px;
}
.beTool em{
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAc1gAAHNYBTCInoQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHrSURBVGiB7Zk9SwNBEIaf6KEEiRCClgZSpLBJoRjtUmht42+wtNYiRUhjK6TyFwg2aquCnUUKTSeCFmKVdIqFRojFGdhb7nK7+TCbdR+4YpjdeWdgNsNuQJ0a0BG+msbekWtMjSCZseAKMQ1XiGl4QBYoAwUgEbJmH7jqEWMTOBwwj341OsA9UPWAE2C9R5B0TBJpYCVmTRyDaKwCyx6wpihWA84E+1Vxnw79ahQ91M/Jw+83SvrVmPYUFu3i92gUuT6Eh66RwD8wE481P79WFdIedxJDoD0FXI87iyFwmcAfNgfAHjArOG+A1hiS6sUCUBLsT+AIaeo3CV5qxA2mUCKYY7PrsOqwW4HKZO+yhN+jXVrAi2CngLxgfwMNKUZB0nwE3jU0lIg7I3EPAyUi+vcvNKxpLVeIybg5YgKuENPQKaQCPAlfRfIXJX89JEZdWlPU1IhEZ7JnCN6dM5I/KflTITGyBCd3UlMjkn/ZWkaj01pxj2cNYEuwv0Ji7AAz0h4dDSXcQDQBawrROSPbwIZg3wLngp3Df/rs8gFUpRhlYE6wj4FnDQ0l3MXKBKwpROeM3AGnki3SkvxvITEugHlpj46GEm6OmIA1hfQ6I3mCj2cmkI9yiP+rNwneFSaBFrAIFrWWK8Q0fgCStaruMW13NAAAAABJRU5ErkJggg==");
    background-size: cover;
    z-index: 2;
    top: 8px;
    left: 6px;
    opacity: .6;
}

.belist{
    width:100%;
    float:left;
    padding:35px 0 10px 0;
}
.bhis{
    text-align: center;
}
.belist table{
    width: 100%;
    border-collapse: collapse;
}
.belist table tr td{
    height:36px;
    border-top:1px solid #dedede;
    color:#444;
    font-size:12px;
}
.belist table tr.t td{
    color:#999;
    height:38px;
    border-top:0;
    border-bottom: 2px solid #dedede;
}
.belist table tr.hz td{
    background:#fff785;
    text-indent: 14px;
}
.belist table tr.m td{
    color:#a7a7a7
}
.belist table tr td.x{
    text-indent:15px;
}
.belist table tr td.b{
    color:#4A9B15;
}
.belist table tr td.r{
    color:#CF2F45;
}
.belist table tr td i{
    display:block;
    margin:1px 0 0 10px;
    width:14px;
    height:14px;
    border-radius:14px;
    background: #e4e4e4;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
}
.belist table tr.x td{
    background:#f7f9fd;
}
.belist table tr.x td i{
    background:#fff;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.65);
}
.belist table tr.c td{
    background:#fff;
}
.belist table tr.c td i{
    position: relative;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.85);
}
.belist table tr.c td i::after{
    content:" ";
    position:absolute;
    width:8px;
    height:8px;
    background: #4A9B15;
    border-radius:4px;
    left:3px;
    top:3px;
}
.belist table tfoot td{
    background: #e8e8e8;
    height: 38px;
    text-align: center;
    color: #828282;
}

.beReturn{
    position: absolute;
    width: 100%;
    left: 0;
    top: 110px;
    bottom: 50px;
    background: rgba(0, 0, 0, 0.37);
}
.beReturn i{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}


.totast{
    position: fixed;
    width: 100%;
    z-index: 999;
    text-align: center;
    left:0;
    top:50%;
}
.totast div{
    display: inline-block;
    background: rgba(0, 0, 0, 0.64);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}


.setting{
    width:100%;
    height: 164px;
    background: #fff;
}
.setting dl{
    width:140px;
    height: 140px;
    float:left;
    margin:10px;
    background: #eee;
    position: relative;
    box-sizing: border-box;
}
.setting dt{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
.setting dt input{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.setting dt.new:before, .setting dt.new:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;
}
.setting dt.new:before {
    width: 2px;
    height: 55px;
}
.setting dt.new:after {
    width: 55px;
    height: 2px;
}
.setting dd{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, 0.27);
}
.setting dd:first-of-type{
    background:none;
    z-index: 1;
}
.setting dd img{
    max-width: 100%;
    max-height: 100%;
    vertical-align:middle;
}
.setting div{
    margin:0 0 0 160px;
    height: 100%;
    border-left:1px solid #eee;
    box-sizing: border-box;
    padding-top:3px;
}
.setting table{
    width:100%;
    border-collapse: collapse;
}
.setting table tr td{
    font-size:14px;
    padding:4px 0;
    border-bottom: 1px solid #eee;
}
.setting table tr.ls td{
    border: 0;
}
.setting table tr td.f{
    width:62px;
    padding-right:5px;
    text-align: right;
    color:#888;
}
.setting table tr td.g{
    color:#888;
}
.setting table tr td input{
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.47058824em;
    line-height: 1.47058824;
    color:#333;
}
.setting table tr td button{
    padding:5px 20px;
    background: #1AAD19;
    border:1px solid #179C17;
    color:#fff;
    border-radius: 2px;
    margin-left:62px;
}
.bscore{
    padding-top:0;
    text-align: center;
}
.bscore h3{
    font-size: 14px;
    background: #e8e8e8;
    padding: 5px 0;
    color: #828282;
}

.help{
    width:100%;
    box-sizing: border-box;
    padding:0 15px;
    font-size:14px;
    color:#666;
}
.help h3{
    font-size: 18px;
    padding-top:10px;
    color:#333;
}
.help h4{
    font-size: 16px;
    padding:20px 0 10px 0;
    color:#333;
}
.help p{
    padding-top:8px;
}
.help p span{
    color:#CC0000
}





/*new add*/
 .placeholder{

     height: 24px;
     line-height: 10px;
     padding: 5px;

     background-color: #047770;
     /*background-color: #F8F8F8;*/
     text-align: center;
     border: 1px solid #fff;
     /*border: 1px solid #e5e5e5;*/
     /*color: #000000;*/
     color: #fff;
     /*font-size: 16px;*/
     /*padding: 5px 0;*/
 }


.lt{
    border-bottom: none;
    border-right: none;
    padding-bottom: 6px;
    /*padding-right: 1px;*/
}

.rt{
    border-bottom: none;
    border-left: none;
    padding-bottom: 6px;
    /*padding-left: 1px;*/
}
.lb{
    border-top: none;
    border-right: none;
    padding-top: 6px;
    /*padding-right: 1px;*/
}
.rb{
    border-top: none;
    border-left: none;
    padding-top: 6px;
    /*padding-left: 1px;*/
}

.t1{
    border-left: none;
    /*padding-left: 1px;*/
}
.t2{
    border-right: none;
    /*padding-right: 1px;*/
}

.l1{
    border-top: none;
    padding-top: 6px;
}
.l2{
    border-bottom: none;
    padding-bottom: 6px;
}


.r1{
    border-top: none;
    padding-top: 6px;
}

.r2{
    border-bottom: none;
    padding-bottom: 6px;
}

.b1{
    border-left: none;
    /*padding-right: 1px;*/
}
.b2{
    border-right: none;
    /*padding-right: 1px;*/
}


.ltorrb{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAAERCAIAAADT9gTZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGtmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxNy0xMC0yN1QwMToyMDo0OCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMThUMTU6NTM6MTkrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMThUMTU6NTM6MTkrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzM1NjA3YmUtNjlkOC1iOTQxLWI3NmEtZTNiMzI4YjRmOWE5IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MzAyODBlNjctM2Q4NS05MjQwLTg3YmUtNTE0OTlkODE4OGYxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTk0NDJiMjEtYWVmYS1kOTQ1LThhMjUtOTJkM2ZmNWFkZGQ5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphOTQ0MmIyMS1hZWZhLWQ5NDUtOGEyNS05MmQzZmY1YWRkZDkiIHN0RXZ0OndoZW49IjIwMTctMTAtMjdUMDE6MjA6NDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE1NmQyNzk3LTUyZDctNDQ0OC04NDViLTgwYTBmYTNmMWFhOSIgc3RFdnQ6d2hlbj0iMjAxNy0xMS0wN1QxNTo0Mjo1MCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzM1NjA3YmUtNjlkOC1iOTQxLWI3NmEtZTNiMzI4YjRmOWE5IiBzdEV2dDp3aGVuPSIyMDE4LTAxLTE4VDE1OjUzOjE5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pglx5ooAAAawSURBVHic7d0vr6RJ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");
    background-size: 100% 100%;
}

.lborrt{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAAERCAIAAADT9gTZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGtmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxNy0xMC0yN1QwMToyMDo0OCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMThUMTU6NTM6NDgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMThUMTU6NTM6NDgrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTNhODliODMtMDJlMS1hMjQ4LWEwYmQtZDRmNWZkNDU4OGIyIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODA0MDlhOTgtMzAzNC1mNDQ1LTk2NDMtNDZjMTM5YThhZDkyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2QwMzcwMjYtZWJjYi03YzQ0LWJiZjctYWRmMzdmZGYxMjQ3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozZDAzNzAyNi1lYmNiLTdjNDQtYmJmNy1hZGYzN2ZkZjEyNDciIHN0RXZ0OndoZW49IjIwMTctMTAtMjdUMDE6MjA6NDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmMzZjg0M2YwLTBkZTgtMTk0Ny05NjE5LTBhYjA3Yjk1N2UyMCIgc3RFdnQ6d2hlbj0iMjAxNy0xMS0wN1QxNTo0MzoxMSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTNhODliODMtMDJlMS1hMjQ4LWEwYmQtZDRmNWZkNDU4OGIyIiBzdEV2dDp3aGVuPSIyMDE4LTAxLTE4VDE1OjUzOjQ4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvqUZpcAAAZBSURBVHic7daxcRxH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");
    background-size: 100% 100%;
}
.c3{
    /*line-height: 30px;*/
}
.c4{
    /*line-height: 30px;*/
}

.smallSpan{
    color: #dcc6a0;
}
.lSmallSpan{
    /*color: #f8bb00;*/
    color: #fff;
    /*color: #000000;*/
}
.weui-tabbar{
    background-color: #047770 ;
}
.cancel_btn{
    vertical-align: middle;
}
.ok_btn{
    vertical-align: middle;
}
.l_btn{
    text-align: center;
}
.l_foot{
    margin: 0 auto;
    padding: 1.5em 0;
    background-color: #fff;
}
.weui-cells:before{
    border-top: none !important;
}
.aa{
    margin-top: 0;
}
.weui-vcode-btn{
    height: 35px !important;
    line-height: 35px !important;
}
.weui-cells:after{
    border-bottom: none !important;
}

.weui-cell .weui-cell__ftz {
    padding-right: 13px;
    position: relative;
    text-align: right;
    color: #999999;
}

.weui-cell .weui-cell__ftz:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px;
}

.touzhu_money{
    text-align: center;
    height:40px;
    line-height:40px;
    color: #000;
    font-size: 18px;
}

.l_table_bar{

    height: 46px;
    line-height: 46px;
    text-align: center;

    background-color: #047770;
    /*padding: 0.5em 0;*/
    border: 1px solid #fff;
    /*vertical-align: center;*/
}
#zhuCount{
    /*color: #f8bb00;*/
    color: #fff;
    /*display: inline-block;*/
    /*vertical-align:super;*/
    font-size: 16px;
}
.aaa{
    vertical-align:baseline;
}
.close_icon{
    font-size: 30px;
    /*display: inline-block;*/
    /*color:#f8bb00;*/
    color:#fff;
    /*margin-right: 0.3em;*/
    /*margin-left: 0.1em;*/
}
.btn_origin{
    background-color: #f8bb00;
}
.clear_btn{
    /*margin-right: 0.6em;*/
}
.confirm_btn{
    /*margin-left: 0.6em;*/




    /*float: right;*/
    /*margin-right: 0.8em;*/
    /*!* color: black; *!*/
    /*margin-top: 0.3em;*/

}

.one{
    width: 14%;
    float: left;
    height: 46px;
    overflow: hidden;
    /*background-color: red;*/
}
.two{
    width: 34%;
    float: left;
    /*background-color: #0BB20C;*/
}


.three{
    width: 18%;
    float: left;
    /*background-color: #9D1DB2;*/
}

.four{
    width: 34%;
    float: right;
    /*background-color: #18b4ed;*/
}


.weui-cells__imgup{
    padding: 15px;
    background:#fff;
}
.weui-cells__imgup dl{
    position: relative;
    box-sizing: border-box;
    width: 202px;
    height:202px;
    /*border: 1px solid #D9D9D9;*/
}
.weui-cells__imgup dt{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
.weui-cells__imgup dt input{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.weui-cells__imgup dt.new:before, .weui-cells__imgup dt.new:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;
}
.weui-cells__imgup dt.new:before {
    width: 2px;
    height: 125px;
}
.weui-cells__imgup dt.new:after {
    width: 125px;
    height: 2px;
}
.weui-cells__imgup dd{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, 0.27);
}
.weui-cells__imgup dd:first-of-type{
    background:none;
    z-index: 1;
}
.weui-cells__imgup dd img{
    max-width: 100%;
    max-height: 100%;
    vertical-align:middle;
}
.genera_one{
    color: red;
}
.genera_two{
    color: red;
}
.genera_three{
    color: red;
}