html,body{
margin:0;
padding:0;
font-family:Verdana,microsoft Yahei;
background-color:#f1f1f1;
overflow-x:hidden;
}

/*��ҳ������ʽ*/

#indexTopBox{
width:100%;
height:78px;
}

#indexFocusPicBox{
width:100%;
height:430px;
background-color:#87c5ff;
}

#indexQABox{
width:100%;
height:374px;
background-color:#fff;
background:url(../../images/index/indexExpertBk.png) no-repeat bottom center #fff;
}

#indexLiveBox{
width:100%;
height:290px;
background:url(../../images/index/indexLiveBk.png) no-repeat top center #2e9bee;
}

#indexEnterpriseBox{
width:100%;
}

#indexEnterpriseBox:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#commonBottomBox{
width:100%;
height:80px;
background-color:#0088e8;
color:#fff;
font-size:12px;
font-size:0.9rem;
padding-top:20px;
line-height:160%;
}

.middleWidthBox{
position:relative;
min-width:1040px;
max-width:1400px;
min-height:50px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
border:0px solid #f00;
text-align:center;
}

.middleWidthBox:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#indexLogoBox{
float:left;
width:455px;
height:78px;
background:url(../../images/index/indexLogo.png) no-repeat top left;
}

#indexLoginBox{
float:right;
width:560px;
font-size:1.2rem;
height:26px;
border-radius:25px;
margin-top:25px;
padding-left:30px;
padding-top:2px;
margin-right:15px;
vertical-align:middle;
}

#indexLoginBox a{
color:#0088e8;
text-decoration:none;
}

#indexLoginBox a:hover{text-decoration:underline;}

#indexRegisterBox{
position:relative;
width:1010px;
height:152px;
background:url(../../images/index/indexRegisterBoxBk.png) no-repeat top left;
top:390px;
margin-left:auto;
margin-right:auto;
z-index:1000;
}

.indexMainEnterBox{
width:505px;
height:60px;
float:left;
margin:70px 0 0 0;
}

a#expertEnterBtn,a#extractEnterBtn{
display:block;
float:left;
width:423px;
height:60px;
background:url(../../images/index/btn-expertEntrance.png) no-repeat top left;
margin-left:40px;
}

a#expertEnterBtn:hover{background:url(../../images/index/btn-expertEntrance-on.png) no-repeat top left;}

a#extractEnterBtn{background:url(../../images/index/btn-extractEntrance.png) no-repeat top left;}

a#extractEnterBtn:hover{background:url(../../images/index/btn-extractEntrance-on.png) no-repeat top left;}

.index1000MiddlePos{
width:1000px;
margin:0 auto;
}

.index1000MiddlePos:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#indexQALink{
float:right;
width:100px;
margin-right:345px;
margin-top:270px;
font-size:1rem;
}

#indexLiveLink{
float:left;
width:100px;
margin-left:235px;
margin-top:190px;
font-size:1rem;
}

#indexQALink a{
color:#1090e9;
text-decoration:none;
}

#indexQALink a:hover{color:#7d6354;}

#indexLiveLink a{
color:#fff;
text-decoration:none;
}

#indexLiveLink a:hover{color:#0065c1;}

#indexLogoGroup{
width:1000px;
height:165px;
margin:10px auto;
border-bottom:1px solid #0088e8;
}

#indexContactInfo{
width:1050px;
height:195px;
margin:10px auto;
}

.index3box,.index3box2{
width:348px;
height:160px;
float:left;
margin-right:0px;
margin-top:19px;
text-align:left;
font-size:12px;
font-size:0.85rem;
line-height:190%;
}

.index3box a{
text-decoration:none;
color:#1090e9;
}

.index3box span,.index3box2 span{
display:block;
font-size:14px;
font-size:1rem;
font-weight:bold;
margin-bottom:10px;
letter-spacing:8px;
letter-spacing:0.5rem;
color:#7d6354;
}

.index3box2{
width:350px;
margin-right:0;
}

.index3box2 img{
float:left;
display:block;
margin-right:15px;
}

.index3box2 .bigBlueW{
font-size:18px;
font-size:1.3rem;
font-weight:bold;
color:#1090e9;
letter-spacing:0;
}

.marginRightEmpty{margin-right:0;}

#indexLogoShow{
width:1000px;
height:102px;
margin:0 auto;
margin-top:40px;
}

.middleMoreBox{
margin:15px auto;
font-size:14px;
font-size:1rem;
text-align:center;
}

.middleMoreBox a{
color:#1090e9;
text-decoration:none;
}

.middleMoreBox a:hover{color:#7d6354;}

/*��¼������ʽ*/

#loginTopBox{
width:100%;
height:78px;
background-color:#f1f1f1;
}

#loginExpertBk,#loginExtractBk,#loginHtdl{
width:100%;
height:630px;
background:url(../../images/common/login-expertbk.png) repeat-x top center;
}

#loginExtractBk{background:url(../../images/common/login-extractbk.png) repeat-x top center;}

#loginHtdl{background:url(../../images/common/login-htdl2.png) repeat-x top center;}
#logo-login{
float:left;
width:438px;
height:78px;
background:url(../../images/common/logo-login.png) no-repeat top left;
}

