﻿/*---------------头部---------------*/
#head{height:100px; background:#fff; border-bottom:10px solid #1f9886; }
#head .top{height:100px;color:#333;}
#head .top .logo{margin:15px 10px 0; float:left;  }
#head .top .nav{margin:30px 30px 0; float:left; overflow:hidden;zoom:1;}
#head .top .nav ul li{width:130px;height:40px; float:left; margin-right:30px; }
#head .top .nav ul li a{display:block; width:130px; height:40px; font:bold 16px/40px "微软雅黑"; text-align:center;}
#head .top .nav ul li a:hover{background:#333; color:#fff;}
#head .top .nav .ulHover{background:#333; color:#fff;}
#head .top .login{margin:15px 0px 0px; float:right; height:80px; width:300px; position:relative;  }
#head .top .login .loginBtn{ padding:15px 0; display:none; position:absolute; right:0; top:0;}
#head .top .login .loginBtn a.dl,#head .top .login .loginBtn a.zc{display:inline-block;padding:3px 23px;  font:14px/30px "微软雅黑"; color:#fff; position:relative;margin-right:20px;}
#head .top .login .loginBtn a.dl span,#head .top .login .loginBtn a.zc span{position:absolute; right:-5px; top:14px; display:block;width:5px; height:10px;}
#head .top .login .loginBtn a.dl{ background:#27c0a9; }
#head .top .login .loginBtn a.zc{ background:#ff9900;}
#head .top .login .loginBtn a.dl span{ background:url(../images/icon.png) 0 0 no-repeat}
#head .top .login .loginBtn a.zc span{ background:url(../images/icon.png) 0 -31px no-repeat;}
#head .top .login .loginBtn a:hover{ box-shadow:0 0 15px rgba(94,94,94,0.3);}
#head .top .login .userinfo{padding:15px 0;  width:160px; position:relative; }
#head .top .login .userinfo a{overflow:hidden;zoom:1;}
#head .top .login .userinfo a img{background:#27c0a9; border-radius:50%; float:left;}
#head .top .login .userinfo a span{display:inline-block; width:85px; text-align:center; line-height:35px; font-size:16px; float:left; }
#head .top .login .userinfo .caret{display:inline-block; width:20px;height:9; margin-top:15px; background:url(../images/icon.png) 0 -66px no-repeat; float:left;}
#head .top .login .userinfo .user-dropdown-menu{background:#fff; width:160px; position:absolute; top:65px; background:#fff; z-index:9; border-radius: 0 0 5px 5px; padding:5px; font:14px/34px "微软雅黑"; text-align:center; box-shadow:0 0 10px rgba(94,94,94,0.3);}
#head .top .login .userinfo .user-dropdown-menu  li{width:100%; margin:0 auto; border-bottom:1px dashed #eee;}
#head .top .login .userinfo .user-dropdown-menu  li:last-child{border:none;}
#head .top .login .userinfo .user-dropdown-menu  li:hover{background:#fbfbfb;}
/* 搜索 */
.searchBox{ width:400px; margin:10px auto; position: absolute;}
.searchbg{padding-right: 0px; padding-left: 2px;  padding-bottom: 0px; width: 405px; padding-top: 2px;  height: 34px}
.searchContainer {padding-right: 0px; padding-left: 2px; padding-bottom: 0px; width: 405px; padding-top: 2px; height: 34px; position:absolute; top:0; left:0}
.searchbg {background:url(../images/common/search_bg.png) no-repeat;}
.searchselect {z-index: 49; float: left; width: 67px; position: relative; height: 34px}
.searchselect span {float: left; height: 34px}
.searchselect a.searchselectbtn {float: left; height:34px}
.searchselect span {width: 40px; color: #333333; text-indent: 12px; line-height: 26px; position: relative}
.searchselectbtn {background: url(../images/common/triangle.gif) no-repeat 0 10px; width: 10px}
.searchContainer input {float: left;  width: 250px;line-height: 23px; border:none; height: 23px; margin-left:5px; margin-top:3px;}
.searchbtn {float: left; width: 69px; height:34px}
.searchselect ul {display: none; z-index:999; width: 64px; position: absolute; top: 32px}
.searchselect ul li {float: left; width: 64px; height: 24px; text-align:center;}
.searchselect ul li a {float: left; width: 64px; height: 24px}
.searchselect ul li {background: #fff}
.searchselect ul li a {border-right: #ffcc66 1px solid; border-left: #ffcc66 1px solid; width: 62px; color: #666666; line-height: 24px}
.searchselect ul li a:hover {background: #ff9933; color: #fff; text-decoration: none}
.searchselect ul li a.current:hover { color: #9c9c9c}
.searchselect ul li.last {overflow: hidden; width: 64px;height: 1px;border-bottom: #ffcc66 1px solid;}


/* 面包屑 */
.Breadcrumbs{width:100%; background:#d2ece9; height:30px; line-height:30px;}
.Breadcrumbs .placeIcon{background:url(../images/icon.png) 0 -355px no-repeat; text-indent:20px;}

/* 底部 
.footer{background:#5d5d5d;  height:145px; color:#fff;}*/

/* 友情链接 
.link{}
.linkLeft{ line-height:28px; width:500px;color:#fff; margin-top:20px; background:url(../images/footer_bg.png) 0 15px no-repeat; padding:5px; padding-left:80px;}
.linkLeft b{font-size:12px; margin-right:20px; font-weight:normal;}

.linkright a{ color:#27c0a9; margin-right:80px; line-height:150px; font-size:16px;}
.linkright a:hover{ color:#fff}
*/
/* 底部 */
.footer{ background: url(../images/footbg.jpg) center bottom repeat-x; height:145px;}

/* 友情链接 */
.link{}
.linkLeft{ line-height:28px; width:1030px;color:#666; margin-top:20px;}
.linkLeft b{font-size:14px; margin-right:20px;}
.linkLeft a{ color:#666; margin:0 13px;}
.linkLeft a:hover{ color:#ad3251}
.link a.more{ color:#d8357f; margin-right:30px;}
.link a:hover.more{color:#666}

/*---------------tab页面---------------*/
#sildeBox .hd{ position:relative; width:100%; height:31px; line-height:31px; background:#ddf7f4; color:#333; }
#sildeBox .hd ul{ z-index:5; position:absolute; height:33px; overflow:hidden; zoom:1; }
#sildeBox .hd li{ float:left; width:360px; height:31px; cursor:pointer; text-align:center; margin-left:-1px;  font-size:14px }
#sildeBox .hd li.on{color:#666; font-size:14px; font-weight:bold; background:#f6f6f6; margin:2px;}
#sildeBox .bd{ padding:0 0 0 0px; clear:both; position:relative;  width:100%; border-top:none; }

/*---- 分页 ----*/
.paginationBox {width:900px;  text-align:center; display:table;font-size:12px; margin-top:30px;}
.paginationBox span a{display:inline-block; background:#fff; border: 1px solid #cdcdcd;color:#333;cursor: default;height: 23px;line-height:23px;text-align: center; padding:0 6px; margin:0 3px;}
.paginationBox span a:hover,.paginationBox span a.active {background:#8c8c8c; color: #FFFFFF; border:1px solid #8c8c8c;}


/*---- 表格样式 ----*/
.tablelist{ width:100%; background:#f3f3f3; border-collapse:collapse; }
.tablelist thead{  background:#ddf7f4; color:#333;}
.tablelist th{height:40px; line-height:35px; text-indent:11px; text-align:left; font-size:15px; background:#ddf7f4 repeat-x;text-shadow: 0px 1px 0px rgba(255,255,255,0.5); -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.5);}
.tablelist td{line-height:40px; text-indent:11px;  border-bottom:  1px solid #fff; }
.tablelink{color:#27c0a9; font-size:14px; text-decoration:underline;}
.tablelist tbody tr.odd{background:#f4f5f5;}
/*.tablelist tbody tr:hover{background:#eee;}*/

/*---- 列表样式 ----*/
.list{margin:20px; padding-bottom:20px;width:980px;}
.list h2{width:100%; height:40px; line-height:40px; color:#333; position:relative; margin-bottom:5px; background:#ddf7f4; font-weight:normal;}
.list h2 span{ text-indent:10px; display:block; }
.list h2 a{position:absolute; right:5px; top:0px;  font-size:14px;padding:0 10px;}

/*---- 警告框 ----*/
.warning{padding:60px 50px; font-size:12px; color:#999; line-height:25px; width:700px;}

/*---- 表单提示 ----*/
.inputTip{ position:relative; width:320px;height:70px;position:relative; font-size:14px; line-height:18px;}
.inputValidateCode{ position:relative; width:300px;height:70px;position:relative; font-size:12px; line-height:18px;}
.info,.safe{display:block;margin-left:5px;width:247px;height:30px;background:url(../images/info.gif) no-repeat;position:absolute;left:290px;top:0;color:#666;padding:10px 0 0 40px;}
.user_put{height:60px;line-height:26px;}
.pass_put{height:60px;line-height:26px;}
.info_error{display:block;width:247px;height:30px;margin-left:5px;background:url(../images/info.gif) no-repeat 0 -190px;position:absolute;left:290px;top:0; color:red;padding:10px 0 0 40px;}
.info p,.safe p{width:282px;height:1px;background:#B9E3FF;position:absolute;left:5px;top:40px;}
/*.info_error p{width:282px;height:1px;background:#FFC7C7;position:absolute;left:5px;top:40px;}*/
.info_error p {
    background: #ffc7c7 none repeat scroll 0 0;
    height: 1px;
    left: 5px;
    position: absolute;
    top: 40px;
    width: 282px;
}
.ok{display:block;width:20px;height:20px;background:url(../images/ok.gif) no-repeat;position:absolute;left:290px;top:8px;}
.safe .s{display:inline-block;width:12px;height:12px;border:1px solid #ccc;background:#ccc;}
.word{margin-left:5px;color:#000;}
.user_put p{top:69px;}
.pass_put p{top:56px;}

/*---- 提交按钮 ----*/
.btn-entry {background:#27c0a9; height:35px; font-size:16px; line-height:25px; color:#fff; text-align:center;  border-radius:3px; margin-left:100px; transition:0.5s;padding:2px 30px;}
 .btn-entry:hover {background:#149e89;}
 
 
 /*************五星评价****************/
.stardemo{margin:1px;margin-left:2px;}
.stardemo .target-demo img{ display:inline-block; vertical-align: middle;  }
.stardemo div.hint { background-color: #fff; border-radius: 5px; color: #333; display: inline-block; height: 40px;line-height: 43px; font-size: 14px; text-align: center; width: 60px; vertical-align: middle }
