@charset "utf-8";
/* 
 * CSS Document for 上网认证
 * http://ccb.com/
 * fxh CCB GEONG
 * http://www.geong.com/
 * Date: 2014-08-20
 */
img, object, embed, video {max-width: 100%;}
a,a:hover,a:visited{color:#333;text-decoration:none;}
body{font-family:"微软雅黑",sans-serif;font-size:22px;min-height:400px;background:#fff;}

.header{overflow:hidden;text-align:center;}
.w_head{width:100%;margin:0px auto;}
.logo{display:block;text-align:center; font-size:0px;}
.logo img{height:75px;margin-top:0;}

a.back_btn{ display:block;position:absolute;left:0;z-index:100; line-height:75px;}
a.back_btn img{margin:0 1em; vertical-align:middle;}

.tag_login{ min-width:290px;margin:40px auto -50px auto; text-align:center; line-height:0px; overflow:hidden; *position:relative; z-index:100;}
.tag_login div{display:inline-block; height:70px;line-height:62px; font-size:28px; overflow:hidden;}
.tag_login div.tag_bg_l{background:url(../images/tag_bg.png) right top no-repeat; *margin-left:38%;}
.tag_login div.tag_bg_l{
	background-image:url(../images/tag_bg1.png)\9;
	background-repeat:no-repeat\9;
}
.tag_login div.tag_bg_r{background:url(../images/tag_bg.png) left bottom no-repeat;}
.tag_login div.tag_bg_r{
	background-image:url(../images/tag_bg2.png)\9;
	background-repeat:no-repeat\9;
}
.tag_login div.tag_bg_l,.tag_login div.tag_bg_r{width:45px; *height:70px; background-size:auto 140px;*float:left; *z-index:100;}
.tag_login div.tag_text{color:#fff; *float:left;text-align:center; white-space:nowrap;padding:0px 0.6em;background:url(../images/tag_text_bg.png) top repeat-x;background-size:auto 70px;}

.get_tab,.line_tab{overflow:hidden;}
.get_tab{margin:85px 10px 0px 10px; border-bottom:1px solid #81c5fc; text-align:center; padding:0px; line-height:0px; min-width:255px;}
.get_tab div{margin:0px auto; display:inline-block;overflow:hidden; padding:0px;}
.get_tab a{ display:inline-block;color:#737272; text-align:center; line-height:2em; border:1px solid #a6b3ba;  border-bottom:0px; border-radius:3px 3px 0px 0px; width:8em; white-space:nowrap; background:url(../images/bg_alpha_blue.png); overflow:hidden; margin-right:5px;}
.get_tab a.get_tab_on{ color:#004b8d; font-weight:bold; border:1px solid #43a6ff;  border-bottom:0px; background:#71bbeb none;}
.get_tab2{ margin-left:0.6em;}

.line_tab{ margin-top:30px;}
.line_tab ul{margin:4% 0 0 5%;}
.line_tab li{ display:block; float:left; width:32%; background:url(../images/line_tab_bg.gif) left 0.6em repeat-x;}
.line_tab li.line_tab_doing{ background-image:url(../images/line_tab_bg2.gif);}
.line_tab li.line_tab_done{ background-image:url(../images/line_tab_bg1.gif);}
.line_tab li div{ width:1.4em; height:1.4em; line-height:1.4em; font-size:0.9em; border-radius:.7em; overflow:hidden; text-align:center; color:#fff; background-color:#9ca2a6;}
.line_tab li.line_tab_done div{ background-color:#3794eb;}
.line_tab li.line_tab_doing div{background-color:#e1a31e;}
.line_tab li span{ font-size:0.8em; color:#666; padding:0 0.1em;}
.line_tab li.line_tab_doing span{ color:#333;}




.content{margin:0px;width:100%;background:url(../images/bg_bluesky.png) repeat-x top;}
.content_wrap{padding:0px 0px 1px 0px;overflow:hidden;background:url(../images/bg_cloud.jpg) no-repeat top left; position:relative; z-index:20;}
.content1{margin:18px auto 20px;width: 93%;}

.box_login{min-width:260px; max-width:700px; width:60%;border:1px solid #95cff7;margin:0 auto 3% auto; background:url(../images/bg_alpha_blue.png);border-radius:.3em;overflow:hidden; *padding-bottom:1em;}
.box_input{ padding:0.3em 0;}
.box_input a,.box_input a:hover{color:#fff;text-decoration:none;}
.box_input .box_fjm{width:43%; float:right; margin:0.3em 4% 0em 0em; height:2.5em; overflow:hidden; text-align:left;}
.box_input .box_fjm a{color:#004b8d; float:left;}
.box_input .box_fjm a img{height:2.2em;	margin:0px 0.2em; line-height:vertical-align:middle;}

.input_txt_l,.btn_blue,.btn_orange,.input_txt_s{display:inline-block; *float:left;width:92%;line-height:normal;height:2.2em;margin:0.3em 4% 0.3em 4%;font-family:'microsoft yahei',sans-serif;color:#333;text-indent:0.3em;*text-indent:0;background:#fff;border:1px solid #ccc;border-radius:.3em;}
.btn_blue,.btn_orange{line-height:2.2em; border:0px;}
.input_txt_s{width:46%;margin-right:0px;}
.btn_blue{background:#3794eb;color:#fff;text-align:center;text-shadow:0px -1px 0px #286dcb;}
.btn_orange{background:#e6a927;color:#fff;text-align:center;text-shadow:0px -1px 0px #c37e1c;}
.btn_small{width:43%;float:right;margin-left:0px;overflow:hidden;text-indent:0px;}
.btn_disable{ background-color:#ccc; text-shadow:0px -1px 0px #aaa;}

.input_tt{ margin:4% 4% 1% 4%; font-size:0.9em; word-break:break-all;}
.input_tip{ margin:-0.3em 4% 1% 5%; color:#666; word-break:break-all; font-size:0.9em;}

.t_error{display:none;color:#b00; font-size:0.9em; margin:0px 5%; margin-top:-0.3em;}

.go_reg,.go_agree{ margin:0em 4% 0.3em 5%; word-break:break-all;font-size: 0.8em;color: #333;*clear:both;}
.box_input .go_reg a,.box_input .go_agree a{ color:#005bac; text-decoration:underline;}
.go_agree input{-webkit-appearance:checkbox;}


.box_success,.box_fail{ margin:0 5% 3% 5%; padding:1px 1px 1em 1px;border-radius:0 0 0.3em 0.3em;background:url(../images/bg_alpha_blue.png);overflow:hidden;}
.box_success div,.box_fail div{margin:3em auto 2em auto;font-size:1em;font-weight:bold;color:#333;text-align:center;}
.box_success div img,.box_fail div img{height:2.5em;display:inline-block;margin:0.2em;vertical-align:middle;}
.box_success div span,.box_fail div span{height:2.5em;display:inline-block;margin-left:0.5em;vertical-align:middle;text-align:left;}
.box_success p,.box_fail p{margin:0px 1.6em;line-height:2em;vertical-align: top;}
.box_success p span,.box_fail p span{display:inline-block;padding-right:4.4em;white-space:normal;}
.box_success p span span{display:inline;padding-right:0em; font-size:0.9em; color:#005bac;}
.box_success a,.box_success a:hover,.box_fail a,.box_fail a:hover{color:#fff;text-decoration:none;margin-top:1.5em;margin-bottom:1.5em;}
.box_success div p {color:#333;font-weight:normal;}
.box_success div p a,.box_success div p a:hover{ color:#005bac;}

.box_xieyi{ padding:1em;margin:0 5% 3% 5%;border-radius:0 0 0.3em 0.3em;background:url(../images/bg_alpha_blue.png);overflow:hidden;}
.box_xieyi h2{ font-size:1em; font-weight:bold; text-align:center; margin:1em 0;}
.box_xieyi p{ font-size:0.9em; line-height:1.8em; text-indent:2em;}

.warn_txt{width:85%;margin:1% auto;margin-bottom:3%;color:#005bac;font-size:0.8em;line-height:1.6em;}
.warn_txt h3{color:#e6a927;}

.float_box{display:none;position:fixed;top:50%;background:#fff;color:#000;line-height:1.5em;width:88%;margin:-4em 6% 0px 6%;border:1px solid #ccc;border-radius:.3em;box-shadow:0px 0px 6px #369;text-shadow:0px 1px 0px #fff; word-break:break-all;}
.float_msg{ padding:1em 0px; margin:0px 1em; line-height:1.4em;}
.close_float{margin:0px;border-top:1px solid #ccc;line-height:2.5em;text-align:center;color:#333;cursor:pointer;}

.footer{background:#005bac;text-align:center;line-height:2.5em;text-shadow:0px -1px 0px #006;color:#fff;}

.mg_b_5pc{margin-bottom:6%;}
.mg_l_4pc{margin-left:4%;}
.nowrap,.get_tab a,.box_input a,#change_fjm,.input_txt_l,.btn_blue,.btn_orange,.input_txt_s,.box_success p,.box_success div,.box_fail p,.box_fail div{white-space:nowrap;}


@media only screen and (max-width:1250px) {
/*背景图尺寸*/
.content{background:url(../images/bg_bluesky_s.png) repeat-x top;}
.content_wrap{background:url(../images/bg_cloud_s.jpg) no-repeat top left;}
}
@media only screen and (max-width: 479px) {
body{font-size:16px;}

.logo img{height:43px;}

a.back_btn{line-height:40px;}
a.back_btn img{ height:24px; margin:0 0.4em;}

.box_login{min-width:260px; width:96%;}

.tag_login{ margin:15px auto -26px auto;}
.tag_login div{ height:35px;line-height:32px; font-size:18px;}
.tag_login div.tag_text{color:#fff;background-size:auto 35px;}
.tag_login div.tag_bg_l,.tag_login div.tag_bg_r{width:25px;background-size:auto 70px;}

.get_tab{margin-top:40px;}
.get_tab a{ width:7.5em;}
.get_tab2{ margin-left:0em;}

.go_reg,.go_agree{ font-size: 0.9em;}

.input_tip{ margin:-0.3em 4% 1% 5%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{font-size:18px;background-size:50%;}

.logo img{height:50px;}

a.back_btn{line-height:50px;}
a.back_btn img{ height:36px;}

.box_login{width:80%;}

.tag_login{ margin:24px auto -32px auto;}
.tag_login div{ height:45px;line-height:40px; font-size:20px;}
.tag_login div.tag_text{color:#fff;background-size:auto 45px;}
.tag_login div.tag_bg_l,.tag_login div.tag_bg_r{width:33px;background-size:auto 90px;}

.get_tab{margin-top:45px;}

.go_reg,.go_agree{ font-size: 0.9em;}

.input_tip{ margin:-0.3em 4% 1% 5%;}
}