.noctoct {
    background: url(/images/nimgs/zhuce-1.jpg) center no-repeat;
    padding: 60px 0;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    behavior: url(/backgroundsize.min.htc);
}
h1{font-size:20px;font-weight:900;}
#wraper{width:1190px;margin:0 auto;}
.dz_box{width:770px;float:left;background:#fff;padding:10px;border-radius:5px 0 0 5px;}
.dz_box > div{padding:3px 0;margin-top:15px;}
.dz_box > div span{height:32px;line-height:32px;}
.intips{padding:0 5px;color:#ddd;}
.intips_warn{padding:0 5px;color:red;border:1ps solid red;}
 .dz_box input[type="text"],textarea{  vertical-align:top;  border: 1px solid #fff;
   
    color:#999;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border-radius: 2px;
    box-shadow: inset 1px 1px 3px #a5a5a5;
    background: #fdfdfd;}
textarea{max-width:600px;width:500px;}
h3{font-size:12px;display:inline-block;padding:1px;width:80px;margin:0 10px 0 40px;}
h3 span{color:red;margin-right:4px;}
input[type="image"]{padding:10px 0 10px 110px;}
input[name="yj_type"]{width:300px;margin-left:135px;}


.eare_box{background:rgba(0,0,0,0.7);width:380px;height:760px;float:right;border-radius: 0 5px 5px 0;position:relative;padding:10px;overflow:hidden;}
.eare_box:before{content:"";display:blocl;position:absolute;left:-10px;top:60px; width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #4e4e4e;
    border-bottom: 10px solid transparent;}
 .eare_box_ul{height:760px;overflow:auto;color:#09c600;}  

 .eare_box_ul b {display:block;font-size:16px;font-weight:900;margin-top:5px;cursor:pointer;}  
 .eare_box_ul li{color:#fff;display:inline-block;padding-right: 4px;position:relative;cursor:pointer;}
 
 .introdu{position:absolute;background:#fff;color:#333;border:1px solid #ddd;box-shadow:0px 0px 5px #333;left:0;top:0;display:none;width:300px;height:auto;z-index:1999;}
 .introdu p{padding:0 5px;margin-top:5px;}
.eare_box_ul li:hover .introdu{display:block;;}


@media (max-width: 780px){




#wraper{
    width: 90%;
     margin-left: 5%;
   
}

.dz_box{width: 96%;padding:0;border-radius: 0;padding: 2%;}
.dz_box > div {
   
    margin-top: 5px;
}

h3{width:96%;padding:0 2%;font-size:1.5em;border-top:1px solid #eee;height:2em;line-height:2em;border-bottom:1px solid #eee;margin:0 0 0.5em 0;background:#fdfdfd;}

.dz_box input[name="yj_type"], .dz_box input[type="text"],textarea{
    width: 90%;
    margin-left: 5%;
    box-shadow: inset 1px 1px 3px #fff;
    background:#fff;
    border-bottom:1px solid #ddd;
}
input[type="radio"]{width:15px;height:15px;margin-top:5px;margin-bottom:5px;}
.fratn{margin-left:5%;}

input[type="image"]{width:121px;height:auto;padding:10px;}

.eare_box{display:none;}

}