*{
    margin: 0;
    padding: 0;
}
.ucc_quick_link{ width:120px; height:500px; position:fixed;  left:5px; top:60px; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _margin-top:60px;}
.ucc_quick_link a.u_close{ width:13px; height:13px; background:url(../images/quick_link_icon.png) no-repeat 0 -200px; display:block; overflow:hidden; position:absolute; top:2px; right:2px; text-indent:-9999px; cursor:pointer; z-index:9999;}
.ucc_quick_link ul{ width:120px; padding:0; margin:0;}
.ucc_quick_link li{ width:120px; margin-bottom:1px; list-style:none; font-size:14px; font-weight:bold; text-align:center;}
.ucc_quick_link ul a{ width:120px; height:56px; padding-top:10px; display:block; color:#fff; text-decoration:none; position:relative;}
.ucc_quick_link ul a:hover{ }
.ucc_quick_link i{ width:34px; height:25px; display:block; margin:0 auto 2px; background:url(../images/quick_link_icon.png) no-repeat; }
.ucc_quick_link em{ width:17px; height:17px; text-align:center; line-height:17px; display:block; position:absolute; left:74px; top:6px; background-color:#4298ad; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-style:normal; -moz-border-radius:50%; -webkit-border-radius: 50%;border-radius:50%;}
.ucc_quick_link .bg1 em{ background-color:#6a8e00;}
.ucc_quick_link .bg8 em{ background-color:#6a8e00;}
.ucc_quick_link ul a:hover em{ background-color:#333;}
.ucc_quick_link .u_icon1{ background-position:0 0;}
.ucc_quick_link .u_icon2{ background-position:0 -25px;}
.ucc_quick_link .u_icon3{ background-position:0 -50px;}
.ucc_quick_link .u_icon4{ background-position:0 -75px;}
.ucc_quick_link .u_icon5{ background-position:0 -100px;}
.ucc_quick_link .u_icon6{ width:70px; height:70px; background-position:0 -128px;}
.ucc_quick_link .u_icon8{ background:url(http://www.ucc.cn/js/qq_pic.png) no-repeat center 0}
.ucc_quick_link .bg1{ background:#93C400;}
.ucc_quick_link .bg2{ background:#91c6df;}
.ucc_quick_link .bg3{ background:#91c6df ;}
.ucc_quick_link .bg4{ background:#91c6df ;}
.ucc_quick_link .bg5{ background:#EB897E;}
.ucc_quick_link .bg6{ height:130px; background:#91C6DF;}
.ucc_quick_link .bg6 p{color:#fff; }
.ucc_quick_link .bg6 .utxt1{ padding-top:10px;margin-bottom: 5px;}
.ucc_quick_link .bg6 .utxt2{ padding-bottom:5px;}
.ucc_quick_link .bg6 .utxt3{ font-weight:100;}
.ucc_quick_link .bg8{ background:#a4c0fa;}
.ucc_quick_link .bg8 em{animation:myfirst 1s infinite; -moz-animation:myfirst 1s infinite;-webkit-animation:myfirst 1s infinite; -o-animation:myfirst 1s infinite;}
.ucc_quick_link li.l_tel img {
    height: 30px;
    float: left;
    margin-left: 10px;
}
.ucc_quick_link li.l_tel p {
    height: 30px;
    padding-top: 5px;
}
.ucc_quick_link ul .l_tel a {
    height: 30px;
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ucc_quick_link li.l_tel span {
    margin-top: 6px;
    color: #fff;
    float: left;
    display: block;
    margin-left: 5px;
}
.ucc_quick_link li.l_tel {
    margin-top: 34px;
    background: #91C6DF;
}
@keyframes myfirst
{
    0%   {background:#467df0;}
    49%  {background:#467df0;}
    50%  {background:#333;}
    100% {background:#333;}
}

@-moz-keyframes myfirst
{
    0%   {background:#467df0;}
    49%  {background:#467df0;}
    50%  {background:#333;}
    100% {background:#333;}
}

@-webkit-keyframes myfirst
{
    0%   {background:#467df0;}
    49%  {background:#467df0;}
    50%  {background:#333;}
    100% {background:#333;}
}

@-o-keyframes myfirst
{
    0%   {background:#467df0;}
    49%  {background:#467df0;}
    50%  {background:#333;}
    100% {background:#333;}
}
.ucc_quick_link ul .bg8 a:hover{ background:#729cf2; text-decoration:none; color:#fff;}
.content{
    width: 100%;
}
.content img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.xjdb712{ width:100%; height:120px; background: url(../images/bj.png); position:fixed; left:0; bottom:0;}
.xjdb712_c{ width:1000px; height:120px; margin:0 auto; position:relative;}
.gb712{ width:36px; height:36px;background: url(../images/gb.png); position:absolute; right:-30px; top:-15px; cursor:pointer;}
.xjdb712_cl{ width:440px; height:120px;background: url(../images/xzt_b_txt.png) no-repeat left center; float:left; padding-left:20px; margin-right:48px;background-size: contain;}
.xjdb712_cl1{ width:363px; height:120px; float:left; padding-left:150px;}
.xjdb712_cl1 h3{ font-size:30px; color:#fff; font-weight:bold; padding-top:45px;}
.xjdb712_cl1 h3 em{ font-style:normal;font-size:30px;font-weight:bold; color:#FF0;}
.xjdb712_cl1 strong{ color:#fff; font-size:20px; display:block; line-height:40px; font-weight:bold; padding-top:5px;}
.xjdb712_cl1 span{ width:97px; height:29px; line-height:28px; background:#fff; margin:5px 30px 8px 0; text-align:center; font-size:16px;}
.xjdb712_cl1 span em{ color:#f00; font-style:normal; font-size:16px;}


.xjdb712_cc{ width:380px; float:left;height:120px; padding-top:24px;}
.xjdb712_cc ul{ width:280px; float:left; height:120px;list-style: none;}
.xjdb712_cc ul li{height:35px; margin-bottom:6px;}
.xjdb712_cc ul li span{height:24px; padding-top:5px; color:#fff; font-size:14px;display: inline-block;
    width: 90px;
    text-align: right;
}
.wenben712{ width:186px; height:35px; line-height:35px; border:none; padding:0; margin:0; text-indent:5px; color:#666;}
.tj712{ width:85px; height:76px;  background:url(../images/liuyan.png); overflow:hidden; text-indent:-9999px;border:none; float:left; cursor:pointer;background-size: auto 92px;background-position: -10px -9px;}
.xjdb712_cr{ width:132px; height:41px;background: url(../images/wx.jpg) no-repeat center top; float:right; margin-top:20px; text-align:center; color:#fff; padding-top:70px; font-size:12px;}
.fast-main-open-0{
    display: none;
}
.fast-main{
    background: url(../images/fast_bg.png) no-repeat;
    width: 680px;
    height: 437px;
    z-index: 11111;
    left: 50%;
    margin-left: -340px;
    top: 50%;
    margin-top: -343px;
    position: fixed;
}
.fast-main.activity-0,.fast-main.pos-5{
    margin-top: -219px;
}
.fast-main.pos-1{
    left: auto;
    right: 0;
    top: 50px;
    margin-top: 0;
    margin-left: 0;
}
.fast-main.pos-2{
    left: auto;
    right: 0;
    top: auto;
    bottom: 231px;
    margin-top: 0;
    margin-left: 0;
}
.fast-main.pos-3{
    left: 0;
    top: 50px;
    margin-top: 0;
    margin-left: 0;
}
.fast-main.pos-4 .welfare{
    position: fixed;
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
}
.fast-main.pos-4 .welfare .qr i{
    right: auto;
    left: 0;
}
.prize{
    text-align: center;
    position: absolute;
    top: 77px;
    width: 100%;
}
.price-0{
    display: none;
}
.welfare{
    position: absolute;
    top: 160px;
    left: 40px;
}
.welfare-0{
    display: none;
}
.welfare .qr{
    position: absolute;
    top: -98px;
    left: 0;
    width: 147px;
    align-items: flex-start;
    justify-content: space-around;
    display: none;
    height: 175px;
    background: #fff;
}
.welfare-tips{
    color: #666;
    position: absolute;
    bottom: 5px;
    font-size: 12px;
}
.welfare .qr img{
    max-width: 147px;
    max-height: 147px;
    filter: blur(3px);
    transition: all 1s;
}
.welfare .qr img.on{
    filter: blur(0);
}
.welfare .qr img.mohu{
    display: none;
    width: 147px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
}
.welfare .qr i{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #fff;
    color: #666;
    font-style: normal;
    width: 20px;
    height: 20px;
    border: 1px solid #666;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 2;
}
.fast-main form{
    margin: 187px 0 0 185px;
}
.fast-main form .input{
    overflow: hidden;
    margin-bottom: 10px;
}
.fast-main form .input img{
    float: left;
}
.fast-main form .input input{
    background: #fff;
    border: 0;
    height: 43px;
    padding-left: 10px;
    width: 298px;
    float: left;
}
.fast-main form .input.code input{
    width: 170px;
    margin-right: 10px;
}
.fast-main form .input.code span{
    float: left;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 120px;
    background-image: linear-gradient(to right, #fee73f , #ffa52d);
    color: #fff;
    cursor: pointer;
}
.input-sub{
    background: url("../images/fast_btn_bg.png") no-repeat;
    height: 53px;
    width: 245px;
    margin-left: 50px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.input-sub span{
    margin-left: 10px;
}
.fast-activity{
    background: url("../images/fast_activity.png") no-repeat;
    width: 554px;
    height: 256px;
    z-index: 11111;
    left: 50%;
    margin-left: -277px;
    top: 50%;
    margin-top: 50px;
    position: fixed;
}
.fast-activity.pos-0{
}
.fast-activity-title{
    font-weight: bold;
    font-style: italic;
    color: #fe3d4e;
    width: 135px;
    margin: auto;
    border-bottom: 1px solid #fe3d4e;
    padding-bottom: 5px;
    margin-top: 78px;
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
}
.fast-activity p{
    width: 400px;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    color: #ff2847;
    line-height: 26px;
    font-weight: bold;
}
.fast-activity-0{
    display: none;
}
.fast-activity.pos-1{
    right: 50px;
    left: auto;
    margin-left: 0;
    top: 442px;
    margin-top: 0;
}
.fast-activity.pos-2{
    right: 50px;
    left: auto;
    margin-left: 0;
    top: auto;
    margin-top: 0;
    bottom: 20px;
}
.fast-activity.pos-3{
    left: 50px;
    margin-left: 0;
    top: 442px;
    margin-top: 0;
}
.fast-activity.pos-5{
    right: 0;
    left: auto;
    margin-left: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
}
.close-fast {
    position: absolute;
    right: 0;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #999;
    border-radius: 100%;
    top: 95px;
    font-style: normal;
    cursor: pointer;
    z-index: 1;
    background: #fff;
}

@media screen and (max-width: 1600px){
    .fast-main{
        width: 580px;
        background-size: 100% auto;
        margin-left: -290px;
    }
    .welfare img{
        width: 120px;
    }
    .fast-main form {
        margin: 157px 0 0 170px;
    }
    .fast-main form .input input{
        height: 35px;
        width: 260px;
    }
    .fast-main form .input img{
        height: 35px;
    }
    .fast-main form .input.code span{
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        width: 80px;
    }
    .input-sub {
        background: url(../images/fast_btn_bg.png) no-repeat;
        height: 49px;
        width: 230px;
        margin-left: 28px;
        line-height: 47px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        background-size: 100% auto;
    }
    .fast-activity{
        background-size: 100% auto;
        width: 500px;
        margin-left: -250px;
        margin-top: 10px;
    }
    .fast-activity-title{
        font-size: 20px;
        margin-top: 70px;
    }
    .fast-activity p{
        font-size: 14px;
    }
    .prize{
        top: 67px;
    }
    .prize img{
        width: 80%;
    }
}
@media screen and (max-width: 1366px){
    .fast-main{
        width: 400px;
        margin-left: -200px;
        height: 250px;
        margin-top: -240px;
    }
    .welfare img{
        width: 80px;
    }
    .welfare{
        top: 110px;
    }
    .fast-main form {
        margin: 115px 0 0 125px;
    }
    .fast-main form .input input{
        height: 25px;
        width: 160px;
    }
    .fast-main form .input img{
        height: 25px;
    }
    .fast-main form .input.code span{
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        width: 70px;
    }
    .fast-main form .input.code input{
        width: 80px;
    }
    .input-sub {
        background: url(../images/fast_btn_bg.png) no-repeat;
        height: 36px;
        width: 168px;
        margin-left: 20px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        background-size: 100% auto;
    }
    .fast-main form .input {
        overflow: hidden;
        margin-bottom: 5px;
    }
    .close-fast{
        top: 43px !important;
    }
    .fast-activity{
        background-size: 100% auto;
        width: 390px;
        margin-left: -195px;
        margin-top: 10px;
    }
    .fast-activity-title {
        font-size: 14px;
        margin-top: 50px;
    }
    .fast-activity p{
        font-size: 12px;
        padding-left: 40px;
        line-height: 20px;
    }
    .prize{
        top: 46px;
    }
    .prize img{
        width: 80%;
    }
}