﻿/*网站首页样式*/
body{background:#F4F4F4;}
#main{margin: 0 auto 10px;width: 100%;}
#main em{color: #F40;font-family: Arial;font-weight: bold;}
.wrapper{width:1200px;}

/*top*/
.topBox{margin:15px 0;height:282px;overflow:hidden;}
.topBox .sliderBox{float:left;width:887px;border:1px solid #E6E6E6;background:#FFF;height:266px;overflow:hidden;padding:7px;}
.topBox .focusBox { position: relative; width: 887px; height:266px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; display:inline;overflow:hidden; float:left;}
.topBox .focusBox .pic img { width: 887px; height: 266px; display: block; }	
.topBox .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.topBox .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }	
.topBox .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}	
.topBox .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.topBox .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.topBox .focusBox .num li{ float: left; position: relative; width: 15px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; margin-right:5px; }	
.topBox .focusBox .num li a,.topBox .focusBox .num li span {text-indent:-99999px; position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }	
.topBox .focusBox .num li span { z-index: 1; background: #FFF; border-radius:15px;}	
.topBox .focusBox .num li.on a,.topBox .focusBox .num a:hover{ background:#3AA400;border-radius:15px; }


.topBox .rightBox{float:right; background: #FFF;border: 1px solid #E6E6E6; height: 266px;width: 266px;padding:7px;}
.topBox .rightBox .hd{color:#83C020;font-size:16px;line-height:31px;padding:0 5px;}
.topBox .rightBox .hd span{float:right;font-size:12px;}
.topBox .rightBox .hd span a{color:#F40;}
.topBox .rightBox .hd span a:hover{text-decoration:underline;}
.topBox .rightBox .news li{padding-left:18px;height:29px;line-height:29px;background: url(../images/travels/nweslibg.gif) no-repeat 7px 13px;overflow:hidden;}
.topBox .rightBox .news li a{color:#7C7C7C;}
.topBox .rightBox .news li a:hover{color:#F40;}


/*热门查找*/
.virtueBox{background:#FFF;border: 1px solid #E6E6E6;height: 288px;overflow:hidden;}
.virtueBox .leftBox{float:left;padding:10px 10px 0; border-right: 1px solid #E6E6E6;height: 278px;width: 709px;}
.virtueBox h2{font-size:16px;line-height:31px;}
.virtueBox h2 span{float:right;font-size:12px;}
.virtueBox h2 span a{color:#F40;}
.virtueBox h2 span a:hover{text-decoration:underline;}
.virtueBox .search{padding:10px 0 0;height:65px;}
.virtueBox .search li{float:left;}
.virtueBox .search li .inputText{ background:#F4F4F4;border: 1px solid #E6E6E6;color: #CBCBCB;float: left;font-size:17px;height: 22px;padding: 10px;width: 515px;}
.virtueBox .search li .inputBtn{ background:#8ACE13; border: 0 none;color: #FFF; cursor: pointer;float: right;height: 44px;width: 117px;margin-left:15px;font-size:18px;}
.virtueBox .virtueList{padding-top:30px;background:url(../images/travels/virtue.gif) no-repeat 41px 0;}
.virtueBox .virtueList dl{height:25px;line-height:25px;padding-bottom:18px;font-size:14px;}
.virtueBox .virtueList dt{float:left;width:70px;text-align:right;margin-right:8px;color:#7C7C7C;}
.virtueBox .virtueList dd{float:left;}
.virtueBox .virtueList dd a{ background:#F8F8F8; border: 1px solid #E6E6E6;border-radius: 4px;color: #7C7C7C;float: left;margin-right: 5px;padding: 0 9px;font:12px Arial;line-height:23px;}
.virtueBox .virtueList dd a:hover { background:#ffeadb; border:1px solid #ffd0ad; }
.virtueBox .rightBox{padding:10px;float:left;width:447px;}
.virtueBox .rightBox a{background:#F8F8F8; border: 1px solid #E6E6E6;border-radius: 4px;color: #7C7C7C;float: left;margin-right: 5px;padding: 0 9px;font:12px Arial;line-height:23px;margin-bottom:11px; white-space: nowrap;}
.virtueBox .rightBox a:hover { background:#ffeadb; border:1px solid #ffd0ad; }

.blogBox{padding:10px;height:60px;background:#FFF;margin-top: 10px;border: 1px solid #E6E6E6;}
.blogBox .blog{background:#F4F4F4;height:60px;}
.blogBox .blog span{width:600px;background:url(../images/travels/Language.png) no-repeat;height:35px;display:block;float:left;margin: 10px 0 0 30px;}
.blogBox .blog a{float:left;width:86px;height:37px;background:url(../images/travels/setABg.png) no-repeat;display:block;margin: 12px 0 0 278px;line-height:37px;color:#FFF;font-size:16px;padding-left:40px;}

/*游记列表*/
.hotBox{margin:15px 0;}
.hotBox .leftBox{float:left;background:#FFF;border: 1px solid #E6E6E6;width: 900px;border-bottom:none;}
.hotBox h2{font-size:16px;line-height:42px;padding:0 8px 0 25px;}
.hotBox h2 span{float:right;font-size:12px;}
.hotBox h2 span a{color:#F40;}
.hotBox h2 span a:hover{text-decoration:underline;}
.hotBox .leftBox .item{padding:15px 10px;border-bottom: 1px solid #E6E6E6;}
.hotBox .leftBox .item dt{float:left;margin-right:10px;position:relative;}
/*.hotBox .leftBox .item dt img,.hotBox .item dt{width:260px;height:195px;}*/
.hotBox .leftBox .item dt img,.hotBox .item dt{width:195px;height:146px; border-radius: 8px;}
.hotBox .leftBox .item dd{float:left;/*width:390px;*/position:relative;width:665px}
.hotBox .leftBox .item dd li{height:26px;line-height:26px;overflow:hidden;color:#444;}
.hotBox .leftBox .item dd .title{font-size:20px;margin-bottom:5px;}
.hotBox .leftBox .item dd .title a{color:#1679DD;}
.hotBox .leftBox .item dd li span{margin-right:25px;overflow:hidden;display:inline-block;}
.hotBox .leftBox .item dd li span label{width:60px;text-align:right;display:inline-block;}
.hotBox .leftBox .item dd li span em{color:#FB9233 !important;margin-right:8px;}
.hotBox .leftBox .item dd li.text{line-height:18px;height:54px;color:#666;}
.hotBox .leftBox .item dd li.pic{padding-top:5px;height:58px;display:none;}
.hotBox .leftBox .item dd li.pic img{width:77px;height:58px;}
.hotBox .leftBox dl.hover{background:#F8F8F8;}
.hotBox .leftBox .item dd .collection{position:absolute;top:-15px;right:0px;display:none;}
.hotBox .leftBox .item dd .collection a{display:block; width:34px; height:30px; position:absolute; right:16px; top:0; background:url(../images/travels/shouc.png) no-repeat; color:#fff; zoom:1; padding-left:25px; line-height:23px; line-height:25px\9; overflow:hidden;}
.hotBox .leftBox .item dd .collection a:hover{background-position:left -30px;}
.hotBox .leftBox .item dt .attribute{top: 7px;left: 7px;position: absolute;}
.hotBox .leftBox .item dt i{background: url(../images/default2/indexbg.png) no-repeat 0 0;display: block;height: 32px;width: 28px;float:left}
.hotBox .leftBox .item dt i.elite{background-position: 0 0;}
.hotBox .leftBox .item dt i.quality{background-position: -33px 0;}
.hotBox .leftBox .item dt i.practical{background-position: -66px 0;}

.hotBox .rightBox{width:282px;float:right;overflow:hidden;}
.hotBox .rightBox h2{padding-left:0px;}
.hotBox .rightBox .box{background: #FFF; border: 1px solid #E6E6E6; overflow: hidden; padding: 0 8px;}
.hotBox .rightBox .themeList a{width:264px;height:110px;display:block;position:relative;margin-bottom:10px;}
.hotBox .rightBox .themeList img{width:264px;height:110px;}
.hotBox .rightBox .themeList .bg{width:258px;height:29px;background:#FFF;filter:alpha(opacity=90);opacity:0.9;position:absolute;bottom:3px;left:3px;}
.hotBox .rightBox .themeList .text{padding:4px;width:250px;height:22px;color:#355976;position:absolute;bottom:3px;left:3px;}
.hotBox .rightBox .themeList .text p{height:22px;padding-bottom:2px;overflow:hidden;}
.hotBox .rightBox .themeList .text p.title{font-size:14px;font-weight:bold;}
.hotBox .theme{margin-top:15px;}
.hotBox .beenTo .list{width:274px;}
.hotBox .beenTo .list li{float:left;margin:0 10px 10px 0;position:relative;}
.hotBox .beenTo .list li a{width:126px;display: block;background:#F8F8F8;text-align:center;padding-bottom:5px;height:118px;}
.hotBox .beenTo .list li img{width:126px;padding-bottom:5px;height:95px;}
.hotBox .beenTo .list li .text{position:absolute;padding:3px;background:#16BFDF;top:0px;left:0px;color:#FFF;}


/*游记显示页面*/
.path{line-height:26px;height:26px;width:1200px;padding-top:20px;}
.path a{color:#1679DD;}
.topBg{height:155px;background:#FFF;filter:alpha(opacity=80);opacity:0.8;position:absolute;bottom:0;left:0;width: 100%;z-index:2;}
.showMod{float:left;width:870px;position:relative;}
.guild .otherBox{background: #fff;}
.showMod .bg{  height: 8px;left: 0px;position: absolute;top: 0px;width: 868px;background:#FFF;border:1px solid #DEDEDE;border-width:0 1px;}
.showBox{background:#FFF;box-shadow: 0 0 4px 0 #CCC;border:1px solid #DEDEDE;margin-top:4px;padding-top:58px;}
.guild{padding:10px 0;overflow:hidden;position:relative;background: #F4F4F4;z-index:1;height:450px; width:1200px; margin:20px auto;}
.guild img.cover{height:100%;left: 0;min-width: 1000px;_width:expression(this.width < 1000);position: absolute;top: 0;z-index: -1; width: 100%;}
.guild .hd{font-size:32px;color:#000;}
.guild .hd span{font-size:14px;padding:2px;color:#FFF;margin-left:8px;}
.guild .hd span.elite{background:#F60;}
.guild .hd span.quality{background:#7E519F;}
.guild .hd span.practical{background:#F3415A;}
.guild .other{line-height:40px;padding:8px 0;color:#666;position:relative;}
.guild .other li {float:left;margin-right:25px;}
.guild .other .members{width:150px;text-indent: 5px;}
.guild .other .members img{border-radius:50%;margin-right:3px;float:left;}
.guild .other li label{color:#0092D2;}
.guild .other li.time,.guild .other li.setOut,.guild .other li.destination,.guild .other li.consumption{padding-left:25px;}
.guild .other li.time{background:url(../images/travels/riqiBg.png) no-repeat 5px center;}
.guild .other li.setOut{background:url(../images/travels/chudianBg.png) no-repeat 5px center;}
.guild .other li.destination{background:url(../images/travels/feijiBg.png) no-repeat 5px center;padding-left:30px;}
.guild .other li.consumption{background:url(../images/travels/consumption.png) no-repeat 5px center;}
.showBox .popularity{padding-bottom:8px;position:relative;border-bottom: 1px dotted #CCC;padding: 20px 40px;width: 788px;background:#FFF;position:absolute;top: 0px}
.showBox .popularity .onlyT a{float:left;margin-right:18px;display: inline-block;font-size:14px;color:#333;line-height:16px;}
.showBox .popularity .onlyT a i{background:url(../images/travels/only.png) no-repeat;height: 16px;margin-right: 5px; vertical-align: top;width: 16px;display: inline-block;margin-top: 2px;}
.showBox .popularity .onlyT a:hover i{background-position:0 -16px;}
.showBox .popularity .onlyP a{float:left;margin-right:18px;display: inline-block;font-size:14px;color:#333;line-height:16px;}
.showBox .popularity .onlyP a i{background:url(../images/travels/only.png) no-repeat -15px 0;height: 16px;margin-right: 5px; vertical-align: top;width: 16px;display: inline-block;margin-top: 2px;}
.showBox .popularity .onlyP a:hover i{background-position:-15px -16px;}
.showBox .popupLogin{position:absolute;top:14px;right:20px; height:18px;}
.showBox .popupLogin a{float:left;margin-right:18px;display: inline-block;font-size:14px;color:#333;line-height:16px;height:17px;overflow:hidden;}
.showBox .popupLogin a span{margin-left:5px;font-family:Arial;color:#666;}
.showBox .popupLogin i{height: 16px;_height: 14px;margin-right: 5px; vertical-align: top;width: 16px;display: inline-block;background:url(../images/travels/travelsIcon.png) no-repeat;}
.showBox .popupLogin a i.collection{background-position:0 0;}
.showBox .popupLogin a i.recommended{background-position:-17px 0;}
.showBox .popupLogin a i.reply{background-position:-37px 0;}
.showBox .popupLogin a i.browse{background-position:-97px 0;width:20px;}
.showBox .popupLogin a:hover i.collection{background-position:0 -16px;}
.showBox .popupLogin a:hover i.recommended{background-position:-17px -16px;}
.showBox .popupLogin a:hover i.reply{background-position:-37px -16px;}
.showBox .popupLogin a:hover i.browse{background-position:-97px 0;width:20px;}
.showBox .popupLogin a.voteno i.collection{background-position:-54px 0;}
.showBox .popupLogin a.voteno i.recommended{background-position:-54px -16px;}
.guild .bdshare{float:right;}
.guild .bdshare .bdsharebuttonbox a{margin:0 6px 0 0 !important; vertical-align: top !important;}
.showBox .content{padding:30px 40px;border-bottom: 1px dotted #CCC;}
.article{background:#FFF;height: 46px;border-bottom:1px solid #DDD;box-shadow:2px 2px 2px #CCC;width:100%;overflow: hidden;display:none;}
.article .pathBox{line-height:40px;float:left;}
.article .pathBox a{padding:0 5px;color:#1679DD;}
.article .pathBox a:hover{text-decoration:underline;}
.article ul{float:right;}
.article li{float:left;margin:8px 0 0 20px;}
.article li a{color: #FFF;display: inline-block;height: 28px;line-height: 28px;overflow: hidden; padding-left: 35px;width: 35px;background:url(../images/travels/travels.png) no-repeat}
.article li.collection a{background-position:0 0;}
.article li.recommended a{background-position:-71px 0;}
.article li.reply a{background-position:-142px 0;}
.article li.collection a.voteno{background-position:0 -27px;}
.article li.recommended a.voteno{background-position:-71px -27px;}






/*游记点评*/
.comment {padding:35px 0;}
.comment h3{ font-size: 24px;font-weight: 500;height: 40px;line-height: 40px;margin-bottom:10px;padding:0 10px;}
.comment .wbText {position:relative;}
.comment .wbText li{padding-bottom:8px;}
.comment .wbText li.input{position:absolute;right:0px;bottom:-4px;}
.comment .inputText{outline: 0 none;padding: 3px;resize: none;width: 99%;}
.comment .inputBtn{background-color: #FF7534;border-bottom: 2px solid #E44A00;border-width:0 0 2px 0;border-radius: 3px;color: #FFF;display: inline-block;overflow: hidden;padding: 0 15px;vertical-align: middle;    font-size: 14px;height: 28px;line-height: 30px;cursor:pointer;}
.comment .inputBtn:hover{background:#F80;}
.comment .proot{height:22px;line-height:22px;}
.comment .proot label{margin-right:3px;height:23px;line-height:23px;float:left;}
.comment .proot .codes{border: 1px solid #D7D7D7;height:23px;line-height:23px;width:65px;float:left;margin-right:3px;}
.comment .proot span{margin-right:3px;}

.commentList{padding:12px 0;position:relative;border-bottom:2px solid #ccc;}
.commentList dt{height:60px;line-height:50px;position:absolute;top:20px;left:0px;}
.commentList dt .members{float:left;margin-right:25px;color:#1679DD;}
.commentList dt .members img{border-radius:50%;margin-right:3px;}
.commentList dt span{color:#888;}
.commentList dd{padding:12px 12px 12px 70px;line-height:26px;}
.commentList dd.name,.commentList dd.time{padding:0 12px 0 70px;}
.commentList dd.time span{color:#888;}
.commentList dd.time a{float:right; color:#1679DD;}
.commentList dt a{float:right;padding-right:20px;font-size:14px;color:#1679DD;}
.commentList dd.reply{border-top:1px dashed #CCC;}
.commentList dd.reply .title span{float:right;font-size:12px;color:#666;}
.commentList dd.reply .title span a{padding-left:25px;color:#F40;}
.commentList dd.reply .text{color:#666;}

/*翻页*/
.page{padding: 10px;text-align: center;}
.page a.on{background:#46a107;color:#fff;}
.page a,.page span{border: 1px solid #E5E5E5;border-radius: 3px;display: inline-block;height: 18px;line-height: 18px;_line-height: 20px;margin-left: 1px;overflow: hidden;padding: 5px 12px 4px;background: #FFF;}
.page span.current,.page a:hover{background: #53C4F3;border-color: #53C4F3;color: #FFF;}
.page span.no{background: #FFF;color: #D73900;}

/*游记列表*/
.notesHead{background:url(../images/travels/notesHead.gif) no-repeat 598px 20px ;}
.notesHead .search{padding:24px 0 0;height:65px;}
.notesHead .search li{float:left;width:auto;display:inline;}
.notesHead .search li .inputText{ background:#FFF;border: 1px solid #E6E6E6;color: #CBCBCB;font-size:15px;height: 24px;padding: 6px;width: 405px;}
.notesHead .search li .inputBtn{ background:#8ACE13; border: 0 none;color: #FFF; cursor: pointer;height: 37px;width: 117px;margin-left:15px;font-size:18px;}
.notesHead .search li.right{float:right;}
.notesHead .search li.right a{float:left;width:86px;height:37px;background:url(../images/travels/setABg.png) no-repeat;display:block;line-height:37px;color:#FFF;font-size:16px;padding-left:40px;}
.graders{box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);background:#FFF;position:fixed;width:1200px; z-index: 9999;padding-bottom:10px;top:0px;display:none;border-top:2px solid #1E9AF0;}
.graders dl{padding:10px 10px 0;height:28px;line-height:28px;}
.graders dt{float:left;padding-right:8px;width:80px;text-align:right;font-size:14px;}
.graders dd{float:left;}
.graders dd a{ border-radius: 4px;color: #007ED9;cursor: pointer;line-height: 24px;padding: 0 10px;background: #EAF4FF; border: 1px solid #D5E7ED; border-radius: 5px;display: inline-block;float: left;font-size: 12px;margin: 0 5px 5px 0; white-space: nowrap;font-family:Arial;}
.graders dd a:hover,.graders dd a.cur{background:#1E9AF0;color:#FFF;}

.graders_list{position:relative;zoom:1;width:1220px;}
.graders_list ul{background:#FFF;width:282px;height:auto;border: 1px solid #F4F4F4;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.2);margin:0 20px 20px 0;float: left;display:inline-block;_border: 1px solid #ccc;}
.graders_list ul.hover{ box-shadow: 0 1px 9px rgba(34, 32, 30, 0.2);background:#FAFAFA;}
.graders_list ul li.conditions{padding:8px;background:#FFF;}
.graders_list ul li.conditions h3{height:36px;line-height:36px;font-size:14px;color:#666;width:220px;}
.graders_list ul li.conditions .conditionsList{padding-bottom:10px;border-bottom:1px dashed #DDD;}
.graders_list ul li.conditions .conditionsList a{ border-radius: 4px;color: #007ED9;cursor: pointer;line-height: 24px;padding: 0 10px;background: #EAF4FF; border: 1px solid #D5E7ED; border-radius: 5px;display:inline;float: left;font-size: 12px;margin: 0 5px 5px 0; white-space: nowrap;font-family:Arial;}
.graders_list ul li.conditions .conditionsList a:hover,.graders_list ul li.conditions .conditionsList a.cur{background:#1E9AF0;color:#FFF;}
.graders_list ul li.pics{padding:2px;position:relative;}
.graders_list ul li.pics .attribute{top: 7px;left: 7px;position: absolute;}
.graders_list ul li.pics i{background: url(../images/default2/indexbg.png) no-repeat 0 0;display: block;height: 32px;width: 28px;float:left}
.graders_list ul li.pics i.elite{background-position: 0 0;}
.graders_list ul li.pics i.quality{background-position: -33px 0;}
.graders_list ul li.pics i.practical{background-position: -66px 0;}
.graders_list ul li.title{padding:5px;font-size:14px;}
.graders_list ul li.title a{color:#666;}
.graders_list ul li.title a:hover{text-decoration:underline;}
.graders_list ul li.data{padding-bottom:5px;}
.graders_list ul li.data span{color: #AAAAAA;font-size: 12px;font-style: normal;height: 12px;line-height: 1;min-width: 14px;padding-left: 15px;margin-right:10px;font-family:Arial;background:url(../images/travels/icons.png) no-repeat;}
.graders_list ul li.data span.p1{background-position:2px -23px;}
.graders_list ul li.data span.p2{background-position:2px 3px;}
.graders_list ul li.data span.p3{background-position:0px -9px;}
.graders_list ul li.description{padding:5px 0;border-top: 1px dotted #DEDEDE;background:#F4F4F4;}
.graders_list ul li .author{float:left;height:28px;padding-left:8px;color:#007ED9;}
.graders_list ul li .author img{border-radius:50%;margin-right:3px;}
.graders_list ul li.description span{float:right;padding-right:8px;color:#666;height:28px;line-height:28px;}

/*** 评论 ***/
#TourExForm1 ul{border-top:1px #ddd dotted;padding-top:15px;margin-top:20px;}
#TourExForm1 ul li.avatar{float:left;width:100px;}
#TourExForm1 ul li.content{float:right;width:862px;}
#TourExForm1 ul li.content p.title{height:30px;color:#B3B3B3;font-family:Arial, Helvetica, sans-serif;}
#TourExForm1 ul li.content p.title em{color:#007EDF;font-size:14px;font-weight:bold;}
#TourExForm1 ul li.content p.title span{float:right;}
#TourExForm1 ul li.content p.text{line-height:22px;}
#TourExForm1 ul li.content .hf{background:#FAFAFA;border:1px #ddd dotted;padding:10px 10px 0 10px;margin-top:10px;}
#TourExForm1 ul li.content .hf em{color:red;}
#TourExForm1 ul li.content .hf p.name{color:#B3B3B3;height:30px;line-height:30px;font-family:Arial, Helvetica, sans-serif;}
#TourExForm1 ul li.content .hf p.name span{color:#457EE4;}
#TourExForm1 .wbText{background:#FAFAFA;border:1px #ddd dotted;padding:0 10px 8px 10px;margin-top:10px;}
#TourExForm1 .wbText li{padding-top:8px;}
#TourExForm1 .wbText li .codes{border:1px #ddd solid;height:22px;line-height:22px;padding:0 5px;background:#fff;width:60px;margin-right:10px;}
.push70x29{background-color: #FF7534;border-bottom: 2px solid #E44A00;border-width:0 0 2px 0;border-radius: 3px;color: #FFF;display: inline-block;overflow: hidden;padding: 0 15px;vertical-align: middle;    font-size: 14px;height: 28px;line-height: 30px;cursor:pointer;}
.textarea500x100{width:500px;height:auto;padding:5px;line-height:20px;color:#666;}

/*** 翻页 ***/
.dtPage {padding-top:20px;text-align:center;}
.dtPage a{display:inline-block;padding:5px 8px 4px 8px;border-radius: 3px;border:#E4E4E4 1px solid;margin:2px 4px;color:#666;text-decoration:none;cursor:pointer;}
.dtPage a:hover{border:#0E9EDA 1px solid;color:#fff;background:#5DC8EB;}
.dtPage .current{display:inline-block;padding:5px 8px 4px 8px;color:#fff;background:#5DC8EB;border:#0E9EDA 1px solid;margin:2px 4px;}
.dtPage .no{border:1px #CF5D02 solid;margin:2px;color:#fff;background:#FF7101;text-decoration:none;}
                                                                                                     

/*高级定制*/
 /*产品推荐*/
.product{float:left;width:300px;margin-left:30px;}
.product .box{margin:0 0 30px;overflow: hidden;width:300px;}
#sidebar{margin-top:0px;}
#sidebar h2.hd{background: #F5F5F5;border-bottom: 1px solid #DFDFDF;height: 42px;line-height: 42px;padding: 0 15px;}
#sidebar h2.hd b{font-weight: normal;font-size: 15px;}
#sidebar h2.hd span{color: #999;float: right;}
#sidebar h2.hd i{color: #F00;}
#sidebar .sideBar{float: right;width: 300px;}
#sidebar .sideBar .content{background: #FFF;}
#sidebar .sideBar{background: #FFF;border: 1px solid #DFDFDF;}
#sidebar .sideBar h2.hd{background: #F38E17;border-bottom: 1px solid #DFDFDF;color: #FFF;}
#sidebar .sideBar li{border-bottom: 1px solid #EFEFEF;float:left;height: 46px;overflow: hidden;padding: 0 15px;width: 268px;}
#sidebar .sideBar li p{height: 46px;line-height: 46px;}
#sidebar .sideBar li.end{border-bottom: 0;}
#sidebar .sideBar li em{color: #888;display: inline-block;font-family: Arial;font-style: italic;font-weight: bold;padding-right: 12px;}
#sidebar .sideBar li em.top1{color: #AA1B1B;}
#sidebar .sideBar li em.top2{color: #EA5706;}
#sidebar .sideBar li em.top3{color: #EA8C06;}
#sidebar .sideBar li span{color: #888;float: right;}
#sidebar .sideBar li span em{color: #F40;font-style: normal;font-weight: bold;padding: 0 0 0 12px;}
#sidebar .sideBar li dl{display: none;padding: 15px 0;}
#sidebar .sideBar li dt{height: 201px;overflow: hidden;position: relative;width: 268px;}
#sidebar .sideBar li dt img{-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;-ms-transition: all 1.2s;transition: all 1.2s;vertical-align: top;}
#sidebar .sideBar li dt:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
#sidebar .sideBar li dt div{cursor: pointer;color: #FFF;height: 34px;line-height: 34px;overflow: hidden;position: absolute;left: 0;top: 167px;padding: 0 10px;width: 248px;text-align: center;}
#sidebar .sideBar li dt div.bg{background: #000;opacity: 0.7;filter: alpha(opacity=70);}
#sidebar .sideBar li dt label{background: #FF8D30;color: #FFF;font-size: 16px;font-family: Impact;height: 28px;line-height: 28px;padding: 0 14px 0 13px;position: absolute;top: 0;left: 0;}
#sidebar .sideBar li dd{color: #888;height: 22px;line-height: 22px;overflow: hidden;padding-top: 10px;}
#sidebar .sideBar li dd em{color: #F40;font-style: normal;font-size: 14px;font-weight: bold;padding: 0;}
#sidebar .sideBar li dd .discount{border: 1px solid #FF8D30;float: right;height: 20px;line-height: 20px;overflow: hidden;padding-right: 3px;}
#sidebar .sideBar li dd .discount span{background: #FF8D30;color: #FFF;display: inline-block;float: left;margin-right: 3px;padding: 0 3px;}
#sidebar .sideBar li dd .discount em{font-size: 12px;font-weight: normal;}
#sidebar .sideBar li.active{height: auto;}
#sidebar .sideBar li.active p{display: none;}
#sidebar .sideBar li.active dl{display: block;}
#sidebar .formBox{background: #F9F9F9;border: 1px solid #DFDFDF;float: left;margin-right: 20px;width: 876px;}
.orderItem{border-bottom: 1px solid #DFDFDF;padding: 0 15px 15px;}
.orderItem li{height: 32px;line-height: 32px;padding-top: 15px;}
.orderItem li .label{color: #000;display: inline-block;float: left;padding-right: 10px;padding-left: 10px;width: 80px;text-align: left;}
.orderItem li .label.need{background: url(../images/service/need.gif) no-repeat 0 12px;}
.orderItem li .label{color: #000;display: inline-block;float: left;padding-right: 10px;padding-left: 10px;width: 80px;text-align: left;}
.orderItem li .label.need{background: url(../images/service/need.gif) no-repeat 0 12px;}
.orderItem li label.success{background:url(../../../sys/images/ico.gif) no-repeat 0 -279px;padding:0 20px 0 35px;}
.orderItem li label.error{background:url(../../../sys/images/ico.gif) no-repeat 0 -302px;color:#ff0000;padding-left:33px;}
                                                                                  
                                                                                                     
                                                                                                     