@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form, table { margin:0; padding:0; border:0;list-style:none;outline:none}
input { margin:0; padding:0; }
a{cursor:pointer; text-decoration:none;}
body{ font-family:'微软雅黑'; background:#F4F9F8;}
a:focus{outline:none;}

/*header*/
.header{width:100%;height:80px;border-bottom:4px solid #037CC2;background:#0091E4;}
.headercontent {height:80px;margin:auto;position: relative;}
.jyblogo{width:224px;float:left;height:100%;border-right:1px solid #037CC3;}
.jyblogo img{width:206px; margin:10px 0px 0px 5px;}
.headercenter{float:left;border-left:1px solid #41B1F1;}
.headercenter span{font-size:32px; line-height:80px;color:white;margin-left:10px;}
.headerright{width:200px;height:100%;border-left:1px solid #037CC3;overflow:hidden;}
.leftborder{width:201px;float:right;height:80px;border-left:1px solid #41B1F1;}
.welcome{margin:28px 0px 0px 10px;width:190px; height:30px;background:#027BC0;border-radius: 15px;}
.welcome a {text-decoration:none;color:white;display:block;width:160px;margin:auto;text-align:center;height:30px;line-height:30px; font-size:14px; 
background:url(../images/icon1.jpg) no-repeat top right;overflow:hidden;}
.welcome a span {display:block;width:140px;text-align:center;height: 30px;word-break: break-all;}
.header-tc-content{
display:none;
width: 160px;
right: 55px;
text-align: center;position: absolute;
border: 1px solid #fff;
top: 80px;
background-color: #fff;
z-index: 2;
color: #4b4b4b;
font-size: 12px;
height: auto !important;
min-height: 32px;
height: 32px;
box-shadow: 0 2px 5px #ccc;}
.header-tc-ct-bg {
    position: absolute;
    top: -15px;
    right: 20px;
    width: 0;
    height: 0;
    border: 7px solid #fff;
    border-color: transparent transparent #fff;
    z-index: 5;
}.header-user-menu-item {
    list-style-type: none;
    margin: 0 24px;
    font-size: 14px;
    line-height: 42px;
    border-bottom: 1px solid #e0e6f1;
}.header-user-menu-item a {
    color: #454545;
    text-decoration: none;
}
.header-tuc-logout {
    display: block;
    margin: 0 24px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    color: #454545;
    line-height: 42px;
}
/*main*/
.main{width:1210px;margin:auto;margin-top:25px;overflow:hidden;padding:0px;}
.leftsidebar{width:219px; min-height:500px;float:left;}
.border4{background:white;border: 4px solid #E9EEED; border-radius: 15px;
    -moz-border-top-colors:#F2F7F6 #F3F8F7 #EEF3F2 #EBF0EF  ;
    -moz-border-right-colors:#F2F7F6 #F3F8F7 #EEF3F2  #EBF0EF ;
    -moz-border-bottom-colors:#F2F7F6 #F3F8F7 #EEF3F2 #EBF0EF  ;
    -moz-border-left-colors:#F2F7F6 #F3F8F7 #EEF3F2  #EBF0EF ;}
    .registerblock.border4 {
	    position: relative;
	    width: 680px;
	    height: auto;
	    margin: auto;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    overflow: hidden;
	}
.rightbar{max-width:900px;min-width:950px;height:auto;float:left;margin-left:22px;min-height:500px;}
.navblock{height:auto;width:100%;border-bottom:1px solid #F8FBF9;}
.navitem{width:178px;margin-left:25px;line-height:54px;height:54px;}
.navtitle{font-size:20px; background:url(../images/jyb_ht_icon1.png) no-repeat center right;color:#2987C6;font-weight:bold;}
.navtag{width:100%;height:54px;border-bottom:1px solid #F8FBF9;color:#555555;display:block;}
.navitem img {width:28px; height:28px;display:block;float:left;margin-top:13px;}
.navitem div {width:100px;display:block;float:left;margin-left:10px;font-size:16px;}
.navitem span {width:10px;display:block;float:right;font-size:14px;}
.navfocus{background:url(../images/jyb_ht_bg1.jpg) repeat-y ;color:white;font-weight:bold;}
.navfocus a{color:#fff;}
.base_label{margin-left:120px;font-size:15px;}
.scy_question{font-size:16px;margin-left:0;color:#0091E5;}
.duigou_username,.duigou_psd,.duigou_psd_confirm,.duigou_mail,.duigou_phone,.duigou_imagecode,.duigou_phonecode{display:none;}
.scy_sure{display:inline;width: 110px;height: 40px;  margin-left:35%; line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}
.scy_cancel{display:inline;width: 110px;height: 40px; line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}
.duigou_phone_confirm,.duigou_psd_confirm,.password_again{display: none;padding-top:10px;}
.alert_wrong_show,.alert_wrong_password,.password_again{display:none;width:20%;float:left;color: red;margin:0;text-align: right;line-height:32px;}








/*right*/
.tagblcok{width:898px;height:72px; margin:auto;margin-top:40px;margin-bottom:40px;}
.tag1{width:298px; height:72px; float:left; border-right:1px solid #EAEAEA; }
.tag1 img{display:block;float:left;margin-top:8px;margin-left:40px;}
.tag1 div{float:left;width:160px;margin-top:8px;margin-left:20px;}
.tag1 div h2{font-size:18px;line-height:28px;color:#333333;}
.tag1 div span{font-size:12px;color:#999999;}
.fengexian{height:0px; width:100%;border-bottom: 4px solid #E9EEED;
    -moz-border-top-colors:#F9F9F9  #FDFDFD  #FEFEFE;
    -moz-border-right-colors:#F9F9F9  #FDFDFD  #FEFEFE;
    -moz-border-bottom-colors:#F9F9F9  #FDFDFD  #FEFEFE;
    -moz-border-left-colors:#F9F9F9  #FDFDFD  #FEFEFE;}
.contentblock{width:94%; margin:auto;}
.blocktitle{height:30px;margin-top:18px;border-bottom:3px solid #E1E7E5;}
.blocktitle2{height:30px;margin-top:18px;padding-bottom: 5px;border-bottom:1px solid #E1E7E5;color: black;font-size: 14px;}
.blocktitle a {margin-left:8px; font-size:18px; font-weight:bold;color:#444444;}
.contentlist{font-size:14px;color:#333333;margin-top:18px;line-height:14px;}
.contentlist .hdtitle{font-weight:bold;color:#333333;display:block;}
.contentlist .hdtime{display:block;margin-top:8px;color:#999999;}
.contentlist .hdabs{line-height:20px;margin-top:12px;color:#777777;font-size:12px;}
.contentlist .hdtab{color:#999999;background:#F8F8F9;height:30px; border-radius: 5px;border-bottom:1px solid #E5E5E5;margin-top:12px;line-height:30px;font-size:12px;}
.hdtab strong{color:#999999;margin-left:5px; }
.hdtab .hdcz{float:right;margin-right:5px;}

.fengexian2{height:40px; width:100%;}

.font-normal{font-size: 14px;}
.tableData{font-size: 14px;}

.hdselect{height:28px;margin-top:12px;}
.hdselect a {display:block; height:28px; width:100px;float:left; text-align:center;line-height:28px;font-size:14px; color:#444444;}
.hdselect .select{background:#037CC2; color:white;} 
.block2{width:100%;margin-top:20px;}
.hdlist{width:100%; height:160px; overflow:hidden;}
.hdlist img{border:2px solid white;width:176px; height:128px;}
.imglogo{display:block;float:left;width:180px;height:132px;border:2px solid #CBCBCB;border-radius: 5px;}
.left20{float:left;width:685px;margin-left:20px;color:black;}

.hdtitle{display:block;font-size:14px;line-height:28px;color:#7A7A7A;font-weight:bold;}
.hdtime{font-size:14px;color:#7A7A7A;}
.hdlist .hdabs{line-height:24px;margin-top:5px;color:#777777;font-size:12px;}
.hdlist .hdtab{color:#999999;background:#F8F8F9;height:30px; border-radius: 5px;border-bottom:1px solid #E5E5E5;margin-top:5px;line-height:30px;font-size:12px;}

.footer{margin-top:20px;margin-bottom:20px;line-height:20px;font-size:14px;height:50px;text-align:center;padding-top:5px;color:#999999;}
.registerblock{max-width:1200px;min-width:950px;height:auto;margin:auto;}

.block3{width:440px;margin-top:20px; float:left;}
.right_box{ width:250px;}
.right_box h1{ font-size:22px; padding-bottom:8px;font-weight:normal}
.right_box h2{font-size:14px; color:#666; padding-bottom:20px; font-weight:normal}
.hdlist2{width:100%; height:175px;  }
.hdlist2 img{border:2px solid white;width:175px; height:123px;}
.but1{ background-color:#0091e4; color:#fff}
.main-btn{ border:none;
	background-color: #0091e4;
	color: #fff;
	cursor: pointer;
	font-size: 16px !important;
	height: 35px; line-height:32px;
	width:150px;	
}
.main-btn:hover{ background-color:#067ec3;
    color: #fff;
}
.imglogo2{display:block;float:left;border:1px solid #CBCBCB;border-radius:2px; height:128px;}


.registerblck{position:relative;width:72%; height:auto;margin-left:120px;margin-top:20px;margin-bottom:20px;overflow: hidden;}
.titletag{font-size:18px;font-weight:bold;width:100%; border-bottom:1px solid #D0D0D0;font-family:'微软雅黑'; 
line-height:36px;color:#037CC2;}
.titletag span{color:#037CC2;}
.close{display:block;float:right;width:22px;height:36px;background:url(jszyz_bt3.jpg)  center right no-repeat;}
.regInput{margin-right:10px;display:block; float:left;width:360px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:14px;}
.usermessage input{
	margin-right:10px;display:block; float:left;width:330px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;background: white;
}
.message{margin-top:8px;height:32px;color: black; }
.message span {display:block;width:122px;text-align:right;float:left;line-height:32px;font-size:14px;}
.message span.scy_old{
	   display:inline-block;
	}
.message span.scy_new{
	   display:none;
	}
.message select{width:118px;border-radius: 5px;height:30px;font-size:14px;}
.usermessage select{width:109px;border-radius: 5px;height:30px;font-size:14px;}
.message div{margin-left: 10px;
font-size: 14px;
line-height: 16px;
color: #717375;
overflow: hidden;
width: auto;
height: 26px;
position: absolute;
right: 18px;background:#F4F9FD;top:1px}
.loginjyb{text-align:center;display:block;margin:28px 0px 0px 40px;width:120px;line-height:30px;color:white; height:30px;background:#027BC0;
border-radius: 15px;}

.messageblock .message{margin-top:15px;}
.add1 input{background:white;}
.moreinfo{margin-top:20px;}
.userinfo{width:100%; height:160px; margin-left:20px;}
.userlogo img{border:2px solid white;width:120px; height:128px;}
.userlogo{display:block;float:left;width:120px;height:150px;line-height:20px; text-align:center;color:#777777;}


.usermessage{
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left:8px;
}
.usermessage span {display:block; width:100px; text-align:right;float:left;}
.messageplaceholder{width:200px; margin-top:40px;float:left;}
.messageplaceholder div{line-height:25px;font-size:14px; position:relative;color:#717375;
}
.nameflag{}
.pwd-checklist-arrow {
    position: absolute;
    top: 18px;
    left: 0;
}.arrowa {
    color: #DBE0E3;
    left: 0;
}.arrowb {
    color: #fff;
    left: 1px;
}.pwd-checklist {
    margin-left: 10px;
    padding: 5px 10px;
    border: 1px solid #DBE0E3;
    box-shadow: 1px 1px 1px #efefef;
    -moz-box-shadow: 1px 1px 1px #efefef;
    -webkit-box-shadow: 1px 1px 1px #efefef;
    background: #fff;
    width: 165px;
}
em{ font-style: normal;font-family: Arial, "宋体";font-size:20px;position: absolute;}
.messageblock .message{position:relative;}
.imgpreview{
            width: 120px;
           height: 140px;
            overflow: hidden;float: left;position:relative;
        }
#preview {
            width: 120px;
           height: 140px;
            overflow: hidden;
        }
        
#preview  img{
            width: 120px;
           height: 140px;
            
        }
 .imgpreview  span{
 position: absolute;
display: block;
bottom: 0px;
z-index: 100;
color: white;
text-align: center;
width: 100%;
background: rgb(0, 0, 0) none repeat scroll 0% 0%;
opacity: 0.2;
 }     
        #img0 {
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
        }

        .file0 {
           width: 120px;position:absolute;z-index: 300;
height: 140px;
opacity: 0;
filter: alpha(opacity=0);
top: 0px;
left: 0px;
        }
        
        
/*找回密码*/
.message3 input {margin-right:10px;display:block; float:left;width:360px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;}
.message3{margin-top:8px;height:32px; color: black;}
.message3 span {display:block;width:120px;text-align:right;float:left;line-height:32px;font-size:14px;}
.message3 select{width:118px;border-radius: 5px;height:30px;}
.message3 div{margin-left: 10px;}
.message3block{width:510px; float:left;margin-top:40px;margin-bottom:60px;}


* { -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

.rightBody {
	padding-left: 15px;
	padding-right: 15px;
	
}


/**/
.zyzstep{height: 70px;margin-bottom:20px;
border-bottom: 2px dashed rgb(153, 153, 153);}
.stepbtn {
    width: 120px;
    height: 32px;
    margin-right: 50px;
    line-height: 32px;
    border-radius: 5px;
    background: #E1E7E5;
    border: none;
    color: #FFFFFF;
    margin-top: 20px;
    font-size: 16px;margin-bottom: 20px;
}

.zyzstep1{}
.zyzstep2{display:none;}
.zyzstep3{display:none;}


/*20160505*/
.changesbtn{width: 50px;cursor: pointer;height: 22px;line-height: 22px;background: #fff;border: none;font-size: 14px;color:#0091E4;}
.changesblock { width: 550px; height: 180px;overflow: hidden;position:absolute; margin-top: 10px;margin-left:15px;z-index:10002;}
.relative{position:relative;}
.changesblock .message4 {margin-top: 0px;height: 32px;color: black;}
.changesblock .message5 {margin-top: 8px;height: 50px;}
.changesblock .message4 span {display: block;width: 70px;float: left;line-height: 32px;font-size: 16px;}
.changesblock .message4 input{margin-right: 10px;display: block;float: left;width: 300px;height: 30px;line-height: 30px;border: 1px solid #DBE0E3;background: #F4F9FD;border-radius: 2px;padding-left: 10px;} 
.titletag {
    font-size: 18px;
    font-weight: bold;
    width:385px;
    border-bottom: 1px solid #D0D0D0;
    font-family: '微软雅黑';
    line-height: 36px;
    color: #037CC2;
}.titletag span {
    color: #037CC2;
    line-height: 30px;
}.close {
    display: block;
    float: right;
    width: 22px;
    height: 36px;
    background: url(jszyz_bt3.jpg) center right no-repeat;
}.changesbtn2 {
    width: 34%;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #0091E5;
    border: 1px solid #0091E5;
    color: #FFFFFF;
    margin-top: 12px;
    font-size: 12px;
	padding: 0px;
}.cancelbtn{
	width: 35%;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #0091E5;
    border: 1px solid #0091E5;
    color: #FFFFFF;
    margin-top: 12px;
    font-size: 12px;
	padding: 0px;
}
#flagspan{color: red; width: 250px; text-align: left; line-height: 14px; font-size:12px;margin-left: 70px;}
.usermessage .leftspan{text-align: left; margin-left: 10px;width:auto;}
.changesdiv{background:#fff;border:1px solid #cccccc;position: absolute;width:450px; height:210px;top:0px;left:20px;border-radius: 10px;box-shadow: 10px 10px 50px;
z-index:10000;}
#stepbtn1{cursor: text;}
#stepbtn2{cursor: text;}
#stepbtn3{cursor: text;}

@media(min-width:900px){
#captcha1, #captcha2 {
    width: 300px;
    display: inline-block;
    margin-left: 115px;
}
	.headercontent {
	       width: 1200px;
	}
	.messageblock{width:auto; float:left;margin-top:40px;margin-bottom:60px;margin-left: 50px;}
	.regInput{margin-right:10px;display:block; float:left;width:360px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:14px;}
	.codeInput{margin-right:10px;display:block; float:left;width:200px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:14px;}
	.codeBtn{width:138px;margin-right:10px;display:block; float:left;height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:14px;}
	.loginbtn{ width: 220px;height: 40px;   margin-left:150px; line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}







}

@media screen and (max-width:900px){
#captcha1, #captcha2 {
    max-width: 300px;
	width:80%;
    display:block;
	margin:auto;
}
	.headercontent {
	    max-width: 500px;
	    min-width: 300px;
	    height: 80px;
	    margin: auto;
	    position: relative;
	}


	.jyblogo{width:160px;float:left;height:100%;border-right:1px solid #037CC3;}
    .jyblogo img{width:90%; }
	.headercenter{float:left;border-left:1px solid #41B1F1;}
    .headercenter span{font-size:32px; line-height:80px;color:white;margin-left:10px;}
    .duigou_phone_confirm,.duigou_psd_confirm{display: none;padding-top:10px;}
	.phone_again,.password_again{float:left;color: red;text-align: right;line-height:32px;width:85%;display:none;}
	.duigou_imagecode {
    position: absolute;
    top: 0px;
    right: 4px;
}
	.base_label{font-size:15px;text-align: center;display: block;margin: 0px;}
	.scy_question{font-size:16px;color:#0091E5;text-align: center;display: block;
}
	.duigou_username,.duigou_psd,.duigou_psd_confirm,.duigou_mail,.duigou_phone,.duigou_imagecode,.duigou_phonecode{display:none;}
	.scy_btns{width:100%;}
	.scy_sure{display:inline;width: 110px;height: 40px;  margin-left:5%; line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}
	.scy_cancel{display:inline;width: 110px;height: 40px; line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}
	.alert_wrong_show,.alert_wrong_password,.password_again{width:80%;float:left;color: red;display:none;margin:0;text-align: right;line-height:32px;}
	



	.registerblck{
		width:100%;
		 position: relative;
		 overflow: hidden; 
		 margin-left:0;
		 margin-top:0;
		 margin-bottom:0;

	}
	.messageblock{width:100%; float:left;margin-top:40px;margin-bottom:60px;}
	.message{width:100%;}
	.message span {
	    width: 28%;
		font-size:12px;
	}
	.message span.scy_old{
	   display:none;
	}
	.message span.scy_new{
	   display:inline-block;
	}
	.loginbtn{ width: 30%;height: 40px;margin-left:30%;line-height: 40px; border-radius: 5px;background: #0091E5;border: 1px solid #0091E5; color: #FFFFFF;margin-top:20px;font-size:16px;}
	.regInput{margin-right:0px;display:block; float:left;width:57%; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:12px;}
	.codeInput{margin-right:1%;display:block; float:left;width:16%; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;font-size:14px;}
	.codeBtn{width:40%;margin-right:0px;display:block; float:left;height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 0px;font-size:14px;}
	.header {
	    width:100%;
	    height: 80px;
	    border-bottom: 4px solid #037CC2;
	    background: #0091E4;
	}
/* 	.main { */
/*    		width: 100%; */
/* 	} */
	.registerblock {
	    max-width: 100%;
	    min-width: 300px;
	}
	.leftborder{
		display: none;
	}
	
	.message3 span {
	    width: 26%;
	}
	.message3 INPUT {
	    width: 66%;
	}
	.loginblck {
	    width: 100%;
	}
	.message3block {
	    width: 100%;
	}

/* add style */
  .registerblock.border4 {
	    position: relative;
	    width: 90%;
		/* padding:0 5%; */
	    height: auto;
	    margin: auto;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    overflow: hidden;
	}

/*main*/
.main{width:98%;margin:0 auto;margin-top:0px;overflow:hidden;padding:0px;padding:0;}
.safecodeimg{width:40%;font-size:14px;float: left;height:32px;}



}
.headerright{width:260px;height:100%;border-left:1px solid #037CC3;overflow:hidden;}
.leftborder{width:260px;float:right;height:80px;border-left:1px solid #41B1F1;}
.welcome{margin:28px 0px 0px 10px;width:190px; height:30px;background:#027BC0;border-radius: 15px; float:left}
.welcome a {color:white;display:block;width:160px;margin:auto;text-align:center;height:30px;line-height:30px; font-size:14px; 
background:url(../images/icon1.jpg) no-repeat top right;overflow:hidden;}
.welcome a span {display:block;width:140px;text-align:center;}
.message_tz{width:50px; height:30px;background:#027BC0;border-radius:15px; float:right; line-height:30px;margin:28px 0px 0px 10px;}
.message_tz a{color: #F90; font-weight:bold;font-size:14px; background:url(mess.png) no-repeat 7px center; padding-left:30px; }

.hdselect{height:36px;margin-top:12px; border-bottom:1px solid #037CC2;}
.hdselect a {display:block; height:36px; width:100px;float:left; text-align:center;line-height:36px;font-size:14px; color:#444444;margin-left:2px;}
.hdselect .select{background:#037CC2; color:white;font-weight:bold;} 
.nav2{ height:35px; line-height:35px; background-color:#e5f6ff; padding:0px 10px;}
.nav2 li{ float:left; font-size:12px; padding:0px 10px; color:}
.nav2 li a{ color:#333;}
.nav2 li.active a{ font-weight:bold; color:#037CC2}

.hdselect li a:hover{background:#037CC2 !important;color:white;text-decoration: none;}
/* 添加激活码表单 */
.addkey input {margin-right:10px;display:block; float:left;width:360px; height: 30px;line-height:30px; border: 1px solid #DBE0E3;
    background: #F4F9FD;border-radius: 2px;padding-left: 10px;}

/* author:mihaibo */
.file0{
	cursor:pointer;
}
.list-group{
	margin-left:-29px;
}
label{
	font-weight:0;!important
}