@media screen and (max-width: 768px) {
    .login .content .login-box {
    	margin: 30px auto;
    }
}
@media screen and (min-width: 768px) {
    .login .content .login-box {
    	position: absolute;
    }
    .login .content{width:1024px;}
}

.header,.login,.body-content{ background-color:#fff; overflow:hidden;}
select{ height:40px;vertical-align:middle;line-height:40px; padding:5px 12px;font-size:14px; width:150px;}
.page-content,.content-block {width:980px;margin-left:auto; margin-right:auto; overflow:hidden;}

/*页头*/
.header{ height:110px;}
.header .nav{ width:1024px;line-height:110px;height:100%; z-index:999; margin-left:auto; margin-right:auto; background-repeat:no-repeat; background-position:0px 50%;}
.header .nav{font-size:24px;}
.header .nav div{ margin-left: 210px; padding-left: 23px; height: 40px; line-height: 40px; display: inline-block; border-left: 1px solid #bbb; }
.header .nav a{ text-decoration:none;color:#365669;padding: 0px 20px 0px 20px; border:none;}

/*页脚*/
.footer{width:100%; color:#fff; clear:both; font-size:18px;height: calc(100% - 824px);position: relative;min-height: 80px;}
.footer:before{content:'';height:calc(50% - 30px);display:block;}
.footer div{line-height: 30px;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.footer div span{background-color: #2f6cd7;}
.footer a{ margin:0 5px; color:#7575ec; text-decoration:none;}

/*login*/
.login{height:372px;}
.login{ position:relative; padding:0px;background-repeat:no-repeat; background-position-y:0px; background-position-x:center;}
.login .content{height: 100%;position: relative;margin: auto;}
.login .content .login-box{height:100%; padding:0 16px; right:0; width:265px; top:calc(50% - 158px); z-index:999;background-repeat:no-repeat;}
.login .content .login-box .title{height:48px;line-height:48px;font-weight: bold;font-size:15px; color:#333;text-align: center;}
.login .content .login-box .title .normal{display: inline-block; width: 85px;text-align: center;height: 38px;cursor: pointer;}
.focus{border-bottom: 2px solid #009688; color: #009688;}
.login .content .field-validation-error{color:#fff;display:block; line-height:1.3em;}
.login .content .login-box form{border-top: 1px solid rgb(187, 187, 187);padding-top: 15px;width:258px;margin:auto;}
.login .content .login-box .inputbox,
.login .content .login-box .inputbox-v{height:32px; border:none; font-size:14px; font-weight:bold;line-height:30px; }
.login .content .login-box .inputbox{width:223px; padding:3px 5px 3px 30px;border-radius:4px;}
.login .content .login-box .inputbox-v{width:87px;padding:3px 5px 3px 30px;border-radius: 4px;}
.login .content .login-box .verify{width:100px;height:38px;vertical-align:top;border-radius:4px;}
.login .content .login-box .sp{margin-bottom:15px;position: relative;}
.login .content .login-box .sp:last-child{text-align: center;width:258px;margin-top:-6px;}
.login .content .login-box .sp:last-child span{display: inline-block;width: 14px;border-left: 2px solid #66bffa;height: 20px;vertical-align: bottom;margin-left: 14px;}
.login .content .login-box .sp a{font-size: 15px;color: #333;}
.login .content .login-box .sp:last-child a:last-child{cursor: pointer;}
.login .content .login-box .sp:last-child a:last-child:hover{text-decoration: none !important;color:#333 !important;}
.login .content .login-box .scan{display:none;font-size:14px; text-align:center;border-top:1px solid #bbb;}
.login .content .login-box .platform{display:none;top:15px;z-index:3;position:absolute;left:50%;transform:translate(-50%);}
.login .vertimg{ position:absolute; left:127px; cursor:pointer;}
.login .content .login-box a{text-decoration:none;}
.login-info {z-index: 3;position: absolute;height: 38px;width:30px;background-repeat:no-repeat;background-position:center;}
.login-user{ background-image:url(../images/opa.png); }
.login-pws{ background-image:url(../images/pwd.png); }
.login-verify{ background-image:url(../images/verify.png); cursor: pointer;}
.login-refresh{ background-image:url(../images/refresh.png); top:0;left:232px;cursor: pointer;}
.bt_login{cursor: pointer;width:258px;border-radius:4px; height:38px; border:none;color:#fff;line-height:35px; font-weight:bold; font-size:15px;margin-top: 12px;}
.login .content .login-box .inputbox:-ms-input-placeholder,
.login .content .login-box .inputbox-v:-ms-input-placeholder{ color:#999; font-size:14px;font-weight:normal; }

.htm-content {width:1024px; height:302px;margin-left:auto;margin-right:auto; padding-top:40px; clear:both; overflow:hidden;}
.htm-content li{text-align:center;width:250px; float:left;padding-left:40px;padding-right:40px; display:block;}
.htm-content li h3{ font-size:22px;font-weight:normal;color:#4c4c4c; line-height:24px;}
.htm-content li .underline{ border-bottom: 2px solid #4387fd;width: 96px;margin:40px auto;}
.htm-content li .icon{ padding:10px;}
.htm-content li .txt{line-height:25px; font-size:18px; color:#808080;}

/*regist*/
.content-block {border: 1px solid #e1dfdf; margin-top:20px; }
.content-block .wrapper {font-size:16px; background-color:#7acdfc; font-weight:bold; color:#fff; line-height:60px;height:60px; background-image:url(../images/uicon.png); background-repeat:no-repeat;background-position-x:20px; padding-left:80px; background-position-y:center; }
.content-block .content {padding:20px 50px }
.content-block .note {font-size:14px; color:#666; height:30px; line-height:30px; padding-top:10px;}
.content-block .content .validation-summary-errors{ border:1px solid #F2f2f2; background-color:#f5f5f5; color:red; padding:10px;}
.content-block .content .validation-summary-errors li{line-height:150%;}
.content-block h3 { line-height:50px;font-size:16px; border-bottom:1px dotted #406070; color:#333; }
.content-block dl {clear:both;}
.content-block dd { margin:0px; padding:0px;color:#666;line-height:28px; vertical-align:middle;}
.content-block .form-title { font-size:14px; width: 150px; float:left;height:40px;line-height:40px; text-align:right;padding-right:10px;clear: left; color:#000; }
.content-block .form-input{width:300px;color:#333; height:30px; border:solid 1px #aca7a7; font-size:14px; line-height:30px; padding:5px 12px;font-weight:bold; vertical-align:middle;}
.content-block img { vertical-align:middle; border:none;cursor:pointer; margin-left:15px; }
.content-block .error{color:red; padding-left:15px;}
.content-block .sp {float:left; margin-right:10px;}
.content-block .verify-span {cursor:pointer; height:26px;line-height:26px;float:left;}
.content-block .bt{ border:none; width:150px; height:38px; font-size:14px; font-weight:bold; color:white; background-color:#f35606;}
.error {padding-left:15px;height:26px;line-height:26px;}
.error_msg { color: red; padding-right:10px; margin-left:5px;}
.step1 { height:60px;background: url(../images/register.png); background-repeat: no-repeat; background-position:center; margin-top:20px; display:block;}
.content-block .field-validation-error{color:red; padding-left:15px;}
.content-block .form-input:-moz-placeholder {color: #999999;}
.content-block .form-input::-moz-placeholder {color: #999999;}
.content-block .form-input:-ms-input-placeholder {color: #999999;}
.content-block .form-input::-webkit-input-placeholder {color: #999999;}
.content-block .form-input {border: 1px solid #cccccc;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.content-block .form-input:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.content-block dd .tipTitle{float:left;padding:2px;}
.content-block dd .level span{float:left;width:20px;width:30px; text-align:center; background-color:#f2f2f2;color: #666;border:1px solid #ccc;border-left:0px;border-top:0px ;padding:2px;}
.content-block dd .level .selected{float:left;width:20px;width:30px; text-align:center; background-color: red;color: #fff;border:1px solid #ccc;border-left:0px;border-top:0px ;padding:2px;}
.content-block h4 { line-height:50px;font-size:16px; color:#333; }
.content-block .font-blue{ color:#0cb0e5; text-decoration:underline;}

/*资费*/
.fee-header {font-size:16px; height:40px; line-height:40px;color:#365669;}
.small-banner{background-color:#6699c6;height:180px; background-image:url(../images/fee.jpg);background-repeat:no-repeat; background-position-x:center;}
.small-banner-about{background-color:#6699c6;height:180px; background-image:url(../images/about.jpg );background-repeat:no-repeat; background-position-x:center;}

.list {border :1px solid #e1dfdf; overflow:hidden; border-collapse:collapse; background-color:white;}
.list .list-header{ font-size:14px; font-weight:bold; text-align:center; background-color:#f4f4f4;overflow:hidden; width:auto; display:block;}
.list .col1,.list .col2,.list .col3,.list .col4{line-height:35px; float:left; height:35px; text-align:center;}
.list .col1{width:18%; border-right:1px solid #e4e4e4;}
.list .col2{width:55%;border-right:1px solid #e4e4e4;}
.list .col3{width:12%;border-right:1px solid #e4e4e4;}
.list .col4{width:14%;}
.list >ul{border-top:1px solid #e4e4e4; overflow:hidden;clear:both;}
.list .list-header{border-top:1px solid #f4f4f4;}
.list .list-header >li{height:40px; line-height:40px;}

.page-content h3{font-size:16px; font-weight:bold;color:#019f6a; border-bottom:1px solid #ccc; height:40px; line-height:40px;}
.page-content h4{font-size:16px; font-weight:bold;color:#019f6a; border-bottom:1px dotted #ccc; height:40px; line-height:40px; margin-top:30px;}
.page-content .node-content{font-size:14px; color:#666; line-height:40px; overflow:hidden; }
.page-content .about{padding:20px 50px;}

/***提示框*****/
.MessageBox{ font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "微软雅黑",sans-serif,"宋体";margin-left:auto; margin-right:auto; width:650px; margin-top:100px;border:1px solid #ccc; background-color:#fff; min-height:250px;}
.MessageBox .dlg_title{background-color:#00a2ca; line-height:150%; font-weight:bold; color:#FFF; font-size:14px; padding-left:5px; height:35px; line-height:35px;}
.MessageBox .eventmessage{padding:50px; font-size:14px; overflow:hidden; background-image:url(../Images/note.gif);padding-left:100px; background-repeat:no-repeat; background-position:30px center;}
.MessageBox .optionaction{border-top:1px solid #ccc; padding:10px 0px 10px 0px; text-align:center;}
.MessageBox input{ vertical-align:middle;}
.MessageBox .field-validation-error{ color:red; font-size:12px;}
.MessageBox .note-message{ font-size:12px;}
.MessageBox .note-message p{ font-size:12px; padding:0px; margin:0px; line-height:150%; color:#666;}

.login .content .login-box{background-image:url(../images/lbg.png);}
.bt_login{background-color:#0cb0e5;}
.footer{background-color:#66bffa;}