html,body{width: 100%;height: 100%;background:#efeff4;}
.wrap{width: 100%;padding-bottom:3rem;}
.lan{width:100%;height:4rem;background:rgb(206,227,246);border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 0 4px #1A0F0F;}
.top_box{margin-top:-1rem;width:95%;margin:-3rem auto 0;background: #ffffff;padding:0.5rem 0;box-sizing:border-box;border-radius:8px;color:#333;text-align:center;box-shadow:0 0 2px #FBEFEF;position:relative;border-bottom: 1px solid #d8d4d4;}
.box.da{margin-top:8px;width:32%;margin-right:2%;float:left;margin-bottom:0.4rem;border:0px solid #e2e2e2;padding:0.8rem 0;display: block;box-sizing: border-box;color:#333;text-align:center;box-shadow:0 0 2px #999;position:relative;-webkit-border-radius: 8px;}
.top_box img{width:4rem;height:4rem;border-radius:4rem;display:block;margin:0 auto;}
.hei{color:#000;font-size:0.85rem;text-align:center;margin-top:0.5rem;}
.hui{color:#999;text-align:center;font-size:0.85rem;}
.box{width: 100%;overflow: hidden;padding:0.3rem 0;box-sizing: border-box;text-align: center;overflow: hidden;margin-top:1rem;}
.box>div{width: 25%;color:#b4b4b4;font-size:0.75rem;float: left;border-right:1px solid #e2e2e2;box-sizing:border-box;color:rgb(0,207,255);font-size:0.85rem;}
.box>div:nth-of-type(4n){border-right:0 none;}
.box p{color:#000;margin-top:0.4rem;}
.put{position:absolute;right:0;top:3rem;width:4rem;height:1.6rem;text-align:center;color:#fff;font-size:0.8rem;border-top-left-radius:1.6rem;border-bottom-left-radius:1.6rem;background:rgb(255,116,0);line-height:1.6rem;}
.top_tit{width: 100%;background:#fff;position:relative;box-sizing: border-box;overflow: hidden;}
.st{width: 100%;overflow: hidden;padding: 0.8rem 1rem;box-sizing: border-box;}
.zuo_l{float: left;width: 4.5rem;}
.zuo_l img{display: block;width: 4.5rem;height: 4.5rem;border-radius: 4.5rem;}
.zuo_l p{text-align: center;color:#000;font-size: 0.8rem;margin-top: 0.4rem;}
.zuo_r{float: left;margin-left: 1rem;color:#000;font-size:0.85rem;}
.zuo_r>div{margin-top: 0.3rem;}
.zuo_r span{color:#2c84cb;cursor: pointer;}
.zu{width: 100%;overflow: hidden;background: url(../images/lan.jpg) no-repeat center center;background-size: cover;padding:.5rem 0;box-sizing: border-box;}
.zu>div{width: 25%;float: left;color:#fff;font-size:0.8rem;text-align: center;}
.zu .mon{margin-top: 0.4rem;}
.zu2{width: 100%;overflow: hidden;background:#fff;padding:0.8rem 0;box-sizing: border-box;margin-top: 0.7rem;}
.zu2>a{width: 33.33%;float: left;color:#999;font-size:0.8rem;text-align: center;box-sizing: border-box;}
.zu2 img{display: block;height:2rem;margin:0 auto;}
.tiao_box{margin:0 auto;margin-top: 0.7rem;width: 95%;margin-bottom: 0.7rem;background: #ffffff;box-shadow:0 0 2px #FBEFEF;position:relative;-webkit-border-radius: 8px;border-bottom: 1px solid #dcc4c4;}
.tiao{display: block;width: 100%;border-bottom: 1px solid #dcc4c4;line-height: 2.8rem;color:#333;font-size:0.8rem;height: 2.8rem;box-sizing: border-box;overflow: hidden;padding:0 0.5rem;}
.tiao img{width: 1.3rem;display: inline-block;vertical-align: middle;margin-right: 0.4rem;}
.tiao span{display: inline-block;vertical-align: middle;}
.youb{float: right;font-size:1.4rem;color:#d6d5d5;}
.misael{margin:0 auto;margin-top: 0.7rem;background: #ffffff;box-shadow:0 0 2px #FBEFEF;position:relative;width:95%;-webkit-border-radius: 8px;border-bottom: 1px solid #dcc4c4;}
.ddan{color:#333;line-height: 2.5rem;border-bottom: 1px solid #dcc4c4;font-size:0.85rem;margin-top: 0.7rem;padding-left: 0.5rem;box-sizing: border-box;padding-right: 0.5rem;}
.ddan span{float: right;font-size: 0.7rem;color: rgb(0,207,255);}
.zu3{width: 100%;padding:1rem 0;}
.zu3>a{width: 25%;float: left;color:#000;font-size:0.83rem;text-align: center;box-sizing: border-box;position:relative;}
.ding{position:absolute;right:1.5rem;background: red;color:#fff;font-size:0.7rem;border-radius: 1rem;text-align: center;top:-0.5rem;box-sizing: border-box;padding:0.1rem 0.3rem;}
.zu3 img{display: block;height: 2rem;margin:0 auto;}
/*.fix_box{width: 100%;bottom:0;left:0;overflow: hidden;position:fixed;background:#fff;padding:0.3rem 0;box-sizing: border-box;text-align: center;overflow: hidden;box-shadow: 0 0 3px #999;}*/
/*.fix_box>a{width: 25%;color:#b4b4b4;font-size:0.75rem;float: left;}*/
/*.fix_box img{display: block;margin:0 auto 0.2rem;height:1.2rem;}*/
/*.fix_box .on{color:#ff1133;}*/

.fgh{overflow: hidden;width: 90%;margin:0 auto;}
.tonggao{width: 75%;height: 1.8rem;border-radius:10px;line-height: 1.8rem;color:#fff;font-size:0.8rem;position:relative;overflow: hidden;float: left;}
.gugu{float: left;height: 1.8rem;line-height: 1.8rem;width: 3rem;color:#fff;font-size:0.8rem;}
.zizi{height: 1.8rem;position:absolute;width: 400%;animation:zuoyou 20s linear infinite;-webkit-animation:zuoyou 20s linear infinite;}
@-webkit-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
    50% { left:0;top:0; }
    100% { left:-400%;top:0; }
    
}
@-moz-keyframes zuoyou {
     0% { left:0;top:-3rem;}
      50% { left:0;top:0; }
    10% { left:0;top:0; }
    100% { left:-400%;top:0; }
}
@-ms-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     50% { left:0;top:0; }
    100% { left:-400%;top:0; }
}
@-o-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     50% { left:0;top:0; }
    100% { left:-400%;top:0; }
}
@keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     50% { left:0;top:0; }
    100% { left:-400%;top:0; }
}
.tui{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position:fixed;left:0;top:0;padding-top: 15%;box-sizing: border-box;display: none;z-index: 1000;}
.xie_box{width: 80%;margin:0 auto;background: #fff;color:#000;font-size:0.8rem;padding-bottom: 0.5rem;box-sizing: border-box;}
.top{overflow: hidden;width: 100%;background: #f1f1f1;padding:0 0.5rem;line-height: 2rem;box-sizing: border-box;}
.left{float: left;font-size:0.8rem;}
.right{float: right;}
.xie_box input{display: block;width: 80%;height: 2rem;color:#000;font-size:0.85rem;line-height: 2rem;padding-left: 0.5rem;box-sizing: border-box;margin:1rem auto 0;border:1px solid #e2e2e2;border-radius: 5px;}
.kop{width: 80%;overflow: hidden;margin:1.5rem auto 0;}
.kop>div{width: 3rem;height: 1.4rem;line-height: 1.4rem;text-align: center; float: right;margin-left: 0.5rem;font-size:0.8rem;border-radius: 4px;cursor: pointer;}
.xiao{color:#000;border:1px solid #e2e2e2;box-sizing: border-box;}
.quey{background: #2684fb;color:#fff;}
 .marquee {
            width: 450px;
            margin: 0 auto;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            animation: marquee 40s linear infinite;
            -webkit-animation: marquee 40s linear infinite;
            height:2rem;
            line-height: 2rem;background: #fff;
        }

       /* .marquee:hover {
            animation-play-state: paused
        }*/

        /* Make it move */
        @keyframes marquee {
            0%   { text-indent: 27.5em ;line-height: 2rem;}
            100% { text-indent: -105em ;line-height: 2rem;}
        }
        @-webkit-keyframes marquee {
           0%   { text-indent: 27.5em ;line-height: 2rem;}
            100% { text-indent: -105em ;line-height: 2rem;}
        }
        

        /* Make it pretty */
        .microsoft {
            padding-left: 1.5em;
            position: relative;
            font: .8rem 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
        }

        /* ::before was :before before ::before was ::before - kthx */
        .microsoft:before, .microsoft::before {
            z-index: 2;
            content: '';
            position: absolute;
            top: 0em; left: -1em;
            width: .5em; height: .5em;
            /*box-shadow: 1.0em 1.25em 0 #F65314,
                        1.6em 1.25em 0 #7CBB00,
                        1.0em 1.85em 0 #00A1F1,
                        1.6em 1.85em 0 #FFBB00;*/
            background: url(../images/laba.png) no-repeat center center;
        }

        .microsoft:after, .microsoft::after {
            z-index: 1;
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 2em; height: 2em;
            background: url(../images/laba.png) no-repeat center center #fff;
            background-size: 70%;
        }
        .gongg{width: 100%;margin:0rem auto;overflow: hidden;overflow: hidden;background: rgb(0,207,255);}
.tuyy{float: left;width: 10%;height: 1.8rem;text-align: center;}
.tuyy img{margin:0 auto;display: block;height: 1rem;margin-top: 0.4rem;}
.tonggao{float: left;color:#fff;font-size:0.85rem;width: 90%;line-height: 1.8rem;position:relative;overflow: hidden;height: 1.8rem;}
.zizi{line-height: 1.8rem;position:absolute;width: 300%;animation:zuoyou 22s linear infinite;-webkit-animation:zuoyou 22s linear infinite;height: 1.8rem;}
@-webkit-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
    40% { left:0;top:0; }
    100% { left:-300%;top:0; }
    
}
@-moz-keyframes zuoyou {
     0% { left:0;top:-3rem;}
      40% { left:0;top:0; }
    10% { left:0;top:0; }
    100% { left:-300%;top:0; }
}
@-ms-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     40% { left:0;top:0; }
    100% { left:-300%;top:0; }
}
@-o-keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     40% { left:0;top:0; }
    100% { left:-300%;top:0; }
}
@keyframes zuoyou {
    0% { left:0;top:-3rem;}
    10% { left:0;top:0; }
     40% { left:0;top:0; }
    100% { left:-300%;top:0; }
}