#loginPhonenumber{
float:right;
width:450px;
height:56px;
background:url(../../images/common/login-phonenumber.png) no-repeat top left;
font-size:14px;
font-size:1.2rem;
padding-top:25px;
border:0px solid #f00;
text-align:left;
padding-left:50px;
}

#loginPhonenumber span{
font-size:18px;
font-size:1.3rem;
color:#0088e8;
}

#loginExpertPic{
float:left;
width:595px;
height:567px;
margin-top:30px;
}

#loginInputBox{
float:right;
width:318px;
height:436px;
background-color:#eaeaea;
margin-right:10px;
margin-top:60px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0px 0px 8px #333333; 
-webkit-box-shadow:0px 0px 8px #333333; 
box-shadow:0px 0px 8px #333333;
}

#loginInputItem{
width:318px;
height:265px;
background-color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

#loginTitleName{
width:264px;
float:left;
margin-left:32px;
margin-top:28px;
font-size:14px;
/* font-size:1.2rem; */
color:#242424;
letter-spacing:3px;
letter-spacing:0.1rem;
}

#loginTitleName span{
display:block;
float:left;
font-size:30px;
font-size:1.8rem;
letter-spacing:30px;
letter-spacing:1.8rem;
color:#0088e8;
padding:5px 0;
margin-bottom:8px;
}

#loginUserInput{
width:274px;
height:50px;
float:left;
margin-left:24px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:1px solid #aaa;
background:url(../../images/common/login-user.png) no-repeat top left;
}

#loginPasswordInput{
width:274px;
height:50px;
float:left;
margin-left:24px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border:1px solid #aaa;
border-top:0;
background:url(../../images/common/login-password.png) no-repeat top left;
}

#loginUserInput input,#loginPasswordInput input{
font-size:1rem;
font-size:14px;
width:210px;
height:30px;
margin-top:8px;
margin-left:50px;
color:#0088e8;
border:0;
}

#loginClipBox{
width:274px;
height:40px;
float:left;
margin-left:24px;
font-size:12px;
font-size:0.9rem;
margin-top:15px;
}

#getPasswordBox{
float:left;
width:100px;
height:30px;
}

#getPasswordBox input{
margin-top:2px;
}

#forgetPasswordBox{
float:right;
width:100px;
height:30px;
text-align:right;
margin-right:10px;
}

#forgetPasswordBox a{
color:#0088e8;
text-decoration:none;
}

#loginBtnsBox{
width:274px;
height:110px;
float:left;
margin-left:24px;
margin-top:20px;
}

a#bigBlueBtn{
display:block;
width:274px;
height:40px;
background-color:#0088e8;
color:#fff;
font-size:14px;
font-size:1.2rem;
text-decoration:none;
-webkit-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
-o-border-radius:35px;
border-radius:35px;
text-align:center;
padding-top:10px;
letter-spacing:14px;
letter-spacing:1.2rem;
}

a#bigBlueBtn:hover{background-color:#0064c1;}

a#bigGreyBtn{
display:block;
width:274px;
height:40px;
background-color:#fff;
color:#5a6063;
font-size:14px;
font-size:1.2rem;
text-decoration:none;
border:1px solid #aaa;
-webkit-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
-o-border-radius:35px;
border-radius:35px;
text-align:center;
padding-top:10px;
margin-top:10px;
}

a#bigGreyBtn:hover{
background-color:#aaa;
color:#fff;
}

/*20180328ע��ҳ��ʽ*/

#mainbodyBk{
width:100%;
height:auto;
background-color:#f1f1f1;
padding:25px 0;
}

#registerPosBk{
width:1200px;
min-height:500px;
border:1px solid #b7b7b7;
margin:0 auto;
background-color:#fff;
font-size:1rem;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

#registerPosBk:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#registerLeftBox{
width:650px;
float:left;
min-height:500px;
padding:15px 25px;
}

#registerRightBox{
width:400px;
background-color:#f5f5f5;
float:left;
min-height:500px;
padding:25px 50px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
line-height:170%;
font-size:1.1rem;
border-left:0px solid #b7b7b7;
color:#000;
text-shadow:0 0.05rem #fff;
}

#registerRightBox li{
margin-left:-0.7rem;
margin-bottom:1rem;
}

#registerRightBox span{
font-size:1.5rem;
color:#0166c2;
}

#registerBlueTitle{
width:100%;
padding:8px 0;
background-color:#1090eb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
height:30px;
}

#registerBlueLeft{
width:200px;
font-size:1.5rem;
color:#fff;
float:left;
margin-left:20px;
height:25px;
letter-spacing:0.2rem;
}

#registerBlueRight{
width:180px;
font-size:1.1rem;
color:#fff;
float:right;
margin-right:0px;
height:25px;
letter-spacing:0.3rem;
margin-top:4px;
}

#registerBlueRight a{
background-color:#fff;
font-size:1rem;
color:#000;
text-decoration:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
letter-spacing:0.3rem;
padding:5px 10px 5px 15px;
}

