@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
*{word-wrap:break-word} 
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0; }
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{color:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#999999;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#333;  font-size:14px; line-height:1.8; overflow-x:hidden; background-color:#fff;  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#1658c6;  text-decoration:none}
.weap{ width:1450px; max-width:100%; margin:0 auto} 
 
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 

 
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
 
/*头部*/  
body{ min-height:100vh; background:url(../images/bg.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative; padding:1px}
.logo{ position:absolute; z-index:2; left:20px;top:20px}
.logo img{ height:60px}

.xmain{ width:900px; margin:0 auto; max-width:100%; background-color:rgba(255,255,255,.5); padding:10px; margin-top:80px}
.xmain .xbox{ background-color:#fff}

.page01{ padding:30px 10%}
.page01 .title{ text-align:center}
.page01 h1.title{ font-size:20px;}
.page01 h3.title{ font-size:25px; margin-bottom:20px;}
.page01 h4.title{ margin-bottom:30px}
.page01 .conn{ overflow:hidden; margin-bottom:30px}
.page01 .conn p{ text-indent:2em}
.page01 .gobtn{ text-align:center; margin-top:30px}
.page01 .gobtn a{ display:inline-block; background-color:rgb(42, 126, 8); height:38px; line-height:38px; text-align:center;  color:#fff; border-radius:5px; width:120px; }
.page01 .gobtn a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}

.longin{ width:420px; margin-left:-210px; left:50%;  background-color:rgba(255,255,255,.5); padding:10px; position:absolute;top:50%; transform:translateY(-50%)  }
.longin .box{ background-color:#fff; padding:30px}
.longin .hd{ text-align:center; margin-bottom:30px}
.longin .hd h3{ font-size:20px}
.longin .bd li{ margin-bottom:10px;}
.longin .bd li .t{ margin-bottom:5px; overflow:hidden}
.longin .bd li .t .tis{ float:right; font-size:12px}
.longin .bd li .t i{ color:#999; font-size:12px; margin-left:10px}
.longin .bd li .red{ color:#F00}
.longin .bd li .inpuitbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.longin .bd li .ui-input{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.longin .bd li .fsyzm{ margin-left:10px; cursor:pointer; width:90px; border:1px solid #ccc;     background: #f9f9f9; border-radius:5px}
.longin .bd li .fsyzm:disabled{  cursor: not-allowed; }
.longin .btnbox{ text-align:center; margin-top:30px}

.el-button{ margin-left:10px; cursor:pointer; width:90px; border:1px solid #ccc; font-size:12px;    background: #f9f9f9; border-radius:5px; padding:2px 5px}

.ui-input{ width:100%; height:38px; border:1px solid #DCDFE6; border-radius:5px;transition: border-color .2s cubic-bezier(.645,.045,.355,1); padding:0 10px}
.ui-textarea{ width:100%;   border:1px solid #DCDFE6; border-radius:5px;transition: border-color .2s cubic-bezier(.645,.045,.355,1); padding:10px 10px}
.ui-input:disabled{ background-color:#eee; color:#ccc;    -webkit-appearance: none;}
.ui-input:hover {
    border-color: #C0C4CC;
}
.ui-input:focus {
    border-color: #409EFF;
    outline: 0;
}
.ui-btn{display:inline-block; background-color:#67C23A; height:38px; line-height:38px; text-align:center;  color:#fff; border-radius:5px; width:120px; border:none; cursor:pointer}

.ui-radio {
    display: inline-block;
    vertical-align: middle;
  
    padding-right: 20px;
	
}
.ui-radio label{cursor:pointer}
.ui-radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.ui-radio input[type=radio] + .radio-label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 18px;
    height:18px;
    position: relative;
    top: -1px;
    margin-right: 5px;
    vertical-align:middle;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.ui-radio input[type=radio]:checked + .radio-label:before {
    background-color: #409EFF;
    box-shadow: inset 0 0 0 3px #fff;
    outline: none;
    border-color: #409EFF
}

.ui-radio input[type=radio]:disabled + .radio-label:before {
    border-color: #b4b4b4
}

.ui-radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0
}

.cupload-image-delete{ opacity:1 !important;background:none !important; cursor:default !important }
.cupload-image-delete .cupload-sort-left,.cupload-image-delete .cupload-sort-right{ display:none !important}
.cupload-image-delete .cupload-delete-btn{ background:#fff url(../images/ico-closeb.png) no-repeat center !important; background-size:100% !important; border-radius:50%;top:-13px !important; right:-13px !important}
.cupload-upload-box{ vertical-align:top;}
.cupload-image-box{ margin-right:20px !important}


.page03{ padding:50px;} 
.formlist .hd{ background-color:#eee; padding:0 10px; line-height:44px; border-left:2px solid #019603; margin-bottom:20px; font-size:16px;}
.formlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.formlist li .inputbox{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.formlist li .t{ width:130px; text-align:right; margin-right:10px; line-height:1.4}
.formlist li .t.l38{ line-height:38px}
.formlist li .t .p2{ color:#999;}
.formlist li .tis{ color:#F00; line-height:38px; margin-left:5px;}
.formlist .litis{ color:#F00; padding-left:140px}
.itemhd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.itemhd .t{ font-weight:bold; width:130px; margin-right:10px; text-align:right; line-height:47px}
.itemhd .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;color: red;
    font-weight: bold;
    background: #E0FFFF;
    border: 1px dotted #185598; 
    padding: 10px; }
.line{ border-bottom:1px dotted #ccc; height:1px; margin:20px 0}

.formlist .btnbox{ text-align:center}


.table {
    margin-top:-1px;
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #000000;
    border-collapse: separate;
    border-left: 0;
    border-bottom: 0;
}
.table th, .table td {
    padding: 4px;
    line-height: 20px;
    word-break: break-all;
}
.table th, .table td {
    border-bottom: 1px solid #000000;
}
.table th, .table td {
    border-left: 1px solid #000000;
}
.table th {
    text-align:center
}
.table .w1 {
    width:90px
}
.table .w2 {
    width:120px
}
.table .w3 {
    width:50px
}
.table .w4 {
    width:84px
}
.table .w5 {
    width:83px
}
.table .w7 {
    width:70px
}
.table .w8 {
    width:65px
}
.table .w9 {
 
}
.table .w10 {
    width:75px
}
.table .w11 {
    width:85px
}
.table .w12 {
    width:90px
}
.table .w13 {
    width:100px
}
.item_cls{ margin:10px 0}
#lxdh1{white-space: nowrap;}
.tx{ width:140px; height:195px;}
.ui-image{ width:140px; text-align:center}
.page04{ padding:50px}

.page04 .goto a{ color:#409EFF;}
.page04 .goto a:before{ content:""; display:inline-block; width:20px; height:20px; background:url(../images/ico-xg.png) no-repeat center; background-size:auto 100%; vertical-align:middle; position:relative;top:-1px}
.page04 .title{ font-size:25px; text-align:center; font-weight:normal; margin-bottom:30px}
.page04 .red{ color:#F00}
.page04 .hd{ margin-bottom:20px}
.page04 .hd p{ text-indent:2em}
.page04 .numsbox{ margin-bottom:20px}
.page04 .numsbox span{ display:inline-block; border-bottom:1px solid #999; padding:0 30px; margin-left:20px}
.page04 .ptis{ margin-top:20px; color:#F00; font-weight:bold}
.page04 .dybtn{ margin-top:30px; text-align:center}
.page04 .dybtn .ui-btn{ background-color:#409EFF}
.page04 .dybtn .ui-btn:before{ content:""; display:inline-block; width:20px; height:20px; background:url(../images/ico-dy.png) no-repeat center; background-size:auto 100%; vertical-align:middle; position:relative;top:-1px; margin-right:3px}

.pichd{ margin-bottom:10px}
.pichd span{ display:inline-block; vertical-align:middle}
.pichd .sp1{ width:150px; margin-right:10px}
.picbd .li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:10px}
.picbd .li .inpu{ width:150px;flex:0 0 150px; margin-right:10px;}
.upimg{ width:102px; height:102px; border:1px dashed #eee; cursor:pointer; border-radius:5px; position:relative}
.upimg:hover{border:1px dashed #00CCFF;}
.upimg img{ display:block; width:100%; height:100%;border-radius:5px; }
.upimg .ui-file{    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: 100%;
    height: 100%; cursor:pointer}
.picbd .li .picdate{ width:42px; height:32px; line-height:32px; color:#fff; cursor:pointer; margin-left:10px; text-align:center; background-color:#F56C6C; border-radius:5px;}
.add{ margin-top:20px}
.add span{ display:inline-block; width:52px; height:32px;  line-height:32px; background-color:#409EFF; color:#fff; text-align:center; cursor:pointer; border-radius:5px;}
@media(max-width:766px){
body{ padding:10px; line-height:1.6}
.logo{ text-align:center; position:static; margin-top:0px; margin-bottom:10px}
.xmain{ padding:5px; margin-top:0}
.logo img{ height:50px;}
.page01{ padding:20px 5%}
.page01 h1.title{ font-size:16px}
.page01 h3.title{ font-size:20px; margin-bottom:10px}
.page01 h4.title{ margin-bottom:20px}

.xmain .xbox{ padding:10px}
.formlist li{ display:block; margin-bottom:10px; position:relative}
.formlist li .tis{ position:absolute; z-index:3;right:0;top:0; height:20px; line-height:20px; margin-left:0}
.formlist li .t{ width:auto; text-align:left; margin-bottom:5px;  }
.formlist li .t>div{ display:inline}
.formlist .litis{ padding:0}
.formlist .hd{ line-height:1.4; padding-top:10px; padding-bottom:10px}
.formlist li .t.l38{ line-height:20px}
.itemhd{ display:block}
.itemhd .p{ font-size:12px}
.itemhd .t{ width:100%; text-align:left}
.itemhd .p{ padding:5px 10px}
.cupload-image-box{ margin-right:14px !important}

.page04 .title{ font-size:20px; margin-bottom:10px}

.tx{ width:100px; height:195px;}
.ui-image{ width:100px; text-align:center}

.area_content {
    width:310px;
}
}