/*攻略频道样式*/
#main {background: #FFF;padding-bottom: 20px;position: relative;}

.breadCrumb {padding-top: 20px;}
.breadCrumb span {color: #999;float: right;}
.breadCrumb li {color: #757575;float: left;}
.breadCrumb li:first-child {padding-right: 5px;}
.breadCrumb li em {color: #888;font-family: '\5B8B\4F53';padding: 0 8px;}
.breadCrumb li a {color: #39F;}
.breadCrumb li a:hover {text-decoration: underline;}

/*首页幻灯片*/
#indexSlider {border-bottom: 1px solid #E0E0E0;position: relative;width: 100%;}
.indexSlider {background: #F3F3F3;margin: 0 auto;position: relative;z-index: 0;height: 640px;overflow: hidden;position: relative;width: 100%;}
.indexSlider .pics {height: 640px;overflow: hidden;}
.indexSlider .pics ul {width:100% !important;}
.indexSlider .pics li {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;height: 640px;overflow: hidden;width:100% !important;}
.indexSlider .pics li a {display: block;height: 640px;}
.indexSlider .pics li .text {color: #FFF;font-size: 24px;margin: 0 auto;padding-top: 30px;width: 1200px;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);}
.indexSlider .pics li .text h3 {font-weight: normal;padding-top: 5px;}
.indexSlider .pics li .date {font-size: 22px;}
.indexSlider .pics li .showInfo {bottom: 22px;left: 50%;margin-left: -320px;position: absolute;width: 632px;z-index: 5;}
.indexSlider .pics li .showInfo p {color: #FFF;font-size: 14px;height: 22px;line-height: 22px;overflow: hidden;}
.indexSlider .pics li .showInfo a {color: #FF9D00;display: inline;padding: 0 2px;}
.indexSlider .pics li .showInfo a:hover {text-decoration: underline;}
.indexSlider .thumb {position: absolute;right: 40px;top: 50%;margin-top: -170px;width: 110px;z-index: 2;}
.indexSlider .thumb li, .indexSlider .thumb li a {display: block;height: 62px;margin-bottom: 7px;overflow: hidden;position: relative;width: 110px;}
.indexSlider .thumb li i {display: none;}
.indexSlider .thumb li.on i {border: 2px solid #FF9D00;display: block;height: 58px;position: absolute;top: 0;left: 0;width: 106px;}

.searchContainer {position: absolute;bottom: 64px;left: 50%;margin-left: -320px;width: 632px;z-index: 5;}
.travelSearch {padding: 15px;background: rgba(0, 0, 0, 0.6);border-radius: 5px;}
.travelSearch .searchForm dt {float: right;margin-left: -50px;position: relative;width: 50px;}
.travelSearch .searchForm dd {float: left;width: 100%;}
.travelSearch .searchForm .container {margin-right: 50px;padding-right: 10px;}
.travelSearch .searchForm .keyWord {background: #FFF;border: 0;border-radius: 4px;font-size: 14px;height: 30px;line-height: 30px;padding: 8px 10px;width: 520px;}
.travelSearch .searchForm .searchBtn {background: url(../images/travels/mirror.png) no-repeat 50% 50% #FF9D00;border: 0;border-radius: 4px;color: #FFF;display: block;height: 46px;line-height: 46px;text-align: center;width: 53px;}
.travelSearch .searchForm .searchBtn {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.travelSearch .searchForm .searchBtn:hover {background-color: #FB7600;}

.mainBox {margin-top: 20px;}
.mainBox .sideBar {float: left;margin-right: -250px;position: relative;width: 250px;}
.mainBox .rightSide {float: right;width: 100%;}
.mainBox .container {margin-left: 250px;padding-left: 20px;}

.sideBar .asideBox {margin-bottom: 15px;}
.mainBox .hd {height: 21px;line-height: 21px;}
.mainBox .hd b {color: #333;font-weight: 700;font-size: 16px;}
.mainBox .hd span {float: right;}
.mainBox .hd span a {color: #555;}
.mainBox .hd span em {font-family: '\5B8B\4F53';padding-left: 3px;}
.mainBox .hd span a:hover {text-decoration: underline;}

/*最佳游记推荐*/
.sideBar .popular .content {height: 296px;overflow: hidden;padding-top: 20px;position: relative;width: 100%;}
.sideBar .popular dt a {background: #CCC;display: block;height: 188px;overflow: hidden;width: 250px;}
.sideBar .popular dd.title {height: 24px;line-height: 24px;overflow: hidden;padding-top: 10px;white-space: nowrap;text-overflow: ellipsis;}
.sideBar .popular dd.title a {color: #E4393C;font-size: 14px;}
.sideBar .popular dd.title a:hover {text-decoration: underline;}
.sideBar .popular dd.text {color: #888;font-size: 14px;height: 66px;line-height: 22px;padding-top: 8px;}
.sideBar .popular .nav {height: 8px;font-size: 0;text-align: right;position: absolute;left: 0;top: 190px;width: 100%;}
.sideBar .popular .nav ul {padding-right: 10px;}
.sideBar .popular .nav li {background: rgba(255, 255, 255, 0.65);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 10px;cursor: pointer;display: inline-block;height: 6px;margin-left: 5px;width: 20px;}
.sideBar .popular .nav li.on {background: #FF9D00;border-color: #FF9D00;box-shadow: 0 0 15px #FFF;}

/*最新点评*/
.sideBar .newComments .content {padding-top: 10px;}
.sideBar .newComments li {color: #666;font-size: 14px;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sideBar .newComments li a {color: #FF9D00;}
.sideBar .newComments li a:hover {text-decoration: underline;}
.sideBar .newComments li span {padding: 0 5px;}

/*今日爆款*/
.hotSales .content {padding-top: 20px;}
.hotSales ul {margin-left: -18px;}
.hotSales li {background: #FFF;float: left;margin-left: 18px;width: 219px;}
.hotSales li a {display: block;}
.hotSales dt {height: 164px;overflow: hidden;position: relative;width: 219px;}
.hotSales dt img {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.hotSales dt i {background: rgba(131,107,169,0.8);border: 1px solid rgba(255,255,255,0.2);color: #FFF;display: block;font-size: 12px;position: absolute;top: 0;left: 0;height: 26px;line-height: 26px;padding: 0 10px;}
.hotSales dt i.i2 {background: rgba(235,104,106,0.8);}
.hotSales dt i.i3 {background: rgba(232,176,93,0.8);}
.hotSales dt i.i4 {background: rgba(116,185,226,0.8);}
.hotSales li a:hover img {transform: scale(1.1);}
.hotSales dd {color: #555;font-size: 14px;line-height: 23px;}
.hotSales dd.text {height: 46px;overflow: hidden;padding: 5px 0;}
.hotSales li a:hover dd.text {text-decoration: underline;}
.hotSales dd.price {color: #F40;}
.hotSales dd.price em {font-size: 16px;font-weight: 700;padding: 0 2px;}
.hotSales dd.price .origin {color: #999;text-decoration: line-through;margin-left: 10px;}

/*热门游记*/
.hotTravels {margin-top: 15px;}
.hotTravels .hd {border: 1px solid #EAEAEA;border-width: 1px 0;height: 42px;line-height: 42px;padding: 15px 0;}
.hotTravels .hd .linkBtn {background: url(../images/travels/writebg.png) no-repeat 0 bottom;display: block;height: 42px;width: 160px;text-indent: -99999px;}
.hotTravels .hd .linkBtn:hover {background-position: 0 0;}
.hotTravels .hd .moreLink {margin-right: 12px;}

.hotTravels li {margin-top: 18px;}
.hotTravels dt {float: left;height: 164px;margin-right: -219px;overflow: hidden;position: relative;width: 219px;}
.hotTravels dt img {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.hotTravels li:hover dt img {transform: scale(1.1);}
.hotTravels dt ul{position: absolute;top: 0;left: 0;}
.hotTravels dt li{background: url(../images/travels/articleicon.png) no-repeat 0 0;height: 32px;width: 28px;float: left;margin: 0;}
.hotTravels dt li.elite{background-position: 0 0;}
.hotTravels dt li.quality{background-position: -33px 0;}
.hotTravels dt li.practical{background-position: -66px 0;}
.hotTravels dd {float: right;width: 100%;}
.hotTravels dd .wrapBox {margin-left: 219px;padding-left: 18px;}
.hotTravels dd h3 {font-size: 18px;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotTravels dd h3 a {color: #000;}
.hotTravels li:hover dd h3 a {color: #39F;}
.hotTravels dd h3 a:hover {text-decoration: underline;}
.hotTravels dd .desc {color: #888;max-height: 66px;line-height: 22px;overflow: hidden;padding-top: 18px;text-align: justify;}
.hotTravels .extra {padding-top: 5px;}
.hotTravels .extra li {float: left;height: 45px;line-height: 45px;margin: 0 7px 0 0;padding: 0;}
.hotTravels .extra li a{color: #FF9D00;}
.hotTravels .extra li a:hover {text-decoration: underline;}
.hotTravels .extra li.ding {background: url(../images/travels/ding2.png) no-repeat 1px 12px;}
.hotTravels .extra li.ding a {display: block;font-size: 12px;padding-left: 18px;height: 45px;color: #888;}
.hotTravels .extra li.ding a:hover {background-position: right bottom;color: #F80;}
.hotTravels .extra li.destination {background: url(../images/travels/destination.png) no-repeat 0 13px;padding-left: 19px;}
.hotTravels .extra li.destination a {color: #555;}
.hotTravels .extra li.destination a:hover {color: #FF9D00;}
.hotTravels .extra li.author img {border-radius: 50%;display: inline-block;height: 16px;padding-right: 4px;position: relative;top: 13px;width: 16px;}
.hotTravels .extra li.view {background: url(../images/travels/view.png) no-repeat 0 13px;color: #888;padding-left: 19px;}
.hotTravels .extra li.publish {background: url(../images/travels/publish.png) no-repeat 0 13px;color: #888;padding-left: 19px;}

/*列表页*/
.listPage {padding-top: 20px;}
.listPage .sideBar {float: right;margin-left: -250px;position: relative;width: 250px;}
.listPage .leftBox {float: left;width: 100%;}
.listPage .leftBox .container {margin-right: 250px;padding-right: 20px;}

/*列表页筛选条件*/
.listPage .category {background: #FFF;border: 1px solid #DADADA;border-top: 1px solid #ABADB3;}
.listPage .category dl {border-bottom: 1px solid #EAEAEA;line-height: 24px;padding: 8px 0;}
.listPage .category dl:last-child {border-bottom: 0;}
.listPage .category dl.selected {border-bottom: 1px solid #EAEAEA;}
.listPage .category dt {color: #888;float: left;margin-right: -82px;text-align: right;padding-left: 10px;width: 72px;}
.listPage .category dd {float: right;height: 24px;overflow: hidden;position: relative;width: 100%;}
.listPage .category dd.location {overflow: visible;}
.listPage .category ul {margin-left: 82px;padding: 0 50px 0 10px;}
.listPage .category li {float: left;padding-right: 15px;}
.listPage .category li a:hover {text-decoration: underline;}
.listPage .category li .check {color: #E4393C;}
.listPage .category .multiple li a {background: url(../images/checkbox.png) no-repeat 0 4px;display: inline-block;padding-left: 19px;}
.listPage .category .multiple li a:hover {background-position: 0 -40px;}
.listPage .category .multiple li a.check {background-position: 0 -84px;}
.listPage .category .choice {background: #FFF;}
.listPage .category .choice dt {color: #333;}
.listPage .category .choice dd {height: auto;}
.listPage .category .choice ul {margin-top: -8px;}
.listPage .category .choice li {margin-top: 8px;padding-right: 10px;}
.listPage .category .choice a {background: #FFA763;color: #FFF;display: inline-block;height: 22px;line-height: 22px;padding: 1px 1px 1px 6px;position: relative;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listPage .category .choice b {background: #FFF;font-weight: normal;color: #555;display: inline-block;margin-left: 6px;padding: 0 21px 0 6px;}
.listPage .category .choice a:not(:first-child) {padding-left: 1px;margin-left: -1px;}
.listPage .category .choice a:not(:first-child) b {margin-left: 0;}
.listPage .category .choice i {background: url(../images/gift/close.png) no-repeat right 0;display: block;height: 9px;position: absolute;right: 7px;top: 7px;width: 9px;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;transition: all 0.3s all 0.3s ease-in 0s;}
.listPage .category .choice a:hover {background: #E4393C;z-index: 1;text-decoration: none;}
.listPage .category .choice a:hover i {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.listPage .category .choice .trash {display: none;position: absolute;right: 5px;top: -1px;}
.listPage .category .choice .trash a {display: block;background: url(../images/trash.png) no-repeat 50% 50%;cursor: pointer;height: 24px;width: 16px;text-indent: -9999px;}
.listPage .category .choice dd:hover .trash {display: block;}
.listPage .category .more {cursor: pointer;display: block;height: 24px;line-height: 24px;position: absolute;right: 10px;top: 0;}
.listPage .category .more span {color: #AAA;display: inline-block;padding-right: 12px;position: relative;}
.listPage .category .more span:hover {color: #F80;}
.listPage .category .more i {background: url(../images/arrow.png) no-repeat -16px -2px;display: block;height: 4px;width: 7px;position: absolute;right: 0;top: 10px;}
.listPage .category .more.open i {background-position: -16px -11px;}

.listPage .hotTravels {margin-top: 0;}
.listPage .hotTravels dd .wrapBox {padding-right: 15px;}

.sideBar .tools {margin-bottom: 15px;}
.sideBar .tools .linkBtn, .sideBar .tools .note {float: left;}
.sideBar .tools .linkBtn a {background: url(../images/travels/writebg.png) no-repeat 0 bottom;display: block;height: 42px;width: 160px;text-indent: -99999px;}
.sideBar .tools .linkBtn a:hover {background-position: 0 0;}
.sideBar .tools .note {position: relative;}
.sideBar .tools .note .text {background: #FFF;border: 1px solid #EEAD00;border-left: 0;color: #39F;cursor: pointer;display: block;height: 40px;line-height: 40px;text-align: center;width: 89px;}
.sideBar .tools .hoverText {display: none;padding-top: 8px;position: absolute;right: 0;top: 42px;z-index: 1;}
.sideBar .tools .note:hover .text {text-decoration: underline;}
.sideBar .tools .note:hover .hoverText {display: block;}
.sideBar .tools .box {background: #FFFCE5;border: 1px solid #FFCE88!important;position: relative;width: 248px;}
.sideBar .tools .box .bg {background: url(../images/travels/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;right: 40px;width: 8px;}
.sideBar .tools .box p {color: #F60;line-height: 20px;padding: 7px 10px;text-align: justify;}

.sideBar .hd {height: 21px;line-height: 21px;}
.sideBar .hd b {color: #333;font-weight: 700;font-size: 16px;}
.sideBar .hd span {float: right;}
.sideBar .hd span a {color: #555;}
.sideBar .hd span em {font-family: '\5B8B\4F53';padding-left: 3px;}
.sideBar .hd span a:hover {text-decoration: underline;}

.sideBar .hotPlace .content {padding-top: 15px;}
.sideBar .hotPlace ul {margin: -10px 0 0 -10px;}
.sideBar .hotPlace li {background: #333;float: left;margin: 10px 0 0 10px;width: 120px;}
.sideBar .hotPlace li a {display: block;height: 90px;overflow: hidden;position: relative;width: 120px;}
.sideBar .hotPlace li .text {background: rgba(0, 0, 0, 0.6);color: #FFF;height: 30px;line-height: 30px;overflow: hidden;padding: 0 5px;position: absolute;left: 0;bottom: 0;width: 110px;text-align: center;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.sideBar .hotPlace li a:hover .text {background: rgba(228, 57, 60, 0.9);text-decoration: underline;}

.sideBar .best .content {padding-top: 15px;}
.sideBar .best li {border-top: 1px solid #EAEAEA;padding: 10px 0;}
.sideBar .best dt {float: left;margin-right: -87px;position: relative;width: 87px;}
.sideBar .best dd {float: right;width: 100%;}
.sideBar .best dd .inner {margin-left: 87px;padding-left: 12px;}
.sideBar .best dd h4 {height: 40px;line-height: 20px;overflow: hidden;}
.sideBar .best dd h4 a {color: #39F;}
.sideBar .best li:hover dd h4 a {text-decoration: underline;}
.sideBar .best dd p {background: url(../images/travels/view.png) no-repeat 0 50%;color: #888;height: 18px;line-height: 18px;margin-top: 5px;overflow: hidden;padding-left: 20px;}
.sideBar .best li dt i {background: url(../images/travels/ranking.png) no-repeat 0 0;display: block;height: 28px;position: absolute;top: 0;left: 0;width: 28px;text-indent: -9999px;}
.sideBar .best li.item1 dt i {background-position: 0 0;}
.sideBar .best li.item2 dt i {background-position: -28px 0;}
.sideBar .best li.item3 dt i {background-position: -56px 0;}
.sideBar .best li.item4 dt i {background-position: -84px 0;}
.sideBar .best li.item5 dt i {background-position: -112px 0;}
.sideBar .best li.item6 dt i {background-position: -140px 0;}
.sideBar .best li.item7 dt i {background-position: -168px 0;}
.sideBar .best li.item8 dt i {background-position: -196px 0;}
.sideBar .best li.item9 dt i {background-position: -224px 0;}
.sideBar .best li.item10 dt i {background-position: -252px 0;}

/*详情页*/
.showPage {/**/}
.showPage .wrapper {position: relative;}
.showPage .breadCrumb li {color: #000;}

.backMask {background-size: cover;height: 640px;left: 0;opacity: 0.3;position: absolute;top: 0;width: 100%;z-index: 0;}
.backMask {background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)), url(../images/travels/pagebg.jpg);background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)), url(../images/travels/pagebg.jpg);background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)), url(../images/travels/pagebg.jpg);}
.previewBox {padding-top: 20px;}
.previewBox .information {position: relative;}
.previewBox .topCover {background: url(../images/travels/pagebg.jpg) no-repeat scroll 50% 0 / cover;height: 400px;position: relative;width: 100%;}

.previewBox .mark{height: 58px;position: absolute;top: 0;right: 0;width: auto;}
.previewBox .mark li{background: url(../images/travels/articlebig.png) no-repeat 0 0;height: 58px;width: 45px;float: left;margin: 0;}
.previewBox .mark li.elite{background-position: 0 0;}
.previewBox .mark li.quality{background-position: -55px 0;}
.previewBox .mark li.practical{background-position: -110px 0;}

.previewBox .coverTitle {position: absolute;left: 0;bottom: 0;width: 100%;}
.previewBox .coverTitle dl {padding: 0 30px 30px 30px;}
.previewBox .coverTitle dt {float: left;margin-right: -100px;position: relative;width: 100px;}
.previewBox .coverTitle dt .box {background: url(../images/visitor.gif) no-repeat scroll 50% 0 / cover;border: 4px solid #FFF;border-radius: 50%;box-shadow: 0 0 10px #000;height: 92px;line-height: 92px;width: 92px;}
.previewBox .coverTitle dt img {border-radius: 50%;}
.previewBox .coverTitle dd {float: right;width: 100%;}
.previewBox .coverTitle dd .inner {color: #FFF;margin-left: 100px;padding-left: 30px;}
.previewBox .coverTitle dd h1 {height: 44px;margin: 0 auto;padding-top: 13px;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);overflow: hidden;}
.previewBox .coverTitle dd h1 span {border-bottom: 1px solid rgba(255, 255, 255, 0.35);display: inline-block;font-size: 26px;font-weight: 700;height: 36px;padding-bottom: 7px;}
.previewBox .coverTitle dd .userInfo {font-size: 12px;height: 20px;line-height: 20px;padding-top: 10px;}
.previewBox .coverTitle dd .userInfo b {background: #E4393C;box-shadow: 0 1px 3px #FFF;display: inline-block;font-weight: normal;padding: 0 4px 0 5px;}
.previewBox .coverTitle dd .userInfo span {padding: 0 5px;}

.previewBox .topBar {background: #FFF;border: 1px solid #DADADA;border-top: none;}
.previewBox .topBar .basicInfo {float: left;width: 100%;}
.previewBox .topBar .basicInfo .inner {height: 24px;margin-right: 249px;padding: 30px 120px 30px 25px;position: relative;}
.previewBox .topBar .basicInfo ul {height: 24px;line-height: 24px;overflow: hidden;}
.previewBox .topBar .basicInfo li {background: url(../images/travels/basicinfo.png) no-repeat 0 0;color: #888;float: left;font-size: 13px;height: 24px;line-height: 24px;margin-right: 25px;padding-left: 30px;}
.previewBox .topBar .basicInfo li:last-child {margin-right: 0;}
.previewBox .topBar .basicInfo li.date {background-position: 0 0;}
.previewBox .topBar .basicInfo li.city {background-position: 0 -47px;}
.previewBox .topBar .basicInfo li.days {background-position: 0 -93px;}
.previewBox .topBar .basicInfo li.cost {background-position: 0 -140px;}
.previewBox .topBar .basicInfo li i {color: #FF9D00;padding: 0 7px;}
.previewBox .topBar .ding {height: 45px;line-height: 45px;position: absolute;right: 20px;top: 19px;}
.previewBox .topBar .ding a {background: url(../images/travels/ding.png) no-repeat right 0;color: #FF9D00;display: block;font-size: 14px;font-weight: 700;padding-right: 51px;height: 45px;}
.previewBox .topBar .ding a:hover,.previewBox .topBar .ding a.voteno {background-position: right bottom;color: #F80;text-decoration: underline;}

.previewBox .topBar .tools {float: right;margin-left: -249px;position: relative;width: 249px;}
.previewBox .topBar .tools li {float: left;width: 50%;text-align: center;position: relative;}
.previewBox .topBar .tools li a.text {border-left: 1px solid #E0E0E0;color: #666;display: block;font-size: 13px;height: 54px;padding: 15px 5px;}
.previewBox .topBar .tools li:hover a.text {color: #333;text-decoration: underline;}
.previewBox .topBar .tools li .icon {height: 25px;text-align: center;}
.previewBox .topBar .tools li i {background: url(../images/travels/topbar.png) no-repeat 0 0;display: inline-block;height: 25px;line-height: 25px;width: 25px;}
.previewBox .topBar .tools li .icon.on i{background-position: -30px 0px;}
.previewBox .topBar .tools li .icon.off i{}
.previewBox .topBar .tools li.collect i {background-position: 0 0;}
.previewBox .topBar .tools li.share i {background-position: right 0;}
.previewBox .topBar .tools li p {height: 38px;line-height: 38px;}
.previewBox .topBar .tools li .container {display: none;padding-top: 10px;position: absolute;right: -1px;top: 74px;z-index: 1;}
.previewBox .topBar .tools li:hover .container {display: block;}
.previewBox .topBar .tools li .box {background: #FFFCE5;border: 1px solid #FFCE88;border-radius: 3px;padding: 0 10px;position: relative;width: 155px;}
.previewBox .topBar .tools li .bg {background: url(../images/travels/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;left: 110px;width: 8px;}
.previewBox .topBar .tools li .content {color: #754;line-height: 20px;padding: 5px 0;}
.previewBox .topBar .tools li .content a:last-child {margin-right: 0;}

/*详情页正文内容*/
.mainContent {padding-top: 20px;}
.mainContent .leftCon {float: left;width: 100%;}
.mainContent .leftCon .container {margin-right: 250px;padding-right: 20px;}
.mainContent .sideBar {float: right;margin-left: -250px;position: relative;width: 250px;}

.mainContent .visited {background: #EFF6FC;border: 1px dotted #BBD2E8;font-size: 13px;line-height: 26px;padding: 12px 15px;}
.mainContent .visited dt {color: #333;float: left;font-weight: 700;padding-right: 6px;}
.mainContent .visited dd {background: url(../images/travels/arrow.png) no-repeat right 50%;float: left;margin-right: 10px;padding-right: 15px;white-space: nowrap;}
.mainContent .visited dd:last-child {background: none;margin: 0;padding: 0;}
.mainContent .visited dd a {color: #39F;text-decoration: underline;}
.mainContent .visited dd a:hover {color: #E4393C;}

.mainContent .travelArticle {font-size: 14px;line-height: 25px;text-align: justify;}
.mainContent .travelArticle .end {background: url(../images/travels/break.png) no-repeat 0 50%;height: 22px;line-height: 22px;padding: 20px 0;text-align: right;}
.mainContent .travelArticle .end span {background: #FFF;border: 1px solid #F85958;color: #F85958;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;overflow: hidden;padding-right: 5px;}
.mainContent .travelArticle .end b {background: #F85958;color: #FFF;display: inline-block;font-weight: normal;margin-right: 5px;padding: 0 6px 0 5px;}

/*游记点评*/
.comments .hd {height: 20px;line-height: 20px;}
.comments .hd b {color: #333;font-size: 16px;font-weight: 700;}
.comments .hd em {color: #F40;margin-left: 7px;}
.comments .formBox {padding: 20px 0;}
.comments .formBox .box {background: #FFF;border: 1px solid #DADADA;border-top: 1px solid #888;/* height: 169px; */overflow: hidden;padding: 5px 7px;/* padding-bottom: 24px; */}
.comments .formBox .textarea {background: #FFF;border: 0;font-size: 12px;/*height: 200px;*/line-height: 22px;width: 100%;}
.comments .formBox .publish {height: 32px;line-height: 32px;margin-top: 12px;text-align: right;}
.comments .formBox .publishBtn {background-color: #FF7534;border: 0;border-bottom: 2px solid #E44A00;border-radius: 3px;color: #FFF;display: inline-block;font-size: 14px;height: 30px;line-height: 32px;overflow: hidden;padding: 0 18px;vertical-align: middle;}
.comments .formBox .publishBtn {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.comments .formBox .publishBtn:hover {background: #E44A00;}
.comments .noRecord {color: #888;padding-top: 20px;}
.comments .formBox .publish .proot{float: left;}
.comments .formBox .publish .proot>span{padding-left: 10px;}

#replyBox {border-top: 1px dotted #CCC;}
#replyBox .item {border-bottom: 1px dotted #CCC;font-size: 12px;padding: 20px 0;}
#replyBox .item dt {float: left;margin-right: -67px;position: relative;width: 67px;}
#replyBox .item dt .box {background: url(../images/visitor.gif) no-repeat scroll 50% 0 / cover;border-radius: 50%;height: 65px;width: 65px;}
#replyBox .item dt img {border-radius: 50%;}
#replyBox .item dd {float: right;width: 100%;}
#replyBox .item dd .inner {margin-left: 67px;padding: 0 0 0 20px;}
#replyBox .item h4 {color: #39F;height: 20px;line-height: 20px;}
#replyBox .item h4 em {color: #FF9D00;padding: 0 7px;}
#replyBox .item h4 span {color: #999;}
#replyBox .item h4 .reply {color: #FF7200;float: right;}
#replyBox .item h4 .reply:hover {text-decoration: underline;}
#replyBox .item .content {line-height: 22px;padding-top: 10px;}
#replyBox .replyFloor {border-left: 1px dotted #CCC;padding-left: 20px;}
#replyBox .replyFloor dl {border-top: 1px solid #ECECEC;margin-top: 20px;padding-top: 20px;}

/*回复对话框*/
.dialogBox {display: none;position: absolute;z-index: 1;}
.dialogBox .formBox {background: #FFF;border: 1px solid #E44A00;box-shadow: 2px 4px 4px #999;position: relative;}
.dialogBox .box {height: 87px;overflow: hidden;padding: 5px 7px;}
.dialogBox .textarea {background: #FFF;border: 0;font-size: 12px;height: 66px;line-height: 22px;width: 100%;}
.dialogBox .arrow{position: absolute;overflow: hidden;font-style: normal;font-family: '\5B8B\4F53';font-size: 12px;height: 15px;width: 15px;left: 20px;margin-left: 0;top: -9px;}
.dialogBox .arrow em, .dialogBox .arrow i{position: absolute;left: 0;top: 0;font-style: normal;}
.dialogBox .arrow em{color: #E44A00;top: -1px;}
.dialogBox .arrow i{color: #FFF;text-shadow:none;top: 0px;}
.dialogBox .publish {border-top: 1px solid #E5E5E5;height: 32px;line-height: 32px;margin-top: 12px;padding: 8px;text-align: right;}
.dialogBox .publishBtn {background-color: #FF7534;border: 0;border-bottom: 2px solid #E44A00;border-radius: 3px;color: #FFF;display: inline-block;font-size: 14px;height: 30px;line-height: 32px;overflow: hidden;padding: 0 18px;vertical-align: middle;}
.dialogBox .publishBtn {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.dialogBox .publishBtn:hover {background: #E44A00;}
.dialogBox .publish .proot{float: left;vertical-align: -webkit-baseline-middle;}
.dialogBox .publish .proot>span{padding-left: 10px;}
.formWord{color: #f00;}