@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0; padding: 0;  font-size:14px; line-height:28px;}
ul,li{list-style: none;}
input,button,textarea,select{font-family: inherit; font-weight:inherit;}
fieldset,img{border: 0}
body{ font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif}
a{text-decoration: none;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f24{ font-size:24px;}
.clb{ color:#000;}
.clr{ color:#f00;}
.cly{ color:#ffae01}
.clbl{ color:#03a0da}
.cld{ color:#888;}
.clg{ color:#9abd0d;}
.l{ float:left;}
.r{ float:right;}

html,body{ max-height:768px;}
/*头部导航*/
.topbox{ height:50px; background:#22a460;}
    .logo{ width:50%; overflow:hidden; padding-left:14px;}
    .logo .logoicon{ margin-top:10px; float:left; line-height:0;}
    .logo .logotext{ float:left; font-size:16px; color:#fff; line-height:50px; margin-left:8px;}
    .topicon{ width:340px; height:40px;}
    .topicon a { display:block; width:50px; height:50px; float:right;}
    .topicon a .aicon{ display:block; width:25px; height:25px; background:url(../images/boxicon.png)0 -378px; margin:14px auto;}
    .topicon a .a01{background:url(../images/boxicon.png)0 -410px;}
    .topicon a .a02{background:url(../images/boxicon.png)0 -444px;}
    .topicon a .a03{background:url(../images/boxicon.png)0 -474px;}
    .topicon a .a04{background:url(../images/boxicon.png)-28px -46px;}
    .topicon a:hover{ background:#199a56;}
    span.set .listUl {display:none;}
    span.set .listUl .usern {width:184px; overflow:hidden; padding:12px 0 12px 10px;}
    span.set .listUl .usern img { float:left; margin-right:2px;}
    span.set .listUl .usern h3 { font-size:14px; font-weight:normal;line-height:20px; text-align:left; color: #fff;}
    span.set .listUl .usern p { font-size:12px; line-height:18px; text-align:left; padding:0; color:#d6d6d6;}
    span.set { display:block; width:50px; height:38px; text-align:center; padding-top:12px; float:right; cursor:pointer;}
    span.set:hover{ background:#108b4a;}
    span.set:hover .listUl { display:block; width:194px; overflow:hidden; background:#108b4a; position:fixed; top:50px; right:0; z-index:1000;}
    span.set:hover .listUl ul{ display:block;}
    span.set:hover .listUl li{ height:40px; margin-top:1px; line-height:40px; text-align:center; font-size:14px;}
    span.set:hover .listUl li a{ display:block; width:100%; background:#22a460; height:40px; color:#fff;}
    span.set:hover .listUl li a:hover{ background:#199a56;}


/*页面内容*/
.main{ width:100%; overflow:auto; position:relative;}
    /*左侧页*/
    .leftbox{ width:380px; overflow:hidden; min-height:860px; -moz-box-shadow:1px 0px 5px #666; -webkit-box-shadow:1px 0px 5px #666; box-shadow:1px 0px 5px #666;}
    .leftbox .agr{ margin:20px 14px 0px 14px; overflow:hidden;}
    .leftbox .agr .agrinput{ width:240px; height:38px; border:1px solid #999; border-radius:4px; outline:none; text-indent:6px;}
    .leftbox .agr .agra{ display:block; width:100px; height:40px; background:#22a460; line-height:40px; color:#fff; border-radius:4px;}
    .leftbox .agr .agra .add{ width:18px; height:18px; background:url(../images/boxicon.png) no-repeat 0 -320px; margin:12px 8px; display:block; }
    .leftbox .agr .agra:hover{ background:#3ec37d;}
    .leftbox .up{ margin:10px 14px 0 14px;}
    .leftbox .up .upload{ display:block; width:92px; line-height:32px; background:url(../images/title_bg.jpg) repeat-x; border:1px solid #999; border-radius:4px; text-align:center; color:#333;}
    .leftbox .up .upload:hover{ color:#f00;}
    .leftbox .up .notes{ line-height:34px; color:#666; font-size:12px; padding-left:10px;}
    /*菜单*/
    .leftbox .menu{ margin:14px; overflow:hidden;}
    .leftbox .menu li{ width:80px; overflow:hidden; text-align:center; float:left; margin-right:8px;}
    .leftbox .menu li .menubtn{ display:block; border:1px dashed #999; border-radius:4px;}
    .leftbox .menu li .menubtn .menuicon{ display:block; width:22px; height:22px;  margin:20px auto 0 auto;}
    .leftbox .menu li .menubtn .m1{background:url(../images/boxicon.png) no-repeat 0 0;}
    .leftbox .menu li .menubtn .m2{background:url(../images/boxicon.png) no-repeat 0 -30px;}
    .leftbox .menu li .menubtn .m3{background:url(../images/boxicon.png) no-repeat 0 -58px;}
    .leftbox .menu li .menubtn .m4{background:url(../images/boxicon.png) no-repeat 0 -86px;}
    .leftbox .menu li .menubtn:hover{ border:1px dashed #ff8400;}
    .leftbox .menu li .menubtn .text{ margin-bottom:14px; font-size:12px; color:#666; text-align: center;}
    .leftbox .menu li .meok{ background:#22a460;}
    .leftbox .menu li .meok .m1{background:url(../images/boxicon.png) no-repeat 0 -115px;}
    .leftbox .menu li .meok .m2{background:url(../images/boxicon.png) no-repeat 0 -145px;}
    .leftbox .menu li .meok .m3{background:url(../images/boxicon.png) no-repeat 0 -173px;}
    .leftbox .menu li .meok .m4{background:url(../images/boxicon.png) no-repeat 0 -200px;}
    .leftbox .menu li .meok .text{color:#fff;}
    /*展示*/
    .leftbox .exh{ margin:0 14px; overflow:hidden;}
    .leftbox .exh .title{ border-bottom:1px solid #22a460; color:#22a460; font-size:16px;}
    .leftbox .exh .lie{ width:100%; overflow:hidden; margin-top:6px;}
    .leftbox .exh .lie li{ width:100%; overflow:hidden; background:#22a460; border-radius:4px; margin-top:8px;}
    .leftbox .exh .lie li span{ float:left; display:block;}
    .leftbox .exh .lie li span.lieicon{ width:18px; height:18px; margin:7px;}
    .leftbox .exh .lie li span.lie01{ background:url(../images/boxicon.png) no-repeat 0 -240px;}
    .leftbox .exh .lie li span.lie02{ background:url(../images/boxicon.png) no-repeat 0 -268px;}
    .leftbox .exh .lie li span.lie03{ background:url(../images/boxicon.png) no-repeat 0 -294px;}
    .leftbox .exh .lie li span.lietext{ line-height:32px; color:#fff;}
    .leftbox .exh .lie li span.liesu{ width:1px; height:16px; background:#fff; float:right; margin-top:9px;}
    .leftbox .exh .lie li a.btn{ display:block; width:40px; float:right; text-align:center; line-height:34px; color:#fff; font-size:12px;}
    .leftbox .exh .lie li:hover{ background:#2ec475;}
    /*空*/
    .leftbox .exh .lie .nodata{ width:100%; overflow:hidden; margin-top:40px;}
    .leftbox .exh .lie .nodata .datatext{ text-align:center; font-size:16px; }
    .leftbox .exh .lie .nodata .people{ width:153px; height:119px; background:url(../images/peoplepic_03.jpg) center no-repeat; margin:20px auto;}
    .leftbox .exh .lie .nodata .gotext{ width:200px; line-height:32px; background:#bff1cb; margin:0 auto; padding-left:20px; color:#666;}
    /*右侧页 回执单预览*/
    .rightbox{overflow:hidden;}
    .rightbox .orderbox{ width:740px; margin:0 auto; min-height:860px; overflow:auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
    .rightbox .orderbox .title{ background:url(../images/title_bg.jpg) repeat-x; height:36px; border-bottom:1px solid #ddd; line-height:36px; text-align:center; color:#333;}

/*页尾*/
.footer{ width:100%; height:60px; background:#fff; -moz-box-shadow:0px -2px 5px #666; -webkit-box-shadow:0px -2px 5px #666; box-shadow:0px -1px 3px #666; position:fixed; bottom:0; z-index:1;}
    .foobtn{ width:300px; overflow:hidden; margin:0 auto;}
    .foobtn a{ display:block; width:140px; background:#22a460; line-height:42px; border-radius:4px; color:#fff; margin-top:10px;}
    .foobtn a img{ float:left; margin:12px 10px 10px 16px;}
    .foobtn a:hover{ background:#2ec475;}

/*弹窗*/
.bombbg{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.7; z-index:4;}
.bombbox{ width:570px; overflow:hidden; background:#fff; border-radius:4px; position:absolute; top:20%; left:32%; z-index:9;}
    /*温馨提示*/
    .bombbox .title{ background:url(../images/title_bg.jpg) repeat-x; line-height:36px; border-bottom:1px solid #ddd; border-radius:4px 4px 0 0; padding-left:10px; font-size:16px; color:#22a460; position:relative;}
    .bombbox .title a{ display:block; width:36px; height:36px; position:absolute; right:0; top:0; text-align:center;}
    .bombbox .popcon{ width:90%; margin:20px auto; max-height:280px; overflow:auto;}
    .bombbox .popcon ul{ width:100%; overflow:hidden;}
    .bombbox .popcon li{ width:48%; float:left; margin:1%;}
    .bombbox .popcon li .hint{ display:block; text-align:center; border:1px solid #999; border-radius:4px; line-height:36px; color:#666;}
    .bombbox .popcon li .hint:hover{ border:1px solid #ff8400; color:#ff8400;}
    .bombbox .popcon li .popok{ border:1px solid #f00; color:#f00; background:url(../images/popok.png) no-repeat bottom right;}
    .bombbox .popbtn{ width:100%; overflow:hidden;}
    .bombbox .popbtn .detebtn{ display:block; background:#22a460; text-align:center; line-height:44px; color:#fff; font-size:16px;}
    .bombbox .popbtn .detebtn:hover{ background:#2ec475;}
    /*附加协议*/
    .bombbox .additi li{ width:94px;}
    .bombbox .additi .line{ width:100%; height:1px; border-bottom:1px dashed #999; margin-top:10px;}
    .bombbox .additi .radio{ margin-top:10px; overflow:hidden;}
    .bombbox .additi .radio .label{ display:block; float:left; margin-left:10px;}
    .bombbox .additi .radio .ratit{ float:left;}
    .bombbox .additi .radio .label .rainput{ display:block; width:16px; height:16px; float:left; margin-top:6px;}
    /*证件录入*/
    .bombbox .papcon{ overflow:hidden; max-height:none;}
    .bombbox .papcon .paptab{ width:400px; overflow:hidden;}
    .bombbox .papcon .paptab td{ height:36px; padding-bottom:10px;}
    .bombbox .papcon .paptab .name01{ width:70px; color:#666;}
    .bombbox .papcon .paptab .pap_select{ width:256px; height:36px; text-indent:6px; background:url(../images/title_bg.jpg) repeat-x;  border:1px solid #999; border-radius:4px; outline:none;}
    .bombbox .papcon .paptab .papinput{ width:254px; height:32px; text-indent:6px; border:1px solid #999; float:left; border-radius:4px; outline:none;}
    .bombbox .papcon .paptab .sm{ width:216px; border-radius:4px 0 0 4px; border-right:none; }
    .bombbox .papcon .paptab .framebtn{ display:block; width:38px; height:34px; float:left; background:#22a460; border-radius:0 4px 4px 0; text-align:center;}
    .bombbox .papcon .paptab .framebtn img{ margin-top:5px;}
    .bombbox .papcon .take{ width:100%; overflow:hidden; margin:10px 0;}
    .bombbox .papcon .take .pho{ display:block; border:1px dashed #999; width: 240px; height: 150px; border-radius:4px;}
    .bombbox .papcon .take .pho .phoicon{ display:block; width:48px; height:36px; background:url(../images/xj-icon.png) center no-repeat; margin:44px auto 0 auto;}
    .bombbox .papcon .take .pho .photext{ color:#666; text-align: center;}
    .bombbox .papcon .take .tit{ margin-right:20px; color:#666; line-height:144px;}
    .bombbox .papcon .picshows{ width:100%; overflow:hidden; margin-top:8px;}
    .bombbox .papcon .picshows li{ width:86px; padding:6px 6px 0 0; float:left; position:relative; margin-top:10px;}
    .bombbox .papcon .picshows li .pic{ display:block; width:100%; height:86px; overflow:hidden;}
    .bombbox .papcon .picshows li .close{ width:16px; height:16px; background:url(../images/close-icon.png) no-repeat; position:absolute; top:0; right:0;}
    /*推送提示*/
    .bombbox .popcon .tstext{ font-size:16px;}
    .bombbox .popcon .mode{ margin-top:10px; width:330px; border:1px solid #999; border-radius:4px;}
    .bombbox .popcon .mode .modeinp{ width:100%; line-height:36px; border:none; text-indent:6px; outline:none; border-radius:4px;}
    /*补录提示*/
    .any{ width:368px; position:absolute; top:35%; left:36%;}
    .any .popcon .anyinput{ width:98%; line-height:38px; margin:10px auto; text-indent:6px; border-radius:4px; border:1px solid #999;}
    /*系统提示*/
   .bombbox .tsbox{ width:190px; margin:26px auto;}
   .bombbox .tsbox .tsicon{ float:left; padding-right:10px; }
   .bombbox .tsbox .tstext{ font-size:16px; color:#ff8400; }


/*判断屏幕*/
/* @media screen and (max-width: 1368px) {
    .rightbox .orderbox{ width:60%;}
    } */