4129 lines
79 KiB
CSS
4129 lines
79 KiB
CSS
|
@charset "utf-8";
|
|||
|
|
/* CSS Document */
|
|||
|
|
/*-------------------------全局属性--------------------------*/
|
|||
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input
|
|||
|
|
{margin:0;padding:0;color:#333333;}
|
|||
|
|
p{font-size: 14px;}
|
|||
|
|
body{width:100%;font-size:12px;font-family:微软雅黑,Arial, Helvetica, sans-serif, simsun,宋体;background-color: #f5f4f9;}
|
|||
|
|
a, a:link, a:visited {text-decoration: none;}
|
|||
|
|
a:hover{color:#e60012;}
|
|||
|
|
li{list-style:none;}
|
|||
|
|
img{border:none;}
|
|||
|
|
.clear{clear:both;}
|
|||
|
|
|
|||
|
|
/*-----------公共版头---------*/
|
|||
|
|
#header {
|
|||
|
|
width: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 48px;
|
|||
|
|
text-align: center;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 99;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
background-color: #f8f8f8;
|
|||
|
|
}
|
|||
|
|
#header span {
|
|||
|
|
font-size: 22px;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header .search {
|
|||
|
|
text-align: center;
|
|||
|
|
display: block;
|
|||
|
|
height: 20px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 20px;
|
|||
|
|
top: 15px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header .return {
|
|||
|
|
text-align: center;
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
#header .return .am-icon-angle-left{
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
#header .notice {
|
|||
|
|
text-align: center;
|
|||
|
|
display: block;
|
|||
|
|
line-height: 50px;
|
|||
|
|
width: 40px;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
top: 0;
|
|||
|
|
color: white;
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header .am-dropdown {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
#header a.car{
|
|||
|
|
position:absolute;right:10px;top:13px;
|
|||
|
|
}
|
|||
|
|
#header a.car i{
|
|||
|
|
width: 24px;
|
|||
|
|
display:block;
|
|||
|
|
height: 24px;background:url(../img/icon-shop_car.png) no-repeat;background-size: cover;}
|
|||
|
|
#header a.write_note{
|
|||
|
|
position:absolute;right:10px;top:13px;
|
|||
|
|
}
|
|||
|
|
#header a.write_note i{
|
|||
|
|
width: 24px;
|
|||
|
|
display:block;
|
|||
|
|
height: 24px;background:url(../img/icon_write_note.png) no-repeat;background-size: cover;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-------------------------折叠样式--------------------------*/
|
|||
|
|
.all_text{display:inline;}
|
|||
|
|
.more{display:block;}
|
|||
|
|
/*-------------------------公用导航 footer--------------------------*/
|
|||
|
|
.foot_h{height:60px;}
|
|||
|
|
#footer {
|
|||
|
|
border-top: 1px solid #dcdcdc;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: white;
|
|||
|
|
z-index: 1000;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding-bottom: 0px;
|
|||
|
|
padding-top: 3px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#footer .first{
|
|||
|
|
width: 40%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#footer .first img{
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
#footer .first .active p{
|
|||
|
|
color: #33cccc;
|
|||
|
|
}
|
|||
|
|
#footer .beautiful{
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#footer .beautiful img{
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
#footer .last{
|
|||
|
|
width: 40%;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#footer .last img{
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
#footer .last .active p{
|
|||
|
|
color: #33cccc;
|
|||
|
|
}
|
|||
|
|
/*-------------------------个人中心--------------------------*/
|
|||
|
|
/*----会员版头------*/
|
|||
|
|
#user_center{
|
|||
|
|
|
|||
|
|
background:#f5f5f8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_header {
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
padding-top: 25px;
|
|||
|
|
text-align: center;
|
|||
|
|
height: 180px;
|
|||
|
|
background-image: -moz-linear-gradient(top, #adebcb, #5fd9cb); /*火狐*/
|
|||
|
|
background: -o-linear-gradient(top, #adebcb 0%, #5fd9cb 100%); /*Opera*/
|
|||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #adebcb), color-stop(1, #5fd9cb)); /*Chrome*/
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adebcb', endColorstr='#5fd9cb', GradientType='0'); /*IE*/
|
|||
|
|
}
|
|||
|
|
#user_center .user_header .set{
|
|||
|
|
position:absolute;
|
|||
|
|
right:15px;
|
|||
|
|
top:15px;
|
|||
|
|
width: 30px;
|
|||
|
|
z-index:1000;
|
|||
|
|
}
|
|||
|
|
#user_center .user_header .pic {
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
#user_center .user_header .pic img {
|
|||
|
|
border: 2px solid white;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
box-shadow: 0 0 8px rgba(0,102,102,0.6);
|
|||
|
|
}
|
|||
|
|
#user_center .user_header .name{
|
|||
|
|
margin-top:5px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
#user_center .user_header .name label{
|
|||
|
|
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#user_center .user_header p {
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#user_center .sign{
|
|||
|
|
position:absolute;
|
|||
|
|
top:15px;
|
|||
|
|
left:15px;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
z-index:1000;
|
|||
|
|
display: block;
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
background-color: rgba(58,201,184,0.5);
|
|||
|
|
width: 60px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
text-align: center;
|
|||
|
|
-webkit-border-radius: 5px;
|
|||
|
|
-moz-border-radius: 5px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------------签到弹层----------------*/
|
|||
|
|
#sign_layer .am-modal {
|
|||
|
|
top: 10%;
|
|||
|
|
left: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .win-m {
|
|||
|
|
position: absolute;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-animation: large .3s cubic-bezier(0.16, 0.59, 0.13, 1.32) forwards;
|
|||
|
|
animation: large .3s cubic-bezier(0.16, 0.59, 0.13, 1.32) forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .win-m img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .tex {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 75px;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .win-m .p1 {
|
|||
|
|
font-size: 24px;
|
|||
|
|
color: #454f54;
|
|||
|
|
line-height: 35px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .win-m .p1 span {
|
|||
|
|
color: #ff9531;
|
|||
|
|
padding: 0 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .win-m .p2 {
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 35px;
|
|||
|
|
color: #aeb2b6;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .am-modal-footer {
|
|||
|
|
width: 180px;
|
|||
|
|
height: 42px;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -90px;
|
|||
|
|
bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .am-modal-btn {
|
|||
|
|
line-height: 42px;
|
|||
|
|
-webkit-border-radius: 21px;
|
|||
|
|
border-radius: 21px;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 20px;
|
|||
|
|
background: #4dc3ff;
|
|||
|
|
-webkit-transition: all .2s;
|
|||
|
|
transition: all .2s;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sign_layer .am-modal-btn:hover {
|
|||
|
|
background: #24b4fe;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*----我的订单------*/
|
|||
|
|
#user_center .user_nav {
|
|||
|
|
margin-bottom: 100px;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .box_nav {
|
|||
|
|
background: white;
|
|||
|
|
padding-bottom:15px;
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .box_nav li a {
|
|||
|
|
display: block;
|
|||
|
|
text-align: center;
|
|||
|
|
padding-top: 4px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .box_nav li img {
|
|||
|
|
padding-top: 10px;
|
|||
|
|
width: 60px;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav{
|
|||
|
|
background: white;
|
|||
|
|
line-height:60px;
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav li{
|
|||
|
|
border-right:1px solid #ddd;
|
|||
|
|
text-align:center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav img{
|
|||
|
|
width:30px;
|
|||
|
|
margin-right:6px;
|
|||
|
|
margin-top:17px;
|
|||
|
|
vertical-align:top;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav p{
|
|||
|
|
display:inline-block;
|
|||
|
|
font-size:16px;vertical-align:top;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav span{
|
|||
|
|
font-size:20px;
|
|||
|
|
margin-left:5px;
|
|||
|
|
color:#f60;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .data_nav label{
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
line-height:22px;
|
|||
|
|
font-weight:100;
|
|||
|
|
font-size:16px;
|
|||
|
|
margin-left:5px;
|
|||
|
|
color:#fff;
|
|||
|
|
font-family:arial;
|
|||
|
|
background:#f60;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .list_nav {
|
|||
|
|
margin: 10px 0;
|
|||
|
|
background: white;
|
|||
|
|
border-top: 1px solid #ddd;
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .list_nav li {
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .list_nav li i {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
font-size: x-large;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .list_nav li span{
|
|||
|
|
float: right;
|
|||
|
|
font-size: 24px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .list_nav li .integral {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .list_nav li a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .list_nav li img {
|
|||
|
|
width: 30px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
-webkit-border-radius: 10%;
|
|||
|
|
-moz-border-radius: 10%;
|
|||
|
|
border-radius: 10%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .am-icon-angle-right {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav li:last-child {
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .color_orange {
|
|||
|
|
background: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .color_orange_red {
|
|||
|
|
background: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .color_blue {
|
|||
|
|
background: #5c96e9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .color_green {
|
|||
|
|
background: #68c42b;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_center .user_nav .tc_nav {
|
|||
|
|
margin: 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
border-top: 1px solid #ddd;
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
#user_center .user_nav .tc_nav li a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 46px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
-webkit-border-radius: 10%;
|
|||
|
|
-moz-border-radius: 10%;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
/*----------------------门票订单--------------------*/
|
|||
|
|
#user_reserve{
|
|||
|
|
background: #f3f8fc;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name{
|
|||
|
|
margin-top:50px;
|
|||
|
|
height: 60px;
|
|||
|
|
background-color: white;
|
|||
|
|
border-bottom: 1px solid #cccccc;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .con {
|
|||
|
|
float: left;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .con p{
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .con span{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color:#ff9531 ;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .space{
|
|||
|
|
float: right;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .space span{
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 20px;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
#user_reserve .name .space p{
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#user_reserve .number {
|
|||
|
|
height: 60px;
|
|||
|
|
background-color: white;
|
|||
|
|
border-bottom: 1px solid #cccccc;
|
|||
|
|
}
|
|||
|
|
#user_reserve .number p{
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------加入购物车/购买---------*/
|
|||
|
|
#book {
|
|||
|
|
background-color: white;
|
|||
|
|
height: 54px;
|
|||
|
|
width: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#book .money{
|
|||
|
|
line-height: 54px;
|
|||
|
|
width: 40%;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#book .money span{
|
|||
|
|
color: #ff9531;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
#book li a {
|
|||
|
|
color: white;
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #fc8d89;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#book .cur {
|
|||
|
|
float: right;
|
|||
|
|
background: #ff9531;
|
|||
|
|
display: block;
|
|||
|
|
height: 54px;
|
|||
|
|
line-height: 54px;
|
|||
|
|
float: right;
|
|||
|
|
width: 60%;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#book .cur a{
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#book .call {
|
|||
|
|
display: block;
|
|||
|
|
height: 54px;
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
background-color: white;
|
|||
|
|
border: 1px solid #eeeeee;
|
|||
|
|
padding-top: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#book .call img {
|
|||
|
|
height: 25px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#book .call p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------更改数量---------*/
|
|||
|
|
#user_reserve .center h3 {
|
|||
|
|
font-size: 14px;
|
|||
|
|
height: 40px;
|
|||
|
|
margin: 40px 0 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner {
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100px;
|
|||
|
|
float: right;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .Amount {
|
|||
|
|
width: 36px;
|
|||
|
|
padding: 4px 5px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
border-width: 1px 0;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #565656;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner a {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 25px;
|
|||
|
|
border: 1px solid #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
cursor: pointer;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .Decrease {
|
|||
|
|
background-color: #f0f0f0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner a i {
|
|||
|
|
font-style: normal;
|
|||
|
|
background: url(../img/BuynBtn.png) no-repeat;
|
|||
|
|
display: block;
|
|||
|
|
width: 9px;
|
|||
|
|
height: 9px;
|
|||
|
|
margin: 8px;
|
|||
|
|
text-indent: 999999%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .Decrease i {
|
|||
|
|
background-position: -9px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .Increase i {
|
|||
|
|
background-position: -9px -0px;
|
|||
|
|
color: white
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .DisDe i {
|
|||
|
|
background-position: -0px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .Spinner .DisIn i {
|
|||
|
|
background-position: -0px -0px;
|
|||
|
|
}
|
|||
|
|
/*-----------手机号---------*/
|
|||
|
|
#user_reserve .phone {
|
|||
|
|
height: 60px;
|
|||
|
|
padding-left:55px;
|
|||
|
|
padding-right:120px;
|
|||
|
|
position:relative;
|
|||
|
|
background-color: white;
|
|||
|
|
border-bottom: 1px solid #cccccc;
|
|||
|
|
}
|
|||
|
|
#user_reserve .phone p{
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#user_reserve .phone .am-form-group input{
|
|||
|
|
border: none;
|
|||
|
|
line-height: 59px;
|
|||
|
|
margin-left: 40px;
|
|||
|
|
color:#999999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
width:100%;
|
|||
|
|
}
|
|||
|
|
#user_reserve .phone .user_number{
|
|||
|
|
border-left: 1px solid #eee;
|
|||
|
|
display: block;
|
|||
|
|
height:30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
width: 50px;
|
|||
|
|
position:absolute;
|
|||
|
|
right:15px;
|
|||
|
|
top:15px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#user_reserve .phone img{
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
/*----------------------个人资料--------------------*/
|
|||
|
|
#user_data{
|
|||
|
|
margin-top: 60px;
|
|||
|
|
}
|
|||
|
|
#user_data .data{
|
|||
|
|
display: block;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
background-color: white;
|
|||
|
|
border-bottom:1px solid #eee ;
|
|||
|
|
padding: 0 10px 0 10px;
|
|||
|
|
}
|
|||
|
|
#user_data .data span{
|
|||
|
|
float: left;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#user_data .data img {
|
|||
|
|
margin-top: 7px;
|
|||
|
|
float: right;
|
|||
|
|
width: 45px;
|
|||
|
|
height: 45px;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
#user_data .data i{
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
#user_data .data p{
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#user_data .signature{
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*----------------------设置--------------------*/
|
|||
|
|
/*-----------注销登录---------*/
|
|||
|
|
#user_data .logout{
|
|||
|
|
width: 80%;
|
|||
|
|
height: 50px;
|
|||
|
|
border: 1px solid #54d8cf;
|
|||
|
|
background-color: #dbfcfa;
|
|||
|
|
color: #54d8cf;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 10%;
|
|||
|
|
bottom: 50px;
|
|||
|
|
}
|
|||
|
|
/*-----------修改设置---------*/
|
|||
|
|
#fill_data .fill{
|
|||
|
|
padding: 10px;
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#fill_data .fill .am-form-group{
|
|||
|
|
background-color: white;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 60px;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
#fill_data .fill .am-form-group input{
|
|||
|
|
border: none;
|
|||
|
|
float: left;
|
|||
|
|
color:#999999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
/*-----------公共表格样式---------*/
|
|||
|
|
.done{
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #54d8cf;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
.keep{
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #ccc;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 70px;
|
|||
|
|
}
|
|||
|
|
.yes{
|
|||
|
|
border: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #ff9531;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
margin: 30px auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#set_data{
|
|||
|
|
margin-top: 60px;
|
|||
|
|
}
|
|||
|
|
#set_data .fill_word{
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#set_data .fill_word li{
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
display: block;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#set_data .fill_word li:last-child{
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
#set_data .fill_word li p{
|
|||
|
|
float: left;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
}
|
|||
|
|
#set_data .fill_word li .am-form-group input{
|
|||
|
|
float: right;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 80%;
|
|||
|
|
border: none;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*---------------------常用联系人----------------------*/
|
|||
|
|
#offen_user{
|
|||
|
|
width: 100%;
|
|||
|
|
background: #eee;
|
|||
|
|
}
|
|||
|
|
#offen_user .cont {
|
|||
|
|
background: white;
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .cont .box {
|
|||
|
|
padding: 10px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .cont .box .button {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .cont .box .button .am-radio {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .cont .box .button a {
|
|||
|
|
float: right;
|
|||
|
|
margin-top: 8px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
-webkit-border-radius: 5px;
|
|||
|
|
-moz-border-radius: 5px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .cont .box .button .red_hollow {
|
|||
|
|
border: 1px solid #ff9531;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .color_red {
|
|||
|
|
background: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#offen_user .tc_nav {
|
|||
|
|
margin: 20px 10px 100px 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
#offen_user .tc_nav a{
|
|||
|
|
font-size: 20px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
color: white;
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#offen_user .user_info a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 46px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
-webkit-border-radius: 10%;
|
|||
|
|
-moz-border-radius: 10%;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
#offen_user span {
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
#offen_user .user_info label{
|
|||
|
|
font-size: 20px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
/*---------------------个性签名----------------------*/
|
|||
|
|
#signature{
|
|||
|
|
margin-top: 50px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
#signature span{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 30px;
|
|||
|
|
right: 30px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
/*-----------旅游订单---------*/
|
|||
|
|
#trip_order .nav {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .order_number {
|
|||
|
|
padding: 0 10px 0 10px;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .order_number p{
|
|||
|
|
float: left;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .order_number span{
|
|||
|
|
float: right;
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont {
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box {
|
|||
|
|
display: block;
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box .state {
|
|||
|
|
text-align: right;
|
|||
|
|
color: red;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box .project {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 10px 90px;
|
|||
|
|
background: #f5f5f5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .project .pic {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box .project .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box .project .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .project .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .project .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .project .price {
|
|||
|
|
padding-right: 10px;
|
|||
|
|
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .project .price label {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#trip_order .cont .box .project .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button {
|
|||
|
|
text-align: right;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button a {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button .orange_bg {
|
|||
|
|
border: 1px solid #f80;
|
|||
|
|
color: #ee3348;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button .orange_bg {
|
|||
|
|
background: #f80;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button .green_bg {
|
|||
|
|
border: 1px solid #00c1b4;
|
|||
|
|
color: #ee3348;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button .green_bg {
|
|||
|
|
background: #00c1b4;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#trip_order .cont .box .button .gray_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
/*---------------------订单详情---------------------*/
|
|||
|
|
#order_detail {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#order_detail .consignee {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#order_detail .info{
|
|||
|
|
background:#fff;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
#order_detail .info li{
|
|||
|
|
padding:10px;
|
|||
|
|
border-bottom:1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .info li h2{
|
|||
|
|
color:#666;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .order_number {
|
|||
|
|
padding: 0 10px 0 10px;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .order_number p{
|
|||
|
|
float: left;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .order_number span{
|
|||
|
|
float: right;
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont {
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box {
|
|||
|
|
display: block;
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box .state {
|
|||
|
|
text-align: right;
|
|||
|
|
color: #ff9531;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box .project {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 10px 90px;
|
|||
|
|
background: #f5f5f5;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .project .pic {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box .project .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box .project .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .project .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .project .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .project .price {
|
|||
|
|
padding-right: 10px;
|
|||
|
|
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .project .price label {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#order_detail .cont .box .project .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .button {
|
|||
|
|
text-align: right;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .button a {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .button .red_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
color: #ee3348;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .button .red_solid {
|
|||
|
|
background: #ff9531;
|
|||
|
|
border: 1px solid #ff9531;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .cont .box .button .gray_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
#order_detail .score p{
|
|||
|
|
background-color: white;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#order_detail .score span{
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin: 0 10px ;
|
|||
|
|
}
|
|||
|
|
/*-----------我的收藏---------*/
|
|||
|
|
#collect .cont {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#collect .cont li{
|
|||
|
|
min-height: 100px;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 10px 100px;
|
|||
|
|
background: white;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#collect .cont li a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#collect .cont li img {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#collect .cont li .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
height: 90px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#collect .cont li .project_cont p {
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
}
|
|||
|
|
#collect .cont li .project_cont span {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 20px;
|
|||
|
|
right: 10px;
|
|||
|
|
}
|
|||
|
|
/*-----------我的评论---------*/
|
|||
|
|
#comment .nav {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#comment .cont {
|
|||
|
|
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#comment .cont .project {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
min-height: 100px;
|
|||
|
|
padding: 10px;
|
|||
|
|
background: white;
|
|||
|
|
position:relative;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#comment .cont .news {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 0 120px;
|
|||
|
|
background: #f5f5fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#comment .cont .news .pic {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
#comment .cont .news .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 80px;
|
|||
|
|
}
|
|||
|
|
#comment .cont .project_name p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
text-align: left;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
#comment .cont .project_cont{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#comment .cont .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .news .price {
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 35px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .news .price p {
|
|||
|
|
font-size: 16px;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
line-height: 35px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .price i{
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .project .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
height:27px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .project .my_word {
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .cont .project .project_cont span {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
display:inline-block;
|
|||
|
|
margin-right:5px;
|
|||
|
|
}
|
|||
|
|
#comment .cont .project .project_cont i{
|
|||
|
|
margin-left: 20px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#comment .button {
|
|||
|
|
text-align: right;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:15px;
|
|||
|
|
right:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#comment .button a {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#comment .button .green_bg {
|
|||
|
|
|
|||
|
|
background: #00c1b4;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#comment .button .gray_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
/*-----------游记评论---------*/
|
|||
|
|
#activity_comment .nav {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#activity_comment .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#activity_comment .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#activity_comment .cont {
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment{
|
|||
|
|
background-color: white;
|
|||
|
|
margin: 10px 0 100px 0;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment li{
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .item{
|
|||
|
|
line-height: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
text-align: left;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .item span{
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .message{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .message .title{
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .date{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
margin-top:10px;
|
|||
|
|
line-height:35px;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .comment_list{
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding: 10px 0;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .comment_list p{
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color:#999;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .button {
|
|||
|
|
text-align: right;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:15px;
|
|||
|
|
right:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#activity_comment .all_comment .button a {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .button .green_bg {
|
|||
|
|
|
|||
|
|
background: #00c1b4;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#activity_comment .all_comment .button .gray_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------发表游记---------*/
|
|||
|
|
#release .cover{
|
|||
|
|
position: relative;
|
|||
|
|
height: 250px;
|
|||
|
|
background: url(../img/write_cover_zy.jpg) no-repeat center;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
#release .cover .return{
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
top:20px;
|
|||
|
|
left: 20px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#release .cover .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
#release .cover .title{
|
|||
|
|
width:100%;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 20px;
|
|||
|
|
padding:0 15px;
|
|||
|
|
}
|
|||
|
|
#release .cover .title #shuru{
|
|||
|
|
background:0;
|
|||
|
|
line-height: 30px;
|
|||
|
|
border:0;
|
|||
|
|
outline:none;
|
|||
|
|
font-size:16px;
|
|||
|
|
color:#000;
|
|||
|
|
width:80%;
|
|||
|
|
border-bottom:1px solid #666;
|
|||
|
|
}
|
|||
|
|
#release .cover .title #tijiao{
|
|||
|
|
background-color: #eee;
|
|||
|
|
width:15%;
|
|||
|
|
height: 25px;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
#release .cover .title span{
|
|||
|
|
float: left;
|
|||
|
|
color: white;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
font-size: 24px;
|
|||
|
|
}
|
|||
|
|
#release .cover .title img{
|
|||
|
|
float: right;
|
|||
|
|
width: 20px;
|
|||
|
|
padding-top: 12px;
|
|||
|
|
}
|
|||
|
|
#release .cover .change_pic{
|
|||
|
|
display: block;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 15px;
|
|||
|
|
-moz-border-radius: 15px;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 80px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
position: absolute;
|
|||
|
|
top:50%;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-top: -15px;
|
|||
|
|
margin-left: -40px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------编辑内容---------*/
|
|||
|
|
#release .fill{
|
|||
|
|
padding: 10px;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
#release .fill .am-form-group{
|
|||
|
|
background-color: white;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 200px;
|
|||
|
|
padding: 10px;
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#release .fill .text {
|
|||
|
|
border: none;
|
|||
|
|
float: left;
|
|||
|
|
color:#999999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 180px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------我的收藏---------*/
|
|||
|
|
#my_note{
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#my_note .nav {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#my_note .cont {
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .cont li{
|
|||
|
|
background: white;
|
|||
|
|
position:relative;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#my_note .cont .box_cont{
|
|||
|
|
|
|||
|
|
position:relative;
|
|||
|
|
width:100%;
|
|||
|
|
padding-left:80px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#my_note .cont .box_cont .pic{
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#my_note .cont .box_cont img {
|
|||
|
|
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .cont .box_cont .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
height: 90px;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .cont .box_cont .project_cont p {
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#my_note .cont li .date{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
padding:0 10px;
|
|||
|
|
line-height:35px;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .cont li .button {
|
|||
|
|
text-align: right;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:15px;
|
|||
|
|
right:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_note .cont li .button a {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
#my_note .cont li .button .green_bg {
|
|||
|
|
|
|||
|
|
background: #00c1b4;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#my_note .cont li .button .gray_hollow {
|
|||
|
|
border: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------美丽乡村详情---------*/
|
|||
|
|
#beautiful_detail .cover{
|
|||
|
|
position: relative;
|
|||
|
|
height: 250px;
|
|||
|
|
background: url("../img/beautiful_detail.jpg") ;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .return{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
top:10px;
|
|||
|
|
left: 10px;
|
|||
|
|
Fcolor: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#beautiful_detail .cover .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: larger;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .collect{
|
|||
|
|
position: absolute;
|
|||
|
|
top:20px;
|
|||
|
|
right: 20px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .collect img{
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#beautiful_detail .cover .title{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
width:100%;
|
|||
|
|
padding:10px;
|
|||
|
|
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));
|
|||
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
|
|||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(1,rgba(0,0,0,0.5)));
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', GradientType='0');
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .title p{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 22px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .writer {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .writer span{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .writer label{
|
|||
|
|
margin-right: 10px;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .writer .name{
|
|||
|
|
border: 2px solid white;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
box-shadow: 0 0 8px #999999;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .read{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 15px;
|
|||
|
|
right: 0px;
|
|||
|
|
padding:0 10px;
|
|||
|
|
display: block;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-moz-border-radius: 25px 0 0 25px;
|
|||
|
|
-webkit-border-radius: 25px 0 0 25px;
|
|||
|
|
border-top-left-radius: 25px 25px;
|
|||
|
|
border-bottom-left-radius: 25px 25px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .eye{
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .cover .read span{
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
/*-----------编辑内容---------*/
|
|||
|
|
#beautiful_detail .fill{
|
|||
|
|
padding: 10px;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .fill .con{
|
|||
|
|
background-color: white;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 200px;
|
|||
|
|
padding: 20px 10px;
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .fill .con p{
|
|||
|
|
line-height: 30px;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
}
|
|||
|
|
#beautiful_detail .fill .con img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#leave {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#leave .comment{
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 20px;
|
|||
|
|
right: 35px;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
#leave .comment img{
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
#leave .comment span{
|
|||
|
|
color: white;
|
|||
|
|
height: 20px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
padding: 0 3px;
|
|||
|
|
display: block;
|
|||
|
|
background-color: #33cccc;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 45px;
|
|||
|
|
right: 20px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
-webkit-border-radius: 10px;
|
|||
|
|
-moz-border-radius: 10px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
#leave .thumb{
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 20px;
|
|||
|
|
right: 90px;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
#leave .thumb span{
|
|||
|
|
color: white;
|
|||
|
|
height: 20px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
padding: 0 3px;
|
|||
|
|
display: block;
|
|||
|
|
background-color: #33cccc;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 45px;
|
|||
|
|
right: 85px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
-webkit-border-radius: 10px;
|
|||
|
|
-moz-border-radius: 10px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
#leave .thumb img{
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------新闻资讯---------*/
|
|||
|
|
#news_detail .cover{
|
|||
|
|
position: relative;
|
|||
|
|
height: 250px;
|
|||
|
|
background: url("../img/news.jpg") ;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .return{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
top:10px;
|
|||
|
|
left: 10px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .collect{
|
|||
|
|
position: absolute;
|
|||
|
|
top:20px;
|
|||
|
|
right: 20px;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .collect img{
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#news_detail .cover .title{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
width:100%;
|
|||
|
|
padding:10px;
|
|||
|
|
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));
|
|||
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
|
|||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(1,rgba(0,0,0,0.5)));
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', GradientType='0');
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .title span{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .title p{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 22px;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .read{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 15px;
|
|||
|
|
right: -10px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
width: 80px;
|
|||
|
|
display: block;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .eye{
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .read span{
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#news_detail .fill{
|
|||
|
|
padding: 10px;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
#news_detail .fill .con{
|
|||
|
|
background-color: white;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 200px;
|
|||
|
|
padding: 20px 10px;
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#news_detail .fill .con p{
|
|||
|
|
line-height: 30px;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
}
|
|||
|
|
#news_detail .fill .con img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
/*---------------------活动详情--------------------*/
|
|||
|
|
#activity_detail{
|
|||
|
|
padding-bottom:70px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .cover{
|
|||
|
|
position: relative;
|
|||
|
|
height: 250px;
|
|||
|
|
|
|||
|
|
background: url("../img/head.jpg") ;
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
#activity_detail .cover .return{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
top:10px;
|
|||
|
|
left: 10px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#activity_detail .cover .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: larger;
|
|||
|
|
}
|
|||
|
|
#activity_detail .title{
|
|||
|
|
padding:10px;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
#activity_detail .title label{
|
|||
|
|
font-size: 20px;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .title .sprice{
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#999;
|
|||
|
|
}
|
|||
|
|
#activity_detail .title .sprice font{
|
|||
|
|
font-size: 25px;
|
|||
|
|
color:#ff9531 ;
|
|||
|
|
margin-right:5px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time {
|
|||
|
|
background-color:#fdf4f5 ;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .date{
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .date img{
|
|||
|
|
width: 25px;
|
|||
|
|
float: left;
|
|||
|
|
margin: 5px 10px 0 0 ;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .date p{
|
|||
|
|
float: left;
|
|||
|
|
color:#ff9531 ;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .phone{
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .phone p{
|
|||
|
|
margin-right: 20px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .time .phone span{
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .introduce{
|
|||
|
|
padding: 20px 10px 0 10px;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
#activity_detail .detail {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#activity_detail .detail label{
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
left: 10px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .detail .con{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#activity_detail .detail .con .all_text{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#activity_detail .detail .con .more{
|
|||
|
|
color: #999;
|
|||
|
|
display: block;
|
|||
|
|
line-height: 30px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 20px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment{
|
|||
|
|
background-color: white;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .item{
|
|||
|
|
line-height: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
text-align: left;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .item span{
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .message{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .message .writer{
|
|||
|
|
float: left;
|
|||
|
|
color: #89d7d8;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .message .date{
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .comment_list{
|
|||
|
|
padding: 10px 0;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .comment_list p{
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color:#999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#activity_detail .all_comment .more{
|
|||
|
|
text-align:center;
|
|||
|
|
padding:20px 0;
|
|||
|
|
}
|
|||
|
|
#activity_detail .all_comment .more a{
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:0 20px;
|
|||
|
|
line-height:30px;
|
|||
|
|
color:#f60;
|
|||
|
|
border:1px solid #f60;
|
|||
|
|
-webkit-border-radius: 3px;
|
|||
|
|
-moz-border-radius: 3px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------加入购物车/购买---------*/
|
|||
|
|
#buy_cart {
|
|||
|
|
z-index: 999;
|
|||
|
|
height: 54px;
|
|||
|
|
width: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
padding-bottom: 0px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart ul {
|
|||
|
|
width: 100%;
|
|||
|
|
float: right;
|
|||
|
|
z-index: 999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart .collection {
|
|||
|
|
height: 54px;
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
background-color: white;
|
|||
|
|
border: 1px solid #eeeeee;
|
|||
|
|
padding-top: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart .collection img {
|
|||
|
|
height: 20px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart .collection p {
|
|||
|
|
font-size: 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#buy_cart .cart {
|
|||
|
|
color: white;
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #f90;
|
|||
|
|
}
|
|||
|
|
#buy_cart .cur {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
background: #f60;
|
|||
|
|
color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#buy_cart .call {
|
|||
|
|
display: block;
|
|||
|
|
height:54px;
|
|||
|
|
padding-top:5px;
|
|||
|
|
background-color: white;
|
|||
|
|
border: 1px solid #eeeeee;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart .call img {
|
|||
|
|
height: 25px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_cart .call p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------加入购物车/购买---------*/
|
|||
|
|
#buy_nav {
|
|||
|
|
background-color: white;
|
|||
|
|
height: 54px;
|
|||
|
|
width: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#buy_nav .money{
|
|||
|
|
line-height: 54px;
|
|||
|
|
width: 40%;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#buy_nav .money span{
|
|||
|
|
color: #ff9531;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
#buy_nav li a {
|
|||
|
|
color: white;
|
|||
|
|
display: block;
|
|||
|
|
line-height: 54px;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #fc8d89;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_nav .cur {
|
|||
|
|
float: right;
|
|||
|
|
background: #ff9531;
|
|||
|
|
color: white;
|
|||
|
|
display: block;
|
|||
|
|
height: 54px;
|
|||
|
|
line-height: 54px;
|
|||
|
|
float: right;
|
|||
|
|
width: 80%;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_nav .call {
|
|||
|
|
display: block;
|
|||
|
|
height: 54px;
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
background-color: white;
|
|||
|
|
border: 1px solid #eeeeee;
|
|||
|
|
padding-top: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_nav .call img {
|
|||
|
|
height: 25px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#buy_nav .call p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-------------------------首页--------------------------*/
|
|||
|
|
|
|||
|
|
#index .index_head{
|
|||
|
|
position: fixed;
|
|||
|
|
top:0;
|
|||
|
|
z-index: 999;
|
|||
|
|
padding:10px 50px 0 70px;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#index .index_head .logo{
|
|||
|
|
|
|||
|
|
position: absolute;
|
|||
|
|
top: 6px;
|
|||
|
|
left: 10px;
|
|||
|
|
}
|
|||
|
|
#index .index_head .logo img{
|
|||
|
|
height: 40px;
|
|||
|
|
}
|
|||
|
|
#index .index_head .search{
|
|||
|
|
position:relative;
|
|||
|
|
background-color: #eee;
|
|||
|
|
height:30px;
|
|||
|
|
padding:0 35px 0 65px;
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#index .index_head .search select{
|
|||
|
|
border:0;
|
|||
|
|
width:50px;
|
|||
|
|
background: transparent;
|
|||
|
|
position:absolute;
|
|||
|
|
left:8px;
|
|||
|
|
top:6px;
|
|||
|
|
line-height:18px;
|
|||
|
|
|
|||
|
|
font-size:14px;
|
|||
|
|
border-right:1px solid #ddd;
|
|||
|
|
-webkit-appearance: none; /*for chrome*/
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#index .index_head .search .text{
|
|||
|
|
width:100%;
|
|||
|
|
height: 30px;
|
|||
|
|
background:0;
|
|||
|
|
border:0;
|
|||
|
|
}
|
|||
|
|
#index .index_head .search .submit{
|
|||
|
|
background:0;
|
|||
|
|
border:0;
|
|||
|
|
position:absolute;
|
|||
|
|
right:0;
|
|||
|
|
top:0;
|
|||
|
|
width:30px;
|
|||
|
|
height:30px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
#index .index_head .search i.am-icon-caret-down{
|
|||
|
|
position:absolute;
|
|||
|
|
left:40px;
|
|||
|
|
top:5px;
|
|||
|
|
pointer-events:none;
|
|||
|
|
}
|
|||
|
|
#index .index_head .search i.am-icon-search{
|
|||
|
|
position:absolute;
|
|||
|
|
right:10px;
|
|||
|
|
top:5px;
|
|||
|
|
pointer-events:none;
|
|||
|
|
}
|
|||
|
|
#index .index_head .phone{
|
|||
|
|
position: absolute;
|
|||
|
|
right:15px;
|
|||
|
|
top:14px;
|
|||
|
|
}
|
|||
|
|
#index .index_head .phone img{
|
|||
|
|
width: 25px;
|
|||
|
|
}
|
|||
|
|
#index_banner{
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#index_banner .am-slider-default {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
#index_banner .am-control-nav{
|
|||
|
|
position: absolute;
|
|||
|
|
bottom:10px;
|
|||
|
|
}
|
|||
|
|
#index_banner .am-slider-default .am-control-nav li a.am-active{
|
|||
|
|
background-color: #33cccc;
|
|||
|
|
}
|
|||
|
|
#index_banner .am-slider-default .am-control-nav li a{
|
|||
|
|
background-color: #ccc;
|
|||
|
|
}
|
|||
|
|
#index .order_nav{
|
|||
|
|
padding: 15px 10px 10px 10px;
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#index .order_nav .box_nav img{
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
#index .order_nav .box_nav li a{
|
|||
|
|
display: block;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#index .order_nav .box_nav li p{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
/*-----------没有更多了---------*/
|
|||
|
|
#none{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
/*-----------公共栏目标题---------*/
|
|||
|
|
#item_name{
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#item_name img{
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
#item_name span{
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------首页选项卡---------*/
|
|||
|
|
.am-nav-tabs > li.am-active > a, .am-nav-tabs > li.am-active > a:hover, .am-nav-tabs > li.am-active > a:focus{border:0;background:0;}
|
|||
|
|
#trip_list .am-nav-tabs > li > a{border:0;}
|
|||
|
|
#trip_list .am-nav-tabs{border:0;}
|
|||
|
|
#trip_list .am-nav-tabs > li > a{margin:0;}
|
|||
|
|
#trip_list .am-nav > li > a{padding:0;}
|
|||
|
|
#trip_list .am-tabs-bd{border:0;}
|
|||
|
|
#trip_list .am-tabs-nav li a{
|
|||
|
|
display: block;
|
|||
|
|
height: 44px;
|
|||
|
|
line-height: 41px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_list .am-nav-tabs > li.am-active > a, .am-nav-tabs > li.am-active > a:hover, .am-nav-tabs > li.am-active > a:focus{
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------孟津旅游---------*/
|
|||
|
|
/*-----------景点展示---------*/
|
|||
|
|
#view_list .nav {
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#view_list .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
#view_list .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#view_list .view{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#view_list li:last-child{
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
#view_list .view .pic{
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 150px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
#view_list .view .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#view_list .view .pic a{
|
|||
|
|
position: absolute;
|
|||
|
|
right: 20px;
|
|||
|
|
bottom: 10px;
|
|||
|
|
display: block;
|
|||
|
|
width: 120px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
background:#ff9531;
|
|||
|
|
-webkit-border-radius: 5px;
|
|||
|
|
-moz-border-radius: 5px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#view_list .view .con {
|
|||
|
|
padding: 20px;
|
|||
|
|
background: white;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#view_list .view .con span{
|
|||
|
|
display: block;
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 20px;
|
|||
|
|
line-height:24px;
|
|||
|
|
}
|
|||
|
|
#view_list .view .con p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 14px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
/*-----------旅游活动---------*/
|
|||
|
|
#trip_list [data-am-widget='tabs']{margin:0;}
|
|||
|
|
#trip_list .am-tabs-bd .am-tab-panel{padding:0;}
|
|||
|
|
#trip_list .am-tabs-d2 .am-tabs-nav{background:white;}
|
|||
|
|
#trip_list .am-tabs-d2 .am-tabs-nav a{font-size: 16px;}
|
|||
|
|
#trip_list .am-tabs-d2 .am-tabs-nav > .am-active:after{border:0;}
|
|||
|
|
#trip_list .am-tabs-d2 .am-tabs-nav > .am-active{
|
|||
|
|
border-bottom:3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#trip_list .am-tabs-d2 .am-tabs-nav > .am-active a{
|
|||
|
|
color: #2dbb55;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#trip_list .nav {
|
|||
|
|
background-color: white;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#trip_list .nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: -1px;
|
|||
|
|
}
|
|||
|
|
#trip_list .nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
#trip_list .view{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#trip_list li:last-child{
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .pic{
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 150px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_list .view .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 150px;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .pic a{
|
|||
|
|
float:right;
|
|||
|
|
display: block;
|
|||
|
|
width: 120px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
background:#ff9531;
|
|||
|
|
-webkit-border-radius: 2px;
|
|||
|
|
-moz-border-radius: 2px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .cont{
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
width:100%;
|
|||
|
|
padding:15px 15px 5px 15px;
|
|||
|
|
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));
|
|||
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
|
|||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(1,rgba(0,0,0,0.5)));
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', GradientType='0');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#trip_list .view .pic .num{
|
|||
|
|
float:left;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .pic .num p{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .pic .num span{
|
|||
|
|
color: white;
|
|||
|
|
font-size:14px ;
|
|||
|
|
margin-right:5px;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .con {
|
|||
|
|
padding: 20px;
|
|||
|
|
background: white;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .con span{
|
|||
|
|
display: block;
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 20px;
|
|||
|
|
line-height:20px;
|
|||
|
|
}
|
|||
|
|
#trip_list .view .con p{
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 14px;
|
|||
|
|
margin-top:10px;
|
|||
|
|
}
|
|||
|
|
#more{
|
|||
|
|
text-align: center;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
#more span{
|
|||
|
|
color:#999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#more i.am-icon-angle-right{
|
|||
|
|
color: #33cccc;
|
|||
|
|
font-size:20px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
/*-----------特产商城---------*/
|
|||
|
|
#news_detail .cover .return{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
top:10px;
|
|||
|
|
left: 10px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#news_detail .cover .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------特产商城---------*/
|
|||
|
|
#specialty_mall{
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 0 150px;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project .pic {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
width: 130px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
#specialty_mall .project .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100px;
|
|||
|
|
}
|
|||
|
|
#specialty_mall .project .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project .price {
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 35px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#specialty_mall .project .price label {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#specialty_mall .project .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
/*-----------美丽乡村---------*/
|
|||
|
|
#select-goods {
|
|||
|
|
background: white;
|
|||
|
|
border-top: 1px solid #ddd;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
margin-bottom: 100px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods .public_title img {
|
|||
|
|
padding-left: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods ul img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods li {
|
|||
|
|
border-left: 3px solid #eee;
|
|||
|
|
border-top: 3px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods p {
|
|||
|
|
padding-left: 10px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods span {
|
|||
|
|
float: left;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods .money p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods .money .VIP-price {
|
|||
|
|
font-size: 8px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
padding-right: 5px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods .money s {
|
|||
|
|
padding-left: 10px;
|
|||
|
|
color: #999;
|
|||
|
|
float: left;
|
|||
|
|
font-size: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#select-goods .money span {
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#beautiful_country {
|
|||
|
|
background: white;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
#beautiful_country li {
|
|||
|
|
padding: 10px 5px;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list a{
|
|||
|
|
display: block;
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .pic{
|
|||
|
|
overflow: hidden;
|
|||
|
|
height: 125px;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .name{
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 5px 10px 48px;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .name .num{
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .name span{
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .name i{
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list .name .head {
|
|||
|
|
position: absolute;
|
|||
|
|
top:-20px;
|
|||
|
|
left: 5px;
|
|||
|
|
border: 2px solid white;
|
|||
|
|
width: 45px;
|
|||
|
|
height: 45px;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
box-shadow: 0 0 5px #999999;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list label{
|
|||
|
|
margin-left: 10px ;
|
|||
|
|
}
|
|||
|
|
#beautiful_country .beautiful_list p {
|
|||
|
|
padding-left: 10px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
/*----------------------新闻列表--------------------*/
|
|||
|
|
#news_list{
|
|||
|
|
background-color: white;
|
|||
|
|
margin: 10px 0 100px 0 ;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 0 150px;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news .pic {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
width: 130px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
#news_list .news .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100px;
|
|||
|
|
}
|
|||
|
|
#news_list .news .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news .price {
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 35px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#news_list .news .price p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
float: left;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#news_list .news .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#news_list .news .price i{
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*----------------------特产商城--------------------*/
|
|||
|
|
#project_list{
|
|||
|
|
background-color: white;
|
|||
|
|
margin: 10px 0 100px 0 ;
|
|||
|
|
}
|
|||
|
|
#project_list .project_con{
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head{
|
|||
|
|
position: fixed;
|
|||
|
|
top:0;
|
|||
|
|
z-index: 999;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .logo{
|
|||
|
|
height: 40px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 6px;
|
|||
|
|
left: 10px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .search{
|
|||
|
|
margin: 10px 0 0 10px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
float: left;
|
|||
|
|
width: 80%;
|
|||
|
|
background-color: #eee;
|
|||
|
|
height: 30px;
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .search .change {
|
|||
|
|
height:30px ;
|
|||
|
|
line-height: 30px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .search .change .am-form-group select{
|
|||
|
|
background-color:transparent;
|
|||
|
|
border: none;
|
|||
|
|
border-right: 1px solid #dcdcdc;
|
|||
|
|
color: #33cccc;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .search .in_search{
|
|||
|
|
width: 100%;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .search .am-form-group input{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 30px;
|
|||
|
|
border: none;
|
|||
|
|
background-color:transparent;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .in_search .am-icon-search {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 5px;
|
|||
|
|
top:3px;
|
|||
|
|
margin:0 10px 0 0 ;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .car{
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
top:10px;
|
|||
|
|
}
|
|||
|
|
#project_list .index_head .car img{
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
#project_list .news {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 0 150px;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_list .news a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_list .news .pic {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
width: 130px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
#project_list .news .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100px;
|
|||
|
|
}
|
|||
|
|
#project_list .news .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_list .news .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_list .news .price {
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 35px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_list .news .price p {
|
|||
|
|
font-size: 24px;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#project_list .news .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#project_list .news .price i{
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mui-ellipsis-3 {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: normal!important;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
-webkit-line-clamp: 3;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
}
|
|||
|
|
.innerCtn{
|
|||
|
|
text-indent: 1rem;
|
|||
|
|
line-height: 0.8rem;
|
|||
|
|
font-size: 0.5rem;
|
|||
|
|
}
|
|||
|
|
/*----------------------商品详情--------------------*/
|
|||
|
|
/*-----------子页导航---------*/
|
|||
|
|
#sub_nav {
|
|||
|
|
margin-top: 60px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sub_nav a {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size:16px;
|
|||
|
|
text-align: center;
|
|||
|
|
background: white;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#sub_nav a.cur {
|
|||
|
|
color: #2dbb55;
|
|||
|
|
border-bottom: 3px solid #2dbb55;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------商品详情——基本信息---------*/
|
|||
|
|
#project_basic .sail {
|
|||
|
|
background-color: white;
|
|||
|
|
padding-bottom: 40px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#project_basic .return{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index:1000;
|
|||
|
|
top:10px;
|
|||
|
|
left: 10px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .return .am-icon-angle-left{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: larger;
|
|||
|
|
}
|
|||
|
|
#project_basic .g_car{
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index:1000;
|
|||
|
|
top:10px;
|
|||
|
|
right: 10px;
|
|||
|
|
color: white;
|
|||
|
|
background-color: rgba(0,0,0,0.5);
|
|||
|
|
-webkit-border-radius: 20px;
|
|||
|
|
-moz-border-radius: 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .g_car .am-icon-cart-plus{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: larger;
|
|||
|
|
}
|
|||
|
|
#project_basic .sail p {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .sail span {
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 24px;
|
|||
|
|
float: left;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .sail label {
|
|||
|
|
float: right;
|
|||
|
|
color: #999999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding: 10px;
|
|||
|
|
font-weight:400;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .sail font {
|
|||
|
|
float: right;
|
|||
|
|
color: #999999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment{
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .item{
|
|||
|
|
|
|||
|
|
padding-bottom:5px;
|
|||
|
|
text-align: left;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .item span{
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .message{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .message .writer{
|
|||
|
|
float: left;
|
|||
|
|
color: #89d7d8;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .message .date{
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .comment_list{
|
|||
|
|
padding: 10px 0;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .comment_list p{
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color:#999;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .more{
|
|||
|
|
text-align:center;
|
|||
|
|
padding:20px 0;
|
|||
|
|
}
|
|||
|
|
#project_basic .all_comment .more a{
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:0 20px;
|
|||
|
|
line-height:30px;
|
|||
|
|
color:#f60;
|
|||
|
|
border:1px solid #f60;
|
|||
|
|
-webkit-border-radius: 3px;
|
|||
|
|
-moz-border-radius: 3px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail {
|
|||
|
|
background-color: white;
|
|||
|
|
padding-bottom: 100px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail .words {
|
|||
|
|
padding: 10px;
|
|||
|
|
border-bottom: 1px solid #eeeeee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail ul {
|
|||
|
|
padding: 10px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail li {
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail p {
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail span {
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .hot_sail img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------商品详情评论--------*/
|
|||
|
|
#all_comment{
|
|||
|
|
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 80px;
|
|||
|
|
padding-top:50px;
|
|||
|
|
}
|
|||
|
|
#all_comment .comment_list{
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
#all_comment .comment_list p {
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#all_comment .message{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
#all_comment .message img{
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid white;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
-webkit-border-radius: 50%;
|
|||
|
|
-moz-border-radius: 50%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
#all_comment .message .name{
|
|||
|
|
float: left;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
#all_comment .message .date{
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
/*----------------弹出的层------------*/
|
|||
|
|
#project_basic #my-popup1 {
|
|||
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
|
|||
|
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
|
|||
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .am-popup {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my-popup1 .am-close {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
top: 10px;
|
|||
|
|
}
|
|||
|
|
#my-popup1 .am-dimmer {
|
|||
|
|
background: 0;
|
|||
|
|
}
|
|||
|
|
#my-popup1 .white_bg_box{
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
#my-popup1 .con{
|
|||
|
|
border-bottom: 1px dotted #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my-popup1 .con h2 {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my-popup1 .con li {
|
|||
|
|
background-color: #eee;
|
|||
|
|
-moz-border-radius: 5px;
|
|||
|
|
-webkit-border-radius: 5px;
|
|||
|
|
border-radius:5px;
|
|||
|
|
float: left;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
height: 25px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
color: #999;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my-popup1 .con li span {
|
|||
|
|
right: 10px;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
/*-----------规格---------*/
|
|||
|
|
|
|||
|
|
#project_basic .white_bg_box
|
|||
|
|
#project_basic .yListr {
|
|||
|
|
width: 100%;
|
|||
|
|
font-family: "微软雅黑";
|
|||
|
|
margin: 46px auto 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr ul {
|
|||
|
|
border-bottom: 1px solid #dcdcdc;
|
|||
|
|
padding: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr ul li {
|
|||
|
|
height: 36px;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
#project_basic .yListr ul li:last-child{
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
#project_basic .yListr ul li span {
|
|||
|
|
color: #000000;
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 36px;
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 42px;
|
|||
|
|
padding-left: 4px;
|
|||
|
|
}
|
|||
|
|
#project_basic .yListr ul li em {
|
|||
|
|
cursor: pointer;
|
|||
|
|
color: #666666;
|
|||
|
|
font-size: 14px;
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
font-style: normal;
|
|||
|
|
border: 1px solid #dcdcdc;
|
|||
|
|
line-height: 34px;
|
|||
|
|
height: 34px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr ul li em.yListrclickem {
|
|||
|
|
line-height: 34px;
|
|||
|
|
border: 2px solid #ff9531;
|
|||
|
|
height: 34px;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 0 9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr ul li em.yListrclickem i {
|
|||
|
|
display: block;
|
|||
|
|
width: 15px;
|
|||
|
|
height: 14px;
|
|||
|
|
background: url(images/righbt.png) no-repeat 0 0;
|
|||
|
|
right: -1px;
|
|||
|
|
bottom: -1px;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr .colorp00 {
|
|||
|
|
color: #333333;
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr .colorp00 span {
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .yListr .colorp00 em {
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------更改数量---------*/
|
|||
|
|
#project_basic .number {
|
|||
|
|
padding: 0 15px;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
margin-bottom: 70px;
|
|||
|
|
}
|
|||
|
|
#project_basic .number p{
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .center h3 {
|
|||
|
|
font-size: 14px;
|
|||
|
|
height: 40px;
|
|||
|
|
margin: 40px 0 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner {
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100px;
|
|||
|
|
float: right;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .Amount {
|
|||
|
|
width: 36px;
|
|||
|
|
padding: 4px 5px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
border-width: 1px 0;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #565656;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner a {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 25px;
|
|||
|
|
border: 1px solid #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
cursor: pointer;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .Decrease {
|
|||
|
|
background-color: #f0f0f0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#project_basic .Spinner a i {
|
|||
|
|
font-style: normal;
|
|||
|
|
background: url(../img/BuynBtn.png) no-repeat;
|
|||
|
|
display: block;
|
|||
|
|
width: 9px;
|
|||
|
|
height: 9px;
|
|||
|
|
margin: 8px;
|
|||
|
|
text-indent: 999999%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .Decrease i {
|
|||
|
|
background-position: -9px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .Increase i {
|
|||
|
|
background-position: -9px -0px;
|
|||
|
|
color: white
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .DisDe i {
|
|||
|
|
background-position: -0px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .Spinner .DisIn i {
|
|||
|
|
background-position: -0px -0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#project_basic .sure{
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
background-color: #ff9531;
|
|||
|
|
text-align: center;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
/*---------------------确认订单---------------------*/
|
|||
|
|
#sure_order {
|
|||
|
|
margin-top: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee {
|
|||
|
|
padding: 10px;
|
|||
|
|
background-color: white;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_name {
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_name p {
|
|||
|
|
float: left;
|
|||
|
|
color: #333333;
|
|||
|
|
font-size: 16px;
|
|||
|
|
padding-left: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_name span {
|
|||
|
|
font-size: 16px;
|
|||
|
|
padding-right: 20px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_address {
|
|||
|
|
height: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_address img {
|
|||
|
|
float: left;
|
|||
|
|
height: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_address p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
width: 85%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee .consignee_address i {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee_time {
|
|||
|
|
line-height: 30px;
|
|||
|
|
padding: 10px;
|
|||
|
|
background: white;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee_time img {
|
|||
|
|
padding-top: 5px;
|
|||
|
|
float: left;
|
|||
|
|
height: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.consignee_time p {
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #333333;
|
|||
|
|
padding-left: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list {
|
|||
|
|
margin-bottom: 150px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .commodity_list {
|
|||
|
|
background: white;
|
|||
|
|
margin-bottom: 1px;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list img {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
width: 110px;
|
|||
|
|
height: 110px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list li {
|
|||
|
|
height: 135px;
|
|||
|
|
padding: 10px 10px 10px 130px;
|
|||
|
|
min-height: 100px;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list li .money{
|
|||
|
|
margin-top: 10px;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
.my_goods_list li label {
|
|||
|
|
font-size: 20px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
padding-right: 5px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
color: #333333;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .project_cont label {
|
|||
|
|
float: right;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .money p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
padding-right: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_goods_list .money span {
|
|||
|
|
float: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#total_money .choose_all {
|
|||
|
|
font-size: 12px;
|
|||
|
|
float: left;
|
|||
|
|
width: 70%;
|
|||
|
|
background-color: white;
|
|||
|
|
line-height: 53px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#total_money .choose_all ul {
|
|||
|
|
float: right;
|
|||
|
|
height: 53px;
|
|||
|
|
line-height: 22px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#total_money .choose_all ul .total {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
#total_money .choose_all ul .total span{
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#total_money .choose_all ul .no_freight {
|
|||
|
|
float: right;
|
|||
|
|
font-size: 8px;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#total_money {
|
|||
|
|
border-top: 1px solid #cccbca;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: white;
|
|||
|
|
z-index: 99;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding-bottom: 0px;
|
|||
|
|
padding-top: 0px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#total_money .settlement {
|
|||
|
|
display: block;
|
|||
|
|
color: white;
|
|||
|
|
float: right;
|
|||
|
|
width: 30%;
|
|||
|
|
background-color: #ff9531;
|
|||
|
|
line-height: 53px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.deliver {
|
|||
|
|
position: relative;
|
|||
|
|
background-image: url(../img/the_delivery.jpg);
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: bottom;
|
|||
|
|
background-size: cover;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 30px 0 10px 50px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.deliver p {
|
|||
|
|
font-size: 24px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.deliver span {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.deliver label {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#order_detail .consignee {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*----------------------登录--------------------*/
|
|||
|
|
#login{
|
|||
|
|
background: url(../img/login_bg.jpg) no-repeat;
|
|||
|
|
background-size:cover;
|
|||
|
|
position: fixed;
|
|||
|
|
height:100%;
|
|||
|
|
width:100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*-----------无背景版头---------*/
|
|||
|
|
#login .head {
|
|||
|
|
width: 100%;
|
|||
|
|
top: 0;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 48px;
|
|||
|
|
text-align: center;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 99;
|
|||
|
|
background:none;
|
|||
|
|
}
|
|||
|
|
#login .head span {
|
|||
|
|
font-size: 22px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#login .head .return {
|
|||
|
|
text-align: center;
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
#login .head .return .am-icon-angle-left{
|
|||
|
|
font-size: 20px;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
#login .con{
|
|||
|
|
padding: 0 20px;
|
|||
|
|
}
|
|||
|
|
#login .con .num{
|
|||
|
|
margin-top: 80px;
|
|||
|
|
padding: 0 20px;
|
|||
|
|
width: 100%;
|
|||
|
|
-webkit-border-radius: 10px;
|
|||
|
|
-moz-border-radius: 10px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background-color: rgba(255,255,255,0.8) ;
|
|||
|
|
}
|
|||
|
|
#login .con .num li{
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
border-bottom: 1px solid #999;
|
|||
|
|
}
|
|||
|
|
#login .con .num li:last-child{
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
#login .con .num .num_list .am-form-group{
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
#login .con .num .num_list img{
|
|||
|
|
margin-top: 15px;
|
|||
|
|
width: 25px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
#login .con .num input{
|
|||
|
|
float: left;
|
|||
|
|
border: none ;
|
|||
|
|
background: none;
|
|||
|
|
margin-left: 20px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
text-align: left;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
width: 80%;
|
|||
|
|
}
|
|||
|
|
#login .con .find{
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
#login .con .find a{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#login .con .lanch{
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
-webkit-border-radius: 10px;
|
|||
|
|
-moz-border-radius: 10px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background-color: #3bcece;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
color: white;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
#login .con .enroll{
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
-webkit-border-radius: 10px;
|
|||
|
|
-moz-border-radius: 10px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background-color: #ff9531;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
color: white;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
/*----------------------注册--------------------*/
|
|||
|
|
#login_new{
|
|||
|
|
margin-top: 60px;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word .phone{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
display: block;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word .phone input{
|
|||
|
|
padding: 0 10px;
|
|||
|
|
float: right;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 100%;
|
|||
|
|
border: none;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word li{
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
display: block;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word li:last-child{
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word p{
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 12px ;
|
|||
|
|
margin: 5px 0 10px 0;
|
|||
|
|
color: #999;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word li .am-form-group input{
|
|||
|
|
float: right;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 100%;
|
|||
|
|
border: none;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word .fill_num{
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: white;
|
|||
|
|
height: 50px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
display: block;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word .fill_num .fill input{
|
|||
|
|
float: left;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 70%;
|
|||
|
|
border: none;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
#login_new .fill_word .fill_num .maneu input{
|
|||
|
|
float: right;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
height: 50px;
|
|||
|
|
width: 30%;
|
|||
|
|
border: none;
|
|||
|
|
font-size: 14px ;
|
|||
|
|
-webkit-border-radius: 5px;
|
|||
|
|
-moz-border-radius: 5px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
border: 1px solid #ff9531;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
/*-----------购物车---------*/
|
|||
|
|
#my_project_cart{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart {
|
|||
|
|
margin-top: 60px;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart li{
|
|||
|
|
padding-left:120px;
|
|||
|
|
min-height:102px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
position:relative;
|
|||
|
|
background-color: white;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .opt{
|
|||
|
|
position:absolute;
|
|||
|
|
left:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .pic{
|
|||
|
|
position:absolute;
|
|||
|
|
left:30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .goodimg{
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .project_cont{
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .project_cont p{
|
|||
|
|
text-overflow:ellipsis;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .aidt{
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .am-ucheck-checkbox:checked + .am-ucheck-icons, .am-ucheck-radio:checked + .am-ucheck-icons{
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .center h3 {
|
|||
|
|
font-size: 14px;
|
|||
|
|
height: 40px;
|
|||
|
|
margin: 40px 0 0 0;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .money{
|
|||
|
|
|
|||
|
|
color: #ff9531;
|
|||
|
|
font-size: 18px;
|
|||
|
|
margin-top: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .number{
|
|||
|
|
|
|||
|
|
margin-top:5px;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .goodsdel{
|
|||
|
|
position:absolute;
|
|||
|
|
right:15px;
|
|||
|
|
bottom:15px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .goodsdel a{
|
|||
|
|
display:block;
|
|||
|
|
padding:0 5px;
|
|||
|
|
line-height:22px;
|
|||
|
|
border:1px solid #999;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .goodsdel i{
|
|||
|
|
font-size:12px;
|
|||
|
|
}
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner {
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .Amount {
|
|||
|
|
width: 36px;
|
|||
|
|
padding: 4px 5px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
border-width: 1px 0;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #565656;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner a {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 25px;
|
|||
|
|
border: 1px solid #d9d9d9;
|
|||
|
|
float: left;
|
|||
|
|
cursor: pointer;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .Decrease {
|
|||
|
|
background-color: #f0f0f0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner a i {
|
|||
|
|
font-style: normal;
|
|||
|
|
background: url(../img/BuynBtn.png) no-repeat;
|
|||
|
|
display: block;
|
|||
|
|
width: 9px;
|
|||
|
|
height: 9px;
|
|||
|
|
margin: 8px;
|
|||
|
|
text-indent: 999999%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .Decrease i {
|
|||
|
|
background-position: -9px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .Increase i {
|
|||
|
|
background-position: -9px -0px;
|
|||
|
|
color: white
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .DisDe i {
|
|||
|
|
background-position: -0px -9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#my_project_cart .my_buy_cart .Spinner .DisIn i {
|
|||
|
|
background-position: -0px -0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods {
|
|||
|
|
border-top: 1px solid #cccbca;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 53px;
|
|||
|
|
left: 0;
|
|||
|
|
background: white;
|
|||
|
|
z-index: 99;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding-bottom: 0px;
|
|||
|
|
padding-top: 0px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all {
|
|||
|
|
font-size: 12px;
|
|||
|
|
float: left;
|
|||
|
|
width: 70%;
|
|||
|
|
background-color: white;
|
|||
|
|
line-height: 53px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all p {
|
|||
|
|
padding-left: 40px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all ul {
|
|||
|
|
float: right;
|
|||
|
|
height: 53px;
|
|||
|
|
line-height: 22px;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all ul .total {
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all ul .no_freight {
|
|||
|
|
float: right;
|
|||
|
|
font-size: 8px;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .choose_all .choose label {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
float: left;
|
|||
|
|
line-height: 53px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#choose_goods .settlement a {
|
|||
|
|
color: white;
|
|||
|
|
float: right;
|
|||
|
|
width: 30%;
|
|||
|
|
background-color: #ff9531;
|
|||
|
|
line-height: 53px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-----------商品发布评论-------*/
|
|||
|
|
#post_comment{
|
|||
|
|
padding-bottom:70px;
|
|||
|
|
margin-top:55px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li{
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
#post_comment .prt_list li .project {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 10px 10px 90px;
|
|||
|
|
background: #fff;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li .project .pic {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
#post_comment .prt_list li .project .pic img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#post_comment .prt_list li .project .project_cont {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li .project .project_cont p {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li .project .project_cont span {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li .project .price {
|
|||
|
|
padding-right: 10px;
|
|||
|
|
|
|||
|
|
text-align: right;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li .project .price label {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
float: left;
|
|||
|
|
color: #ff9531;
|
|||
|
|
}
|
|||
|
|
#post_comment .prt_list li .project .price span {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#post_comment .prt_list li textarea{
|
|||
|
|
width:100%;
|
|||
|
|
padding:10px;
|
|||
|
|
border:1px solid #999;
|
|||
|
|
}
|
|||
|
|
/*-----------游记发布评论-------*/
|
|||
|
|
#note_post_comment{
|
|||
|
|
padding-bottom:70px;
|
|||
|
|
margin-top:55px;
|
|||
|
|
}
|
|||
|
|
#note_post_comment textarea{
|
|||
|
|
width:100%;
|
|||
|
|
padding:10px;
|
|||
|
|
border:1px solid #999;
|
|||
|
|
}
|
|||
|
|
/*-----------游记评论列表-------*/
|
|||
|
|
#note_comment_list{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#note_comment_list{padding:60px 15px 50px 15px;}
|
|||
|
|
#note_comment_list .tag{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:5px;}
|
|||
|
|
#note_comment_list .tag a.cur{color:#f60;font-size:20px;}
|
|||
|
|
#note_comment_list .tag span{margin:0 10px;color:#ccc;}
|
|||
|
|
#note_comment_list li{padding:0 0 20px 70px;position:relative;margin-bottom:20px;border-bottom:1px solid #eee;}
|
|||
|
|
#note_comment_list li .pic{position:absolute;position:absolute;left:0;top:0;}
|
|||
|
|
#note_comment_list li .pic img{width:55px;height:55px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
|
|||
|
|
#note_comment_list li .con{font-size:14px;}
|
|||
|
|
#note_comment_list li .con label{font-weight:400;}
|
|||
|
|
#note_comment_list li .con p{margin-top:5px;}
|
|||
|
|
#note_comment_list li .con span{margin-top:5px;display:block;color:#999;}
|
|||
|
|
|
|||
|
|
#note_comment_list li .tip{position:absolute;right:0;top:0;}
|
|||
|
|
#note_comment_list li .tip span{color:#999;font-size:16px;display:block;text-align:center;}
|
|||
|
|
|
|||
|
|
#note_comment_list li .tip span.t_box{line-height:22px;padding:0 5px;color:white;font-size:12px;}
|
|||
|
|
#note_comment_list li .tip span.t_a{background:#6999ee;}
|
|||
|
|
#note_comment_list li .tip span.t_b{background:#ff4c4c;}
|
|||
|
|
#note_comment_list li .tip span.t_c{background:#ff8b3d;}
|
|||
|
|
|
|||
|
|
#note_comment_list .button_mo{
|
|||
|
|
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left:0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
#note_comment_list .button_mo a{
|
|||
|
|
color: white;
|
|||
|
|
font-size: 18px;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
display:block;
|
|||
|
|
background-color: #54d8cf;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|