﻿ /*----------------立即体验窗口样式----------------------*/
.demobox
{
    width: 530px;
    position:fixed;
    border: 1px #e2e2e2 solid;
    z-index:9999;
     float: left;
    background:#fff;
}
.demobox .header
{
    background: #f4f4f4;
    border-bottom: 1px #e2e2e2 solid;
    height: 40px;
    line-height: 40px;
}
.demobox .footer
{
    height: 40px;
    background: #f4f4f4;
    border-top: 1px #e2e2e2 solid;
}

.demobox .header img
{
    border: 0;
}
.demobox .header a
{
    cursor: pointer;
}
.demobox .header .demologo
{
    float: left;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 6px;
}
.demobox .header .colse
{
    float: right;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 12px;
}
.demobox .content
{
    height: 246px;
  
}
.demobox .content .title
{
    margin: 20px auto 40px auto;
    width: 446px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background: #5cabee;
}


.demobox .content .box
{
    margin: 0px auto;
    width: 446px;
    height: 32px;
}
.demobox .content .box .namebox
{
    width: 88px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    float: left;
    font-size: 14px;
    text-align: right;
}
.demobox .content .box .ztbox
{
    float: left;
    border: 1px #cecece solid;
    width: 240px;
    height: 32px;
    line-height: 32px;
}
.demobox .content .box .ztbox .lbox
{
    width: 200px;
    float: left;
}
.demobox .content .box .ztbox .lbox .selectbox
{
    border: 0;
    height: 28px;
    text-indent: 2px;
    line-height: 28px;
    background: #fff;
    width: 200px;
}
.demobox .content .box .ztbox .mbox
{
    height: 20px;
    float: left;
    border-left: 1px #e2e2e2 solid;
    margin-top: 6px;
    margin-bottom: 6px;
    _margin-top: 2px;
    _margin-bottom: 2px;
}
.demobox .content .box .ztbox .rbox
{
    cursor: pointer;
    background: url(/images/demo_select.gif) no-repeat;
    float: right;
    width: 15px;
    height: 10px;
    margin-top: 12px;
    margin-right: 14px;
    _margin-right: 6px;
    vertical-align: middle;
}

.demobox .content .box .btnbox
{
    width: 74px;
    float: left;
    height: 32px;
    margin-left: 8px;
}
.demobox .content .box .btnbox .btn
{
    width: 74px;
    height: 32px;
    line-height: 32px;
    border: 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #5cabee;
    color: #fff;
}
.demobox .content .span
{
    margin-top: 20px;
    float: left;
    font-size: 12px;
    font-family: "宋体";
    color: #999999;
    margin-left: 128px;
}
.demobox .footer img
{
    border: 0;
}
.demobox .footer .leftbox
{
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
.demobox .footer .rightbox
{
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}
.namelist
{
    border: 1px #CCCCCC solid;
    float: left;
    margin-top: 34px;
    display: none;
    position: absolute;
    width: 240px;
    z-index: 2001;
    left: 0;
    background-color: #ffffff;
}
.namelist ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.namelist ul li
{
    height: 22px;
    line-height: 22px;
    float: left;
    font-size: 12px;
    overflow: hidden;
    cursor: pointer;
}


.xzhy{width:530px; background:#fff; border:1px #ccc solid; float:left;   position:fixed; z-index:9999;}
.xzhy .close{  height:15px; line-height:15px;  float: right;margin-top: 12px; margin-right: 10px;vertical-align: middle; }
.xzhy h1{font-size:20px; font-weight:normal; color:#505050; font-family:"微软雅黑","Microsoft YaHei"; text-align:center;  }
.xz_box{width:520px; margin:0 auto; padding-bottom:20px; float:left;}
.xz_box input,.xz_box a{width:120px; height:120px; display:block; float:left; margin:10px 2px 20px 8px;}
.xz_box1{width:470px; margin:120px auto;  }

 
.xz1{background:url(../images/wt.png) no-repeat; cursor:pointer;}
/*.xz1:hover{background:url(../images/wt_c.png) no-repeat; cursor:pointer;}*/
.xz2{background:url(../images/wt.png) no-repeat -120px 0; cursor:pointer;}
/*.xz2:hover{background:url(../images/wt_c.png) no-repeat -120px 0;cursor:pointer;}*/
.xz3{background:url(../images/wt.png) no-repeat -240px 0;cursor:pointer;}
/*.xz3:hover{background:url(images/wt_c.png) no-repeat -240px 0;cursor:pointer;}*/
.xz4{background:url(../images/wt.png) no-repeat -360px 0;cursor:pointer;}
/*.xz4:hover{background:url(images/wt_c.png) no-repeat -360px 0;cursor:pointer;}*/
.xz5{background:url(../images/wt.png) no-repeat -480px 0;cursor:pointer;}
/*.xz5:hover{background:url(../images/wt_c.png) no-repeat -480px 0;cursor:pointer;}*/
.xz6{background:url(../images/wt.png) no-repeat -600px 0;cursor:pointer;}
/*.xz6:hover{background:url(images/wt_c.png) no-repeat -600px 0;cursor:pointer;}*/
.xz7{background:url(../images/wt.png) no-repeat -720px 0;cursor:pointer;}
/*.xz7:hover{background:url(../images/wt_c.png) no-repeat -720px 0;cursor:pointer;}*/
.xz8{background:url(../images/wt.png) no-repeat -840px 0;cursor:pointer;}
/*.xz8:hover{background:url(../images/wt_c.png) no-repeat -840px 0;cursor:pointer;}*/
