@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{height:100%;font-size:16px; color:#333333;  }
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ul,li { list-style:none; padding:0; margin:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
a { color:#474747; text-decoration:none;}
a:hover {color:#2685cd; text-decoration:none;}
.clear { clear:both;}
.fl { float: left;}
.fr { float:right;}
body { width:100%; height:100vh; background:#0b262f url(images/bg.png) center 0 no-repeat; background-size:cover;}
.wrap { width:100%;  padding:0 0;width:1024px;  margin:0 auto 0;  }

.header_w { padding: 6% 24px 0;}
.header {clear:both;  padding:0; margin:0 auto 0;}
.header .logo img { width:360px; height:auto;}

.i_main_w { padding: 1em 10px 0;}
.i_main {clear:both;  overflow:hidden; padding:0; margin:0 auto 0;}
.i_main .col_11 {float:left; width:34.4%;}
.i_main .col_11_1 { float:left; width:50%;}
.i_main .col_11_2 { float:left; width:50%;}
.i_main .col_12 { float:left; width:28.6%;}
.i_main .col_13 { float:left;width:18.5%}
.i_main .col_14 {float:left;width:18.5%}

.i_main .item { padding:10px;}
.i_main .item_b { position:relative; z-index:0;display:block; cursor:pointer;background:#e4675f;}
.i_main .item_b2 { position:relative; z-index:0; display:block;cursor:pointer;background:#57a3e8;}

.i_main .col_21 {float:left; width:63%;}
.i_main .col_22 {float:left; width:37%;}

.i_main .bg_1 { background-color:#e4675f;}
.i_main .bg_2 { background-color:#e88f2b;}
.i_main .bg_3 { background-color:#c471c4;}
.i_main .bg_4 { background-color:#57a3e8;}
.i_main .bg_5 { background-color:#e68444;}
.i_main .bg_6 { background-color:#dc86db;}

.i_main .bg_7 { background-color:#8088e9;}
.i_main .bg_8 { background-color:#47be6b;}
.i_main .bg_9 { background-color:#7eb853;}
.i_main .bg_10 { background-color:#ff726a;}

.i_main .item .i_c { position:absolute; width:100%; text-align: center; top:50%; margin-top:-3.8em;}
.i_main .item .pic { display:block;text-align:center;}
.i_main .item .pic img { width:78px; height:auto;}

.i_main .item .txt { line-height:1.5em; margin-top:0.3em; font-size:1.1em;display:block; text-align:center; color:#ffffff;}

/*上海海岳新登陆页面相关样式*/
.content{overflow: hidden;height: 100%;align-items: center;justify-content: center;display: flex;overflow: hidden;}
.fl{float:left;}
.tuanjie{line-height: 1.5em;margin-top: 0.1em;font-size: 5.1em;display: block;text-align: center;color: #f6666f;margin-top:-80px;font-family: "楷体","楷体_GB2312";}
.wushi{line-height: 1.5em;margin-top: 0.1em;font-size: 5.1em;display: block;text-align: center;color: #f6666f;margin-top:80px;margin-left:40px;font-family: "楷体","楷体_GB2312";}
.logoBm{width: 280px;height: 28px;float: right;margin-right: 80px;}

.header .logo_hy img { width:580px; height:auto; margin-left: 3em;}
.i_main .col_01 {float:left; width:100%;}
.i_main .bigtxt { line-height:1.5em; margin-top:0.1em; font-size:5.1em;display:block; text-align:center; color:#f6666f;}
#copyright {float:right;color:#fff;margin-right: 80px;margin-top: 10px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}

.i_main .item .item_b2 .i_c { margin-top:-6.5em;}
.i_main .item .item_b2 .pic img { width:145px; height:auto;}
.i_main .item .item_b2 .txt { margin-top:2em;}

.i_main .item .i_app { position:absolute; right:0; bottom:0; width:60px; height:60px; background:url(images/i_app.png) right bottom no-repeat; background-size:contain;}

.login_box { width:100%; max-width:900px; margin:1em auto 0; color:#ffffff;}
.login_box .i_w {float:left; background:#ffffff; padding:0 1em 0 3em;-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; margin-right:2em;}
.login_box .i_w .input { font-size:1em; color:#666666; width:228px; height:35px; border:0; outline-width:0;line-height:35px;}
.login_box .t_w { line-height:35px; padding:0 1em 0 1em; float:left; font-size:1em;}
.login_box .b_w { float:left }
.login_box .btn { cursor:pointer; border:0; outline-width:0; font-size:1em; height:42px; text-align:center; width:5em; text-align:center;-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; background:#378bd9; color:#ffffff; }
.login_box .btn:hover{ background:#126bbd;}
.login_box .i_user { background:#ffffff url(images/i_user.png) 10px center no-repeat; background-size:22px auto}
.login_box .i_pass { background:#ffffff url(images/i_pass.png) 10px center no-repeat;background-size:22px auto}

.down_txt { padding-top:15px; clear:both; text-align:center; color:#ffffff; font-size:12px;}
.down_txt a { color:#ffffff; text-align:center; text-decoration:underline;}
.down_txt a:hover { color:#eeeeee;}


	.i_main .item .i_app { width:45px; height:45px;}
	.i_main .item .i_c { margin-top:-2.7em;}
	.i_main .item .item_b2 .i_c { margin-top:-5em;}
	.i_main .item .pic img { width:54px; height:auto;}
	.i_main .item .item_b2 .pic img { width:101px; height:auto;}
	.i_main .item .txt  { font-size:14px;}