/*========================================
全局样式设定
=========================================*/
html {width:100%; overflow-x:hidden;}
body {margin:0; padding:0; width:100%; overflow-x:hidden; height:100%; overflow-y:auto; font-family:"microsoft yahei"; font-size:12px; background:#fff; color:#666;}
ul,ol,li,dl,dt,dd,form,label,h1,h2,h3,h4,h5,h6,button,input[type="text"],input[type="password"],textarea,i,select {margin:0; padding:0; list-style:none; outline:none; border:none; font-family:"microsoft yahei";}
img {display:block; border:none;}
a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {color:#319dd8;}

.hide,
.yun-hide {display:none;}
.yun-show {display:block;}
.yun-clear {height:0; clear:both;}
.yun-clearRight {height:0; clear:right;}
.yun-clearLeft {height:0; clear:left;}
.yun-overScroll {overflow-y:scroll;}
.yun-overHidden {overflow-y:hidden;}
.yun-tran03 {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
input[type="checkbox"].none, input[type="radio"].none, input[type="text"].none, a.none {position:fixed; left:-9999px; top:50%;}
.yun-table table {width:100%;}
/* 清除浮动类 .clearfix */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after  {clear:both;}


/*==================================================
                    弹出层样式
==================================================*/
/*<div class="popLayer">
	<div class="con">
		<div class="box">
			<div class="close"><label>&times;</label></div>
			
		</div>
	</div>
</div>*/
/*----- 弹出层背景 -----*/
.popLayer {position:fixed; visibility:hidden; opacity:0; display:table; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.4); z-index:21;}
.popLayer .con {height:100%; width:100%; display:table-cell; vertical-align:middle;}
/*--- 内容框 ---*/
.popLayer .con .box {margin:0 auto; padding:25px; background:#fff; border-radius:5px; position:relative;
-webkit-box-shadow:0 0 10px #666;
-moz-box-shadow:0 0 10px #666;
-ms-box-shadow:0 0 10px #666;
box-shadow:0 0 10px #666;}
/*--- 关闭按钮 ---*/
.popLayer .con .box .close {position:relative;}
.popLayer .con .box .close label {position:absolute; top:0; right:0; width:20px; height:20px; line-height:20px; font-size:2.4em; text-align:center; cursor:pointer;}
#popLayer:checked + .popLayer {visibility:visible; opacity:1;}

/*======= 全站通用LOADING =======*/
.pageLoading {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.05); z-index:11; display:none;}
.pageLoading .circle1, .pageLoading .circle2 {position:absolute; left:50%; bottom:55%; border-radius:50%;}
.pageLoading .circle1 {width:50px; height:50px; margin-left:-28px; margin-bottom:10px; border:3px rgba(0,161,233,1) solid; border-right-color:rgba(0,161,233,0);
animation:circle1 .9s ease infinite;
-moz-animation:circle1 .9s ease infinite;
-webkit-animation:circle1 .9s ease infinite;
-o-animation:circle1 .9s ease infinite;}
@keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-moz-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-webkit-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.pageLoading .circle2 {width:30px; height:30px; margin-left:-16px; margin-bottom:22px; border:1px rgba(0,161,233,.8) solid; border-left-color:rgba(0,161,233,0);
animation:circle2 2s linear infinite;
-moz-animation:circle2 2s linear infinite;
-webkit-animation:circle2 2s linear infinite;
-o-animation:circle2 2s linear infinite;}
@keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-moz-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-webkit-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
.pageLoading .text {position:absolute; width:100%; top:45%; margin-top:10px; text-align:center; color:rgba(0,161,233,1); font-size:1.2em;}


/*======= 全站通用弹出层打开按钮 height:34px; =======*/
.theMenu-open {height:0; text-align:center; overflow:hidden;}
.theMenu-open label {display:inline-block; position:relative; border:1px #ccc solid; border-radius:5px; height:30px; line-height:30px; padding:0 10px; padding-right:30px; overflow:hidden;}
.theMenu-open label span {font-size:1.25em;}
.theMenu-open label i {position:absolute; right:8px; font-style:normal; font-size:2.2em; line-height:24px;}
/*======= 全站通用弹出层关闭按钮 height:50px; =======*/
.layout-close {height:0; overflow:hidden;}
.layout-close label {float:right; width:36px; height:36px; margin-top:7px; margin-right:7px; line-height:32px; text-align:center; background:#4eb6ff; color:#fff; border-radius:50%; font-size:2.5em;}


/*==================== 图标 ====================*/
.yun-icon {background:url(../images/icon.png) no-repeat;}
.yun-icon.icon-qq {width:24px; height:24px; background-position:0 0;}
.yun-icon.icon-qq:hover {background-position:-72px 0;}
.yun-icon.icon-weixin {width:24px; height:24px; background-position:-35px 0;}
.yun-icon.icon-weixin:hover {background-position:-104px 0;}
.yun-icon.icon-weixins {width:159px; height:159px; background-position:-155px -54px;}
.yun-icon.icon-app {width:93px; height:142px; background-position:-324px -61px;}
/*==================== 登录相关图标 ====================*/
.yun-Login-icon {background:url(../images/icon-login.png) no-repeat;}
.yun-Login-icon.icon-user {width:18px; height:18px; background-position:0 -5px;}
.yun-Login-icon.icon-pass {width:18px; height:18px; background-position:-43px -5px;}
.yun-Login-icon.icon-yzm {width:18px; height:18px; background-position:-21px -5px;}


/*========== 网页宽度 ==========*/
.yun-mainWidth {position: relative; width:1200px; margin:0 auto;}
.mainWidth {position: relative; width:1200px; margin:0 auto;}


/*==================== 网页TOP ====================*/
.yun-PageTop {height:36px; border-bottom:1px #eee solid; background:#f7f7f7;}
/*========== 网页TOP-LEFT ==========*/
.yun-PageTop .yun-PageTop-Left {float:left; height:100%;}
.yun-PageTop .yun-PageTop-Left .yun-welcome {float:left; height:100%; line-height:36px; font-size:1.2em;}
.yun-PageTop .yun-PageTop-Left a {float:left; margin-left:5px; margin-top:6px; position:relative;}
/*----- 微信 -----*/
.yun-PageTop .yun-PageTop-Left a.icon-weixin span {position:absolute; top:31px; left:50%; margin-left:-9999px; background:#fff; cursor:default; z-index:10;}
.yun-PageTop .yun-PageTop-Left a.icon-weixin span b {display:block;}
.yun-PageTop .yun-PageTop-Left a.icon-weixin span i {display:block; height:30px; line-height:30px; text-align:center; font-size:1.1em; color:#333; font-style:normal;}
.yun-PageTop .yun-PageTop-Left a.icon-weixin:hover span {margin-left:-80px;}
/*========== 网页TOP-RIGHT ==========*/
.yun-PageTop .yun-PageTop-right {float:right;}
.yun-PageTop .yun-PageTop-right ul li {float:left; height:36px; line-height:36px; margin-left:30px;}
.yun-PageTop .yun-PageTop-right ul li a {font-size:1.2em; position:relative;}
/*----- APP -----*/
.yun-PageTop .yun-PageTop-right ul li a span.icon-app {position:absolute; left:0; top:30px; left:50%; margin-left:-9999px; z-index:9;}
.yun-PageTop .yun-PageTop-right ul li a:hover span.icon-app {margin-left:-46px;}


/*==================== 网页HEADER ====================*/
.yun-PageHeader {height:73px; padding-top:27px; position:relative;}
/*---------- 响应式菜单开关 ----------*/
.yun-PageHeader .yun-open-HeaderMenu {float:left; width:40px; height:40px;; overflow:hidden; position:relative; display:none;}
.yun-PageHeader .yun-open-HeaderMenu div {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:#319dd8;}
.yun-PageHeader .yun-open-HeaderMenu div.open {z-index:8;}
.yun-PageHeader .yun-open-HeaderMenu div.close {opacity:0; z-index:10;}
.yun-PageHeader .yun-open-HeaderMenu div span {position:relative; display:block; width:100%; height:100%; font-size:3em; color:#fff; line-height:34px;}
/*---------- LOGO ----------*/
.yun-PageHeader .yun-PageHeader-logo {float:left; height:50px;}
.yun-PageHeader .yun-PageHeader-logo img {height:100%;}
/*---------- LOGIN ----------*/
.yun-PageHeader .yun-PageHeader-Login {float:right; height:30px; line-height:30px; font-size:1.2em; margin-top:7px; display:none;}
.yun-PageHeader .yun-PageHeader-Login a {margin:0 10px;}

/*---------- 导航菜单 ----------*/
.yun-PageHeader .yun-PageHeader-menu ul {float:right;}
.yun-PageHeader .yun-PageHeader-menu ul li {float:left; margin-left:25px;}
.yun-PageHeader .yun-PageHeader-menu ul li a {float:left; height:40px; line-height:40px; padding:0 10px; text-align:center; font-size:1.65em; border-bottom:4px #fff solid;}
.yun-PageHeader .yun-PageHeader-menu ul li a.active,
.yun-PageHeader .yun-PageHeader-menu ul li a:hover {border-bottom:4px #319dd8 solid;}

/*==================== 登录 ====================*/
.yun-Login {height:0; position:relative;}
/*---------- 注册按钮 ----------*/
.yun-Login .yun-Reg-Btn {display:none; position:absolute; width:50px; height:22px; line-height:22px; text-align:center; color:#319dd8; border-left:1px #319dd8 solid; right:0; top:0; margin-top:-33px; font-size:1.25em; z-index:8;}
/*---------- 登录按钮开关 ----------*/
.yun-Login .yun-open-Login {display:none;}
.yun-Login .yun-open-Login .open {position:absolute; width:50px; height:22px; line-height:22px; text-align:center; color:#319dd8; right:50px; top:0; margin-top:-33px; font-size:1.25em; z-index:8;}
.yun-Login .yun-open-Login .close {position:absolute; right:0; bottom:0; width:56px; height:56px; line-height:45px; color:#319dd8; font-size:5em; display:none; opacity:0; z-index:10;}
/*---------- 登录容器 ----------*/
.yun-Login .yun-Login-Contain {position:relative;}
.yun-Login .yun-Login-Box {position:absolute; width:270px; height:360px; right:0; top:20px; background:rgba(0,0,0,.4); border-radius:10px; z-index:2;}
.yun-Login .yun-Login-Box form {padding:25px 15px;}
/*---------- 登录身份选择 ----------*/
.yun-Login .yun-Login-Box form .yun-Login-chose .yun-Login-ids {height:30px; margin:0 15px;}
.yun-Login .yun-Login-Box form .yun-Login-chose .yun-Login-ids label {float:left; height:28px; line-height:28px; width:50%; text-align:center; color:#fff; font-weight:bold; font-size:1.2em; cursor:pointer;}
.yun-Login .yun-Login-Box form .yun-Login-chose .yun-Login-info {height:30px; position:relative;}
.yun-Login .yun-Login-Box form .yun-Login-chose .yun-Login-info span {position:absolute; width:100%; line-height:30px; text-align:center; color:#fff; opacity:0;}
/*-- 登录身份选择操作 --*/
#yun-Login-radio1:checked ~ .yun-Login-ids label[for="yun-Login-radio1"],
#yun-Login-radio2:checked ~ .yun-Login-ids label[for="yun-Login-radio2"] {border-bottom:2px #ebb201 solid; color:#ebb201;}
#yun-Login-radio1:checked ~ .yun-Login-info .yun-Login-info1,
#yun-Login-radio2:checked ~ .yun-Login-info .yun-Login-info2 {opacity:1;}
/*---------- 登录表单 ----------*/
.yun-Login .yun-Login-Box form .yun-Login-form {margin-top:20px;}
.yun-Login .yun-Login-Box form .yun-Login-form li {position: relative; height:34px; background:#fff; margin-bottom:10px; border-radius:5px; overflow:hidden; position:relative;}
.yun-Login .yun-Login-Box form .yun-Login-form li span {float:left; width:34px; height:34px; background:#f9f9f9; border-right:1px #f6f6f6 solid; position:relative;}
.yun-Login .yun-Login-Box form .yun-Login-form li span i {position:absolute; top:50%; margin-top:-9px; left:50%; margin-left:-9px;}
.yun-Login .yun-Login-Box form .yun-Login-form li div {margin-left:35px;}
.yun-Login .yun-Login-Box form .yun-Login-form li div input {border:none; height:32px; width:100%; font-size:1.1em; padding-left:10px;}
.yun-Login .yun-Login-Box form .yun-Login-form li b {position:absolute; right:10px; top:50%; margin-top:-10px; cursor:pointer;}
.yun-Login-Box .tip.error{position: absolute; right:13px; top: 3px; bottom:3px; border:0px; border-radius: 5px; background-color: red; color: #fff; display: inline-block; line-height:25px; vertical-align:middle; padding: 0px 5px; font-size: 12px;}
/*---------- 登录按钮 ----------*/
.yun-Login .yun-Login-Box form .yun-Login-Btn .yun-Login-forget {height:26px;}
.yun-Login .yun-Login-Box form .yun-Login-Btn .yun-Login-forget label {float:left; height:26px; line-height:22px; color:#fff;}
.yun-Login .yun-Login-Box form .yun-Login-Btn .yun-Login-forget a {float:right; height:26px; line-height:22px;}
.yun-Login .yun-Login-Box form .yun-Login-Btn button {width:100%; height:30px; border:none; background:#ebb201; color:#fff; border-radius:5px; cursor:pointer;}
.yun-Login .yun-Login-Box form .yun-Login-Btn .yun-Login-reg {height:30px; line-height:30px; color:#fff; text-align:center;}

/*---------- 登录后 ----------*/
.yun-Login .yun-Login-Box .yun-logined {padding:25px 15px;}
.yun-Login .yun-Login-Box .yun-logined .yun-logined-sf {height:40px; line-height:40px; font-size:1.6em; border-bottom:1px #ebb201 solid; text-align:center; color:#ebb201;}
.yun-Login .yun-Login-Box .yun-logined .yun-logined-name {height:90px; line-height:90px; font-size:1.2em; text-align:center; color:#fff;}
.yun-Login .yun-Login-Box .yun-logined .yun-logined-go a {display:block; height:30px; line-height:30px; text-align:center; background:#ebb201; color:#fff; font-size:1.2em; border-radius:7px;}
.yun-Login .yun-Login-Box .yun-logined .yun-logined-out {margin-top:30px;}
.yun-Login .yun-Login-Box .yun-logined .yun-logined-out a {display:block; width:80px; height:30px; margin:0 auto; line-height:30px; color:#fff; text-align:center; font-size:1.1em;}


/*==================== 海报轮播图区域 ====================*/
.yun-Banner {height:400px; width:100%; overflow:hidden; position:relative;}
.yun-Banner .yun-Banner-Contain {position:absolute; width:1920px; height:100%; top:0; left:50%; margin-left:-960px; z-index:1;}
.yun-Banner .yun-Banner-Contain img {height:100%; margin:0 auto;}


/*==================== 翻页 ====================*/
.yun-pages i, .yun-pages em {font-style:normal;}
.yun-pages i {font-size:1.45em; line-height:20px;}
.yun-pages em {line-height:30px;}
.yun-pages ul {float:right;}
.yun-pages ul li {float:left; margin-left:10px;}
.yun-pages ul li span {float:left; height:28px; line-height:28px; padding:0 12px; font-size:1.1em; color:#666; border:1px #f0f0f0 solid; border-radius:3px; overflow:hidden; cursor:pointer;}
.yun-pages ul li form {height:30px; line-height:30px; font-size:1.1em; color:#666;}
.yun-pages ul li form input {height:28px; font-size:1.1em; width:40px; border:1px #f0f0f0 solid; margin:0 4px; color:#444; text-align:center;}
/*--- 鼠标经过及其他状态 ---*/
.yun-pages ul li span:hover {border:1px #ccc solid; color:#444;}
.yun-pages ul li span.disabled,.yun-pages ul li span.disabled:hover {border:1px #f0f0f0 solid; color:#c9c9c9; cursor:not-allowed;}
.yun-pages ul li span.active, .yun-pages ul li span.active:hover,
.yun-pages ul li span.page-btn, .yun-pages ul li span.page-btn:hover {border:1px #4eb6ff solid; color:#fff; background:#4eb6ff; cursor:default;}
.yun-pages ul li span.page-btn:hover {cursor:pointer;}
.yun-pages ul li form:hover input {border:1px #ccc solid;}


/*==================== jiaThis一键分享 ====================*/
.jiaThis {height:25px; padding:10px 0;}

/*==================== 网页底部 ====================*/
.yun-footer {background:#33302b; padding:20px 0;}
/*---------- 底部菜单 ----------*/
.yun-footer .yun-footer-menu {height:120px; color:#666; border-bottom:1px #666 solid;}
.yun-footer .yun-footer-menu dl {float:left; width:23%; margin:0 1%;}
.yun-footer .yun-footer-menu dl dt {height:35px;}
.yun-footer .yun-footer-menu dl dt i {float:left; width:20px; height:20px; margin-top:7px;}
.yun-footer .yun-footer-menu dl.service dt i {background:url(../images/icon-footer-ico1.png) no-repeat;}
.yun-footer .yun-footer-menu dl.newer dt i {background:url(../images/icon-footer-ico2.png) no-repeat;}
.yun-footer .yun-footer-menu dl.pays dt i {background:url(../images/icon-footer-ico3.png) no-repeat;}
.yun-footer .yun-footer-menu dl.tese dt i {background:url(../images/icon-footer-ico4.png) no-repeat;}
.yun-footer .yun-footer-menu dl dt span {float:left; margin-left:7px; height:35px; line-height:35px; font-size:1.4em;}
.yun-footer .yun-footer-menu dl dd {float:left; width:50%; height:26px;}
.yun-footer .yun-footer-menu dl dd i {float:left; width:20px; height:26px; background:url(../images/icon-footer-ico5.png) center center no-repeat;}
.yun-footer .yun-footer-menu dl dd a {float:left; height:26px; line-height:26px; margin-left:5px;}
/*---------- 底部NAV ----------*/
.yun-footer .yun-footer-nav {height:40px; line-height:40px; margin-top:10px; font-size:1.1em; text-align:center;}
/*---------- 底部版权 ----------*/
.yun-footer .yun-footer-copyright {height:20px; line-height:20px; font-size:1.1em; text-align:center;}
/*---------- 底部图标 ----------*/
.yun-footer .yun-footer-icons {margin-top:10px; height:40px;}
.yun-footer .yun-footer-icons table {margin:0 auto;}
.yun-footer .yun-footer-icons table img {float:left; margin:0 5px;}


/*========== 鼠标经过问号弹出提示 ==========*/
a.tips {display:inline-block; position:relative; margin-left:3px; width:16px; height:16px; line-height:16px; border-radius:50%; text-align:center; background:#d7d7d7; color:#777;}
a.tips b {color:#fff;}
a.tips span {position:absolute; border:1px #aaa solid; border-radius:6px; width:160px; background:#fff; font-weight:normal; padding:10px; font-size:12px; box-shadow:0 0 6px #999; left:-9999px; z-index:9; cursor:default;}
a.tips span p {margin:0; padding:0;}
a.tips span i {position:absolute; width:0; height:0; border-style:solid;}
a.tips span i:before {position:absolute; content:''; width:0; height:0; border-style:solid;}
/*--- BOTTOM-RIGHT ---*/
a.tips.br:hover span, a.tips.br:focus span {top:100%; margin-top:14px; left:-14px;}
a.tips.br span i {bottom:100%; left:8px; border-width:0 12px 14px 12px; border-color:transparent transparent #aaa transparent;}
a.tips.br span i:before {top:1px; left:-11.1px; border-width:0 11.5px 14px 11.5px; border-color:transparent transparent #fff transparent;}
/*--- TOP-RIGHT ---*/
a.tips.tr:hover span, a.tips.tr:focus span {bottom:100%; margin-bottom:14px; left:-14px;}
a.tips.tr span i {top:100%; left:8px; border-width:14px 12px 0 12px; border-color:#aaa transparent transparent transparent;}
a.tips.tr span i:before {top:1px; right:-11.1px; top:-14px; border-width:13.5px 11.7px 0 11.7px; border-color:#fff transparent transparent transparent;}
/*--- BOTTOM-CENTER ---*/
a.tips.bc:hover span, a.tips.bc:focus span {top:100%; margin-top:14px; left:50%; margin-left:-90px;}
a.tips.bc span i {bottom:100%; left:50%; margin-left:-14px; border-width:0 12px 14px 12px; border-color:transparent transparent #aaa transparent;}
a.tips.bc span i:before {top:1px; left:-11.1px; border-width:0 11.5px 14px 11.5px; border-color:transparent transparent #fff transparent;}
/*--- TOP-CENTER ---*/
a.tips.tc:hover span, a.tips.tc:focus span {bottom:100%; margin-bottom:14px; left:50%; margin-left:-90px;}
a.tips.tc span i {top:100%; left:50%; margin-left:-14px; border-width:14px 12px 0 12px; border-color:#aaa transparent transparent transparent;}
a.tips.tc span i:before {top:1px; right:-11.1px; top:-14px; border-width:13.5px 11.7px 0 11.7px; border-color:#fff transparent transparent transparent;}
/*--- BOTTOM-LEFT ---*/
a.tips.bl:hover span, a.tips.bl:focus span {top:100%; margin-top:14px; left:0; margin-left:-150px;}
a.tips.bl span i {bottom:100%; right:10px; border-width:0 12px 14px 12px; border-color:transparent transparent #aaa transparent;}
a.tips.bl span i:before {top:1px; left:-11.1px; border-width:0 11.5px 14px 11.5px; border-color:transparent transparent #fff transparent;}
/*--- TOP-LEFT ---*/
a.tips.tl:hover span, a.tips.tl:focus span {bottom:100%; margin-bottom:14px; left:0; margin-left:-150px;}
a.tips.tl span i {top:100%; right:10px; border-width:14px 12px 0 12px; border-color:#aaa transparent transparent transparent;}
a.tips.tl span i:before {top:1px; right:-11px; top:-14px; border-width:13px 11px 0 11px; border-color:#fff transparent transparent transparent;}




.the-form .the-title {height:45px; text-align:center; font-size:1.7em; color:#4eb6ff;}
.the-form ul {margin-bottom:10px; display:block; width:100%;}
.the-form ul li:nth-of-type(1) {float:left; width:100px; padding-top:5px;}
.the-form ul li:nth-of-type(1).textarea {padding-top:0;}
.the-form ul li:nth-of-type(1) span {float:right; position:relative; font-size:1.25em; color:#333;}
.the-form ul li:nth-of-type(1) span i {position:absolute; top:0; right:100%; margin-right:5px; margin-top:3px; width:5px; height:5px; background:#f66; border-radius:50%;}
.the-form ul li:nth-of-type(2) {margin-left:100px; display:block;}
.the-form ul li:nth-of-type(2) div.no-icon {margin-right:15px; position:relative;}
/*--- 定义input之类宽度100% ---*/
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"],
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"],
.the-form ul li:nth-of-type(2) div.no-icon textarea,
.the-form ul li:nth-of-type(2) div.no-icon select {border:1px #aaa solid; border-radius:6px; padding:0 5px; width:100%; font-size:1.1em;}
/*--- 定义input之类错误显示红边框 ---*/
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"].error,
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"].error,
.the-form ul li:nth-of-type(2) div.no-icon textarea.error,
.the-form ul li:nth-of-type(2) div.no-icon select.error {border:1px #f00 solid;}
/*--- 定义input之类当聚焦的时候边框颜色 ---*/
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"]:focus,
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"]:focus,
.the-form ul li:nth-of-type(2) div.no-icon textarea:focus,
.the-form ul li:nth-of-type(2) div.no-icon select:focus,
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"].error:focus,
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"].error:focus,
.the-form ul li:nth-of-type(2) div.no-icon textarea.error:focus,
.the-form ul li:nth-of-type(2) div.no-icon select.error:focus {border:1px #4eb6ff solid;}
/*--- 定义input之类的高度 ---*/
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"],
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"],
.the-form ul li:nth-of-type(2) div.no-icon select {height:30px;}
.the-form ul li:nth-of-type(2) div.no-icon .text {height:28px; line-height:28px; padding-top:1px; font-size:1.25em;}
/*--- 定义textarea向内填充5PX ---*/
.the-form ul li:nth-of-type(2) div.no-icon textarea {padding:5px;}
/*--- 错误提示之类 ---*/
.the-form ul li:nth-of-type(2) div.no-icon i {position:absolute; white-space:nowrap; left:100%; margin-left:10px; top:50%; margin-top:-8px; height:16px; font-style:normal; line-height:16px; color:#888; font-size:1.1em;}
.the-form ul li:nth-of-type(2) div.no-icon i.error {color:#f26d80;}
.the-form ul li:nth-of-type(2) div.no-icon i:before {float:left; margin-right:5px; width:16px; height:16px; line-height:16px; border-radius:50%; text-align:center; color:#fff;}
.the-form ul li:nth-of-type(2) div.no-icon i.ok:before {background:#3ac66f; content:"✔";}
.the-form ul li:nth-of-type(2) div.no-icon i.error:before {background:#f26d80; content:"×"; font-size:1.2em;}
.the-form ul.textarea li:nth-of-type(2) div.no-icon {padding-bottom:20px;}
.the-form ul.textarea li:nth-of-type(2) div.no-icon i {left:0; margin-left:5px; top:100%; margin-top:-18px;}
/*--- 当聚焦时候 错误提示隐藏 ---*/
.the-form ul li:nth-of-type(2) div.no-icon input[type="text"]:focus + i.error,
.the-form ul li:nth-of-type(2) div.no-icon input[type="password"]:focus + i.error,
.the-form ul li:nth-of-type(2) div.no-icon textarea:focus + i.error,
.the-form ul li:nth-of-type(2) div.no-icon select:focus + i.error {display:none;}
/*--- 定义按钮之类 ---*/
.the-form .the-btn {text-align:center;}
.the-form .the-btn .btn {display:inline-block; height:28px; line-height:28px; font-size:1.25em; padding:0 20px; border-radius:6px; cursor:pointer;}
.the-form .the-btn .btn.blue {background:#4eb6ff; border:1px #4eb6ff solid; color:#fff;}
.the-form .the-btn .btn.reg {background:#f66; border:1px #f66 solid; color:#fff;}
.the-form .the-btn .btn.white {background:#fff; border:1px #4eb6ff solid; color:#4eb6ff;}






/*=========中秋节LOGO广告==========*/
.headBgAd {position:absolute; width:100%; margin-left:85px; height:100px; background:url(../images/head-ad-zhongqiu.png) left top no-repeat; background-size:auto 100%;}