#registerBlueRight a:hover{
color:#000;
background-color:#ffee62;
}

#registerTablePos{
width:100%;
font-size:1.1rem;
line-height:150%;
margin-top:15px;
}

#registerTablePos table{
width:100%;
}

#registerTablePos td{
padding:5px 0;
}

#registerTablePos input{
padding:8px;
font-size:1rem;
color:#4a4a4a;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
border:1px solid #b7b7b7;;
}

#registerTablePos a{
text-decoration:none;
color:#0065c1;
}

#registerTablePos a:hover{color:#000;}

a.linkbtn{
padding:8px 15px;
background-color:#bbe2ff;
margin:5px 10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
color:#003361;
}

a.linkbtn:hover{
color:#000;
background-color:#ffee62;
}

#registerTablePos button{
font-size:1.1rem;
color:#000;
padding:8px 16px;
}

#registerTablePos a.blueBigBtn{
display:block;
float:left;
font-size:1.1rem;
padding:12px 55px;
background-color:#1090e9;
color:#fff;
-webkit-border-radius:25px;
-moz-border-radius:25px;
-ms-border-radius:25px;
-o-border-radius:25px;
border-radius:25px;
}

#registerTablePos a.blueBigBtn:hover{
color:#000;
background-color:#ffdb35;
}

/*�޸ĺ����ӵ���ҳ��ʽ*/

span.indexBlueWord{color:#1090e9;}

span.topIndexPhone{
background:url(../../images/common/login-phonenumber.png) no-repeat 0px -22px;
padding:5px 20px;
}

#indexEnterpriseNameBox{
width:100%;
height:350px;
background:url(../../images/index/indexEnterpriseBk.png) no-repeat center #d5e7f3;
}

#QR-1,#QR-2{
width:120px;
height:120px;
float:left;
background:url(../../images/index/QR-C1.png) no-repeat top left;
background-size:100%;
margin-right:15px;
}

#QR-2{
background:url(../../images/index/QR-C2.png) no-repeat top left;
background-size:100%;
}

.enterprise3Boxes{
float:left;
width:270px;
height:130px;
font-size:1rem;
line-height:220%;
border:0px solid #f00;
margin-top:150px;
border-right:1px dashed #1090e9;
margin-right:20px;
text-shadow:0 0.05rem #fff;
}
.htdl1 #loginPasswordInput{border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.htdl1 .wu{width:274px;
height:50px;
float:left;
margin-left:24px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border:1px solid #aaa;
border-top:0;
}
#loginInputBox .htdl1{ height:323px}
#loginInputBox .htdl{ margin-top:28px}
#loginUserInput input,#loginPasswordInput input,.wu input{
font-size:1rem;
font-size:14px;
width:210px;
height:30px;
margin-top:8px;
margin-left:50px;
color:#0088e8;
border:0;
}
.wu input{ width:100px}
.wu img{ width:100px; height:40px; display:inline-block; vertical-align:middle}
.htdl{ height:320px}
#loginClipBox{
width:274px;
height:40px;
float:left;
margin-left:24px;
font-size:12px;
font-size:0.9rem;
margin-top:15px;
}

#getPasswordBox{
float:left;
width:100px;
height:30px;
}

#getPasswordBox input{
margin-top:2px;
}

#forgetPasswordBox{
float:right;
width:100px;
height:30px;
text-align:right;
margin-right:10px;
}

#forgetPasswordBox a{
color:#0088e8;
text-decoration:none;
}

#loginBtnsBox{
width:274px;
height:110px;
float:left;
margin-left:24px;
margin-top:20px;
}

a#bigBlueBtn{
display:block;
width:274px;
height:40px;
background-color:#0088e8;
color:#fff;
font-size:14px;
font-size:1.2rem;
text-decoration:none;
-webkit-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
-o-border-radius:35px;
border-radius:35px;
text-align:center;
padding-top:10px;
letter-spacing:14px;
letter-spacing:1.2rem;
}
.htdl a#bigBlueBtn{display:inline-block;width:137px;-webkit-border-radius:35px 0 0 35px;-moz-border-radius:35px 0 0 35px;-ms-border-radius:35px 0 0 35px;-o-border-radius:35px 0 0 35px;border-radius:35px 0 0 35px; float:left}
a#bigBlueBtn:hover{background-color:#0064c1;}

a#bigGreyBtn{
display:block;
width:274px;
height:40px;
background-color:#fff;
color:#5a6063;
font-size:14px;
font-size:1.2rem;
text-decoration:none;
border:1px solid #aaa;
-webkit-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
-o-border-radius:35px;
border-radius:35px;
text-align:center;
padding-top:10px;
margin-top:10px;
}
.htdl a#bigGreyBtn{display:inline-block;width:137px;-webkit-border-radius:0 35px 35px 0;-moz-border-radius:0 35px 35px 0;-ms-border-radius:0 35px 35px 0;-o-border-radius:0 35px 35px 0;border-radius:0 35px 35px 0;border-left:none; float:left; margin-top:0; box-sizing: border-box; height:50px}
a#bigGreyBtn:hover{
background-color:#aaa;
color:#fff;
}