.photoPage { height: 1280px; }
#photoUl {margin: 35px 10px; margin-bottom: 0; padding: 0; display: flex; flex-flow: row; flex-wrap: wrap;}
#photoUl li {list-style: none; background-color: #000000; float: left; margin: 10px; width: calc(50% - 20px);}
#photoUl li a {text-decoration: none;}
#photoUl .liDiv {text-align: center; background-color: #000000; color: #FFFFFF; display: flex; text-align: left; 
border: 1px solid #FFFFFF; margin: 10px;padding-top: 10px;height: 320px;}
#photoUl .liDiv p {font-size: 0.9rem; margin: 10px 0;}
#photoUl .liDiv .leftDiv {width: 37%; font-size: 0.9rem; text-align: center; padding: 20px; padding-bottom: 10px;}
#photoUl .liDiv .leftDiv img { width: 100%; margin-bottom: 0.3rem;}
#photoUl .liDiv .leftDiv p {font-size: 1rem; width: 100%; height: 1.5rem; font-weight: bold; margin: 5px 0; overflow: hidden;text-overflow:ellipsis;    
    white-space: nowrap;}
#photoUl .liDiv .rightDiv {width: 63%; padding-top: 1.2rem;padding-left: 8px;}
#photoUl .liDiv .rightDiv .title {font-size: 1.2rem; font-weight: bold;}

.mainDiv{ width: 1000px; margin:0 auto; background-color: white; padding-top:10px;padding-bottom: 10px;margin-bottom: 20px;}
.routePage { background: transparent; width: 960px; height: 100%; }
/** 摄影路线 ***/
.shadow{-moz-box-shadow:0px 0px 9px #999; -webkit-box-shadow:0px 0px 9px #999; box-shadow:0px 0px 9px #999;}
.conditionDiv{ width: 100%; background: white; margin: 20px auto; padding: 10px 0;}
.conditionGroup{ width:96%; margin:0 auto; margin-top: 8px;}
.conditionGroup .title{width:6%; float: left; line-height: 22px; font-size: 13px; color: #666363; font-weight: bold;}
.conditionGroup .unlimit{width:4%; margin-left:15px; margin-right: 5px; padding: 2px 6px; text-align: center; float: left; font-size: 13px; color: #444444;cursor: pointer;}
.conditionGroup .conList{width:82%; float: left; font-size: 13px; color: #444444; cursor: pointer;}
.conditionGroup span{ display: block; float: left; margin-bottom: 8px;cursor: pointer; padding:2px 10px; }
.unlimit.conSelected{border-radius:15px;background: #497da0; color:white;}
.conList .conSelected{border-radius:15px;background: #497da0; color:white;}
.unlimit:hover,.conditionGroup span:hover{border-radius:15px;background: #497da0; color:white;}

/** 列表 **/
.lineList{ width: 100%; margin: 0px auto;}
.lineList ul{ margin: 0; padding: 0; list-style: none;}
.lineList ul li{ clear: both; height: 214px; margin: 0; padding: 0; list-style: none; background: white;margin-bottom: 10px;}
.lineList ul li a{ text-decoration: none; display: flex;}
.lineList ul li a table{ width: 320px; height: 213px; border: 1px solid #aaa; background: #bbb;}
.lineList ul li a table td{ text-align: center;}
.lineList ul li a table td img{ vertical-align: middle;}

.lineList img { }
.lineList .ldRight{width:58%; text-align: left; margin-left: 3%; height: 150px; margin-top: 20px;}
.lineList .ldRight .title{ color: #444444; font-size: 22px; font-weight: bold;}
.lineList .ldRight .summary{color:#a9a9a9; font-size: 13px; width: 100%; line-height: 18px; margin-top:12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.lineList .ldRight .params{ margin-top:28px;}
.lineList .ldRight .pmLeft{width:70%; float: left; font-size: 11px; color:#5d5d5d;}
.lineList .ldRight .pmLeft .title{ color:#999999; font-size: 11px; font-weight: normal;}
.lineList .ldRight .pmRight{ width:30%;float: right; color: #FFFFFF; }
.lineList .ldRight .pmRight span{ display: block; width:100px; height: 30px; text-align: center; padding: 0; color:white;
 line-height: 30px; background: #497da0; float: right;
}