/* CSS Document */
/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
@font-face {
    font-family: 'HelveticaLT55Roman';
    src: url('../fonts/HelveticaLT55Roman.eot');
    src: url('../fonts/HelveticaLT55Roman.eot') format('embedded-opentype'),
         url('../fonts/HelveticaLT55Roman.woff') format('woff'),
         url('../fonts/HelveticaLT55Roman.ttf') format('truetype'),
         url('../fonts/HelveticaLT55Roman.svg#HelveticaLT55Roman') format('svg');
}

body{ font-family:'HelveticaLT55Roman',microsoft yahei,simsun,sans-serif;color:#333638; font-size:12px; }
a{text-decoration:none;color:#323638}
a:hover{text-decoration:underline;color:#00B1D7;}
h3,h4,h5,h6{font-size:12px; margin:0; padding:0; font-weight:100;}
h2{font-size:20px; color:#000; }
h3{font-size:14px; font-weight:600; padding-left:15px;}
a img{border:none; display:block;} 
img{border:none; vertical-align:inherit;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
.clear {clear:both;height:0px; overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
.blank20{height:20px;overflow:hidden;}
.blank60{ background:url(comeon.gif) no-repeat center 20px;height:65px;overflow:hidden;}
sup{ font-size:9px; color:#555;}
/**背景切换**/
HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {position: absolute;top: 0;left: 0;}
.bgstretcher UL, .bgstretcher UL LI {margin: 0;padding: 0;list-style: none;}
.bgstretcher {background: #5E98BE;overflow: hidden;width: 100%;position: fixed;z-index: 1;_position: absolute; /*IE6 doesn't support fixed positioning*/top: 0;left: 0;}
.bgstretcher UL LI img{ width:100% !important;  min-height:100%}

.connect{ width:522px; margin:0 auto;}
.connect .m-logo{ width:230px; text-align:center;margin:0 auto;}
.connect .m-logo img{ width:230px;}


.bk{ position:absolute; width:100%; height:100%; top:-100px; left:0; z-index:-1000;}
.bk img{ width:100%; height:100%;}

.loginbox{ margin-top:23px;background:#fff; border-radius:10px;box-shadow: 0 4px 15px rgba(0,0,0,0.15);}
.loginbox .loginput{ line-height:30px; margin:42px 0 15px; position:relative; overflow:hidden }
.loginbox .loginput input{border:0; display:block;}
.loginbox .loginput .put,
.loginbox .loginput .puton{ background:url(icon01.png) no-repeat left center; display:block;height:30px;color:#B4BCC1;padding:10px 10px 10px 46px;width: 364px;outline:0;font-size: 20px;font-family: Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;line-height:24px;border-bottom:1px solid #6a6f73;}
.loginbox .loginput .puton{ color:#333638; background: url(icon01-on.png) no-repeat left center;border-bottom:1px solid #35a7ba;}

.loginbox .m-title{ font-size:18px; margin-top:12px; height:27px; text-align:center;}
.loginbox .m-title .en{ color:#a7adb0; padding-left:15px; font-size:15px;}

.loginbox .loginput .wz{ float:left; display:inline-block; width:80px; font-size:18px;}
.loginbox .loginput .username{background-position:5px 6px;font-family:'HelveticaLT55Roman',microsoft yahei,simsun,sans-serif;}
.loginbox .loginput .password{ background:url(icon02.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .password.puton{background:url(icon02-on.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .approve{background:url(icon03.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .approve.puton{background:url(icon03-on.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .tel{background:url(icon06.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .pic{ /*display:block; position:absolute;top:0; right:0px;*/ float:left;height:100%;border-radius:0 5px 5px 0;margin-left: 12px;}
.loginbox .loginput .pic img{ height:100%; cursor:pointer; display:block;height:48px; padding:8px 17px 8px 18px; border-radius:4px; background:#F5F5F5;}
.loginbox .loginput .pic input{ height:24px; line-height:24px; background:#FFF; color:#555; outline:0;  border:none; cursor:pointer;}
.loginbox .loginput .pic .sendbtn{width:150px;height:44px;border:1px solid #e0e4e6; font-size:16px; border-radius:2px;}

.loginbox .loginput .code{background:url(icon04.png) no-repeat left center;background-position: 5px 6px;width: 125px;float: left;}
.loginbox .loginput .puton.code{background:url(icon04-on.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginin{ margin-top:12px; height:auto;}
.loginbox .loginin .btn{ font-size: 20px; height:54px; width:100%; border-radius:5px; line-height:44px; cursor: pointer; margin-top:30px; outline:0; -webkit-transition:.3s; transition:.3s;
font-family: Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;}
.loginbox .loginin .btn-submit{ background: #35a7ba;color: #fff;}
.loginbox .loginin .btn-submit:hover{ background:#35a7ba;}
.loginbox .loginin .btn-reset{ background:#fff; border:#e0e4e6 solid 1px; color:#63686b;}
.loginbox .loginin .btn-reset:hover{ background:#f3f7f8}
/*#ImageButton1{margin-top:15px;}*/

.Vefifygreenfont{ float:right; height:44px; line-height:44px; font-size:14px; color:#35a7ba;}
.loginbox .loginput .code2{width: 158px;float: left;background:url(icon05.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .puton.code2{background:url(icon05-on.png) no-repeat left center;background-position: 5px 6px;}
.loginbox .loginput .pic2{ float:right;}
.box{ padding:30px 52px;}
.box ul{*padding-top:10px;}

.copyright{word-spacing:0.3em; line-height:1.8;text-align:center;color:#fff; width:100%; font-size:12px;padding:10px 0; position:fixed; left:0; right:0; bottom:0; opacity:0.6}
.copyright a{color:#fff;text-decoration:underline;}