﻿.searchForm{text-align:center; margin:10px; position:relative; clear:both;}
.searchForm_input{border:1px #c0deea solid; font-size:14px; background:#f8fdff; padding:0 5px; width:100%; height:30px; line-height:30px; color:#cbcfd1;}
.searchForm_btn{position:absolute; right:0; top:0; padding:0; height:30px; width:60px; color:#C0DEEA; padding-left:25px; line-height:30px; border:none; background:url(../images/icon-search.gif) no-repeat 15% 50%; background-size:18px; border-left:1px #C0DEEA solid;}
.note{text-align:center; margin-bottom:10px; font-size:12px; height:16px; line-height:16px;}
.note a{color:#db7f7f; padding-left:18px; cursor:pointer; background:url(../images/icon-note.gif) no-repeat 3px 50%; background-size:10px;}
.slide {width:100%; overflow:hidden;}
.slide-item {float:left;}
.slide-con2 {width:200%;} .slide-con2 .slide-item {width:50%;}
.slide-con3 {width:300%;} .slide-con3 .slide-item {width:33.33%;}
.tabArea{width:100%; overflow:hidden; margin:0 auto;}
.tab-navarea{background:#68aac2; width:100%;}
.tabArea .tab-nav{height:40px; overflow:hidden;}
.tabArea .tab-nav h2{font-size:16px; background:#68aac2; float:left; width:33.3%; text-align:center; height:40px; line-height:40px; cursor:pointer;}
.tabArea .tab-nav h2 a{color:#d2e4eb; text-shadow:1px 1px #3c84a6;}
.tabArea .tab-nav h2 .tab-nav-cur{color:#fff; border-bottom:2px #fff solid; padding-bottom:5px;}
.tabArea2 .tab-nav h2{width:50%;}
.tabArea4 .tab-nav h2{width:25%;}
.hot_sale{clear:both; background:#edfaff; border-top:2px #edfaff solid; border-bottom:2px #edfaff solid; overflow:hidden;}
.hot_sale{position:relative; height:145px; padding:7px 10px 0 110px;}
.hot_sale img{position:absolute; left:10px; top:10px; border:1px #b4dae8 solid; width:87px; height:117px;}
.hot_sale .title{color:#375868; font-size:16px;}
.hot_sale .author, .hot_sale .review{font-size:14px; color:#7f9ba8; line-height:22px;}
.hot_sale .review{line-height:20px;}
.hot_sale:hover{background:#d9f5ff; border-bottom:2px #9dcada solid; border-top:2px #9dcada solid;}
.hot_saleEm, .hot_sale2Em{background:#fff; border-bottom:2px #fff solid; border-top:2px #fff solid;}
.hot_sale .date{color:#e76767; font-size:12px; margin-bottom:4px;}



.list p{clear:both; line-height:40px; height:40px; padding:0 10px; font-size:14px; overflow:hidden;}
.list p .title{float:left; overflow:hidden; width:65%;}
.list p .date, .list p .date{float:right; font-size:10px; color:#4c6978; width:15%; text-align:left;}
.list p .author{width:20%;}
.list p .up{float:right; font-size:10px; color:#d97474; width:20%; text-align:left;}
.list .em{background:#f6fcff;}
.emptytip{color:#d25151; padding:30px 10px 30px 10px; text-align:center; font-size:16px; line-height:30px;}
.list .emptytip{padding:30px 10px 30px 10px; line-height:30px; height:auto; font-size:16px;}

.rankinglist p{height:41px; line-height:41px;}

.Num{float:left; width:33px; height:40px; margin-right:10px; text-align:center; color:#d25151; font-size:14px;}
.rankingList label{float:left;width:50%;}
.rankingList_3 label{float:left;width:33%;}
.rankingList_4 label{float:left;width:20%;}
.rankingList label input{margin-right:5px;}
.rankingList .info{font-size:14px; color:#8ebdcf;}
.rankingList .info a{float:right; text-decoration:underline; color:#d25151;}
.rankingdashang p .title{width:80%;}

.rankingList .hot_sale{padding:7px 8px 5px 40px; height:auto; overflow:hidden;}
.rankingList .num{position:absolute; left:5px; top:10px; text-align:center; letter-spacing:-1px; height:25px; width:30px; line-height:25px; background:#B3B3B3; color:#fff; border-radius:5px;}
.rankingList .num1{background:#FF3E3E;}
.rankingList .num2{background:#68aac2;}
.rankingList .num3{background:#68aac2;}
.rankingList .hot_sale p{height:auto; line-height:22px; padding:0;}
.rankingList .hot_sale .author{font-size:12px;}

.page{background:#68aac2; padding:0 10px; color:#c5d7df; height:40px; line-height:40px; text-align:center;}
.page a{color:#fff; margin:0 5px;}
.pageinput{float:right;}
.page .page_txt{padding:2px 5px; border:1px #c5d7df solid; background:#f6fcff; color:#4c6978; border-radius:5px; font-size:14px; width:80px; margin-right:5px; color:#333; text-align:center;}
.pageBox {position: relative; width: 100%;}
.pageBox .iconback{background:url(../images/icon-backhome.gif) no-repeat 50% 50%; background-size:23px;}
.pageBox .iconhome{background:url(../images/icon-side.gif) no-repeat 50% 50%; background-size:20px;}
.transition {-webkit-transition:-webkit-transform 0.2s ease-out; -o-transition:-o-transform 0.2s ease-out; transition: transform 0.2s ease-out;}

.sideBox {background-color: #303135; bottom: 0; display: none; position: absolute; right: 0; top: 0; width: 270px; z-index: 0;}

.sideMenu li {border-bottom: 1px solid #27282B; border-top: 1px solid #3C3C3C; height: 40px; line-height: 40px;}
.sideMenu li a {color: #FFFFFF; display: block; height: 40px; overflow: hidden; padding-left: 17px; position: relative; text-shadow: 1px 1px 2px #474849;}
.sideMenu li a:hover{background-color:#68AAC2;}
.sideMenu li .sel{background-color:#68AAC2;}

.main{z-index:100; background:#fff;}
.explain{font-size:14px; color:#6b8793; padding:10px; line-height:25px; height:auto; overflow:auto;}