@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, span, i, ul, a, em, img, textarea, select {margin: 0; padding: 0;}

body, button, input, select, textarea {
    font: 12px/180% "Microsoft YaHei", Tahoma, "Simsun", sans-serif;
}

html {
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none; /*禁止iphone字体放大*/
}

body {
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-color: #fff;
}
a,img{border:none;text-decoration:none;}

ul, ol, li {
    list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 设置HTML5元素为块 */
/* Form */
label, input, select {
    vertical-align: middle;
}

input[type=submit], input[type=button], input[type=reset] {
    cursor: pointer;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], select, textarea {
    -webkit-appearance: none;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}

*:focus {
    outline: none;
}

textarea, select, input {
    resize: none;
    -webkit-appearance: none;
    border-radius: 0; /* mobile-select设置*/
}

/* Clear float */
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blank10 { height:10px; line-height:10px; clear:both; visibility:hidden; }
.blank20 { height:20px; line-height:20px; clear:both; visibility:hidden; }
.blank30 { height:30px; line-height:30px; clear:both; visibility:hidden; }
.blank40 { height:40px; line-height:40px; clear:both; visibility:hidden; }
.blank50 { height:50px; line-height:50px; clear:both; visibility:hidden; }
.blank60 { height:60px; line-height:60px; clear:both; visibility:hidden; }
.blank70 { height:70px; line-height:70px; clear:both; visibility:hidden; }
.blank80 { height:80px; line-height:80px; clear:both; visibility:hidden; }
.blank90 { height:90px; line-height:90px; clear:both; visibility:hidden; }
.blank100 { height:100px; line-height:100px; clear:both; visibility:hidden; }

/*-------------------------------------*/
.wapdiv {
    width: 100%;
    overflow: hidden;
    position: relative;
	background:url(../images/logo.jpg) no-repeat center top;
	background-size:100% auto;
}

.kuan { display:block; overflow:hidden; width:80%; margin:0 auto; padding:6%; border:#ddd 1px solid; background-color:#FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:10px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); }
.top_log { float:left; width:55%; overflow:hidden; font-size:20px; font-weight:bold; color:#333; padding:8px 0 8px 15%; background:url(ioc02.png) no-repeat left center; background-size:auto 100%; }
.top_log a{ display:block; font-size:20px; font-weight:bold; color:#333; }
.top_logu { float:left; width:30%; text-align:right; overflow:hidden; }
.top_logu a{ display:block; padding:8px 0; font-size:15px; color:#666; }

.kuanff { display:block; width:92%; margin:0 auto; }
.kuanff li{ float:left; width:27%; padding:2%; margin:5px 2% 5px 0; text-align:center; border:#ddd 1px solid; background-color:#FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:10px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); }
.kuanff li:nth-child(3), .kuanff li:nth-child(6){ margin-right:0; }
.kuanff li:nth-child(9){ margin-right:0; }
.kuanff li a{ display:block; font-size:15px; color:#333; font-weight:bold; }
.kuanff li a img{ width:50%; }
.kuanff li a p{ padding:2px 0 5px 0; }

.zzhd { display:block; width:90%; margin:0 auto; overflow:hidden; }
.zzhd .tits{ display:block; font-size:18px; font-weight:bold; color:#000; padding:13px 0 13px 40px; background:url(ioc01.png) no-repeat left center; background-size:auto 60%; border-bottom:#efefef 1px solid; }
.zzhd .tits2{ display:block; font-size:18px; font-weight:bold; color:#000; padding:13px 0 13px 40px; background:url(ioc04.jpg) no-repeat left center; background-size:auto 65%; border-bottom:#efefef 1px solid; }


.title { display:block; font-size:26px; color:#0c74be; text-align:center; padding:30px 0 20px 0; letter-spacing:2px; font-weight:bold; overflow:hidden; }
.title p{ display:block; font-size:16px; color:#0c74be;  font-weight:normal; padding:20px 0 0 0; letter-spacing:1px; overflow:hidden; }

.selbut { display:block; width:100%; overflow:hidden; }
.selbut ul{ width:70%; margin:0 auto; list-style:none; }
.selbut ul li{ display:block; width:100%; margin:40px 0; }
.selbut ul li a{ display:block; padding:20px 0; text-align:center; font-size:22px; color:#0c74be; border:#a9bddd 1px solid; background-color:#f0f4f8; border-radius:35px; }
.selbut ul li a:hover{ background-color:#d4e1ef; }
.forget { display:block; width:100%; padding:60px 0 0 0; text-align:center; font-size:14px; color:#666; overflow:hidden; }
.cpy { display:block; width:100%; padding:25px 0 10px 0; text-align:center; font-size:13px; color:#999; overflow:hidden; }

/*-------表格---------*/
.formdiv { display:block; width:100%; margin:20px auto 0 auto; overflow:hidden; }
.formdiv .form{ width:100%; overflow:hidden; }
.formdiv .form li{ width:100%; padding:5px 0; overflow:hidden; font-size:18px; color:#333; }
.formdiv .form li i{ display:block; font-size:16px; padding:10px 0; color:#333; font-style:normal; font-weight:bold; letter-spacing:2px; }
.formdiv .form li input{ display:block; border:#ccc 1px solid; padding:5px 2%; width:94%; font-size:15px; color:#666; border-radius:5px; }

.formdiv .form li p{ display:block; font-size:16px; padding:0 0 5px 0; color:#333; }
.formdiv .form li.line{ padding:10px 0; border-bottom:#CCC 1px dashed; }
.formdiv .form li.lines{ padding:20px 0; border-bottom:#CCC 2px dashed; }
.formdiv .form li .sexsel { width:100%; padding:5px 0 5px 2%; border:#ccc 1px solid; font-size:15px; color:#666; border-radius:5px; background:url(xlp.png) #fff no-repeat right center; }

.formdiv .form li .jkinp { width:30%; }
.formdiv .form li .yuan { float:left; font-size:18px; padding:10px 0 0 3%; }

.formdiv .but{ display:block; width:100%; padding:30px 0; overflow:hidden; }
.formdiv .but input { border:0px; background-color:#44b549; width:100%; padding:5px 0; font-size:20px; font-weight:bold; cursor:pointer; color:#fff; border-radius:0; letter-spacing:2px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.formdiv .but input:active { background-color:#20a226; }
.gohome { width:50%; margin:0 auto; text-align:center; padding:0 0 30px 0; overflow:hidden; }
.gohome a{ display:block; font-size:16px; color:#666; text-decoration:underline; }

/*-------about---------*/
.about{ display:block; padding:0 0 60px 0; font-size:15px; line-height:30px; overflow:hidden; }
.about img { max-width:100%; padding:10px 0; }
.about_tit { display:block; text-align:center; font-size:18px; font-weight:bold; padding:12px 0; }

/*-------news---------*/
.newslist { display:block; width:98%; margin:15px auto 0 auto; overflow:hidden; }
.newslist li{ display:block; padding:8px 0 8px 10px; border-bottom:#efefef 1px dashed; background:url(p.gif) no-repeat left 17px; }
.newslist li a{ display:block; }
.newslist li a h2{ color:#000; font-size:15px; }
.newslist li a p{ color:#666; font-size:12px; }
.newslist li a:hover{ color:#0c74be; }

/*----------------*/
.moneylist { display:block; width:96%; margin:15px auto 0 auto; overflow:hidden; }
.moneylist .tit{ display:block; padding:8px 0; border-bottom:#CCC 1px dashed; overflow:hidden; }
.moneylist .tit i{ float:left; width:50%; text-align:center; font-style:normal; font-size:15px; font-weight:bold; }
.moneylist ul{ display:block; padding:8px 0; overflow:hidden; }
.moneylist ul li{ display:block; padding:8px 0; border-bottom:#CCC 1px dashed; overflow:hidden; }
.moneylist ul i{ float:left; width:50%; text-align:center; color:#666; font-style:normal; font-size:14px; }

.kuan_card { display:block; position:relative; overflow:hidden; width:92%; margin:0 auto; padding:0; border:#ddd 1px solid; background-color:#FFF; line-height:0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:10px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); }
.kuan_card img{ width:100%; }
.kuan_card div{ position:absolute; left:6%; bottom:11%;  color:#FFF; font-size:22px; z-index:1; letter-spacing:1px; }

.pages_box { width:100%; padding:20px 0 10px 0; text-align:center; overflow:hidden; }
DIV.jogger { MARGIN: 2px; }
DIV.jogger A {PADDING: 5px 10px; MARGIN: 0px; COLOR: #666; BACKGROUND-COLOR: #f7f7f7; TEXT-DECORATION: none; border:#bfbfbf 1px solid; border-radius:5px; }
DIV.jogger A:hover {	PADDING: 5px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #32a647; border:#32a647 1px solid; border-radius:5px;}
DIV.jogger A:active {	PADDING: 5px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #32a647; border:#32a647 1px solid; border-radius:5px;}
DIV.jogger SPAN.current {	PADDING: 5px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #32a647; border:#32a647 1px solid; border-radius:5px;}
DIV.jogger SPAN.disabled {	DISPLAY: none}