@charset "utf-8";
/****** head *******/
header.user {background:#f6f6f6;}
header.user .h-icob span {color:#333;}
header.user .logo img{position: absolute; z-index: 11; height: 1.8em;margin:1.3em 0 1em 1.5em;}
header .h-txta {
    width:100%;
    line-height:45px;
    display:block;
    text-align:center;
    font-size:18px;
    color:#333;
}

.cart-header{
	position:fixed;
	width: 100%;
    z-index: 100;
    line-height: 63px;
    height: 63px;
    width: 100%;
    margin:0 auto; 
    border-bottom: 1px solid #ddd;
    background: #f3f3f3;
}

.cart-header .cart-title{
	position:relative;
	left: 18px;
	width: 60px;
	height: 29px;
	color: rgba(16, 16, 16, 1);
	font-size: 20px;
	font-weight: bold;
}

.cart-header .cart-desc{
	position:relative;	
	left: 34px;
	width: 62px;
	height: 18px;
	color: rgba(179, 170, 170, 1);
	font-size: 12px;
}

.cart-header .cart-btn{
	margin-right:18px;
	float:right;
	width: 28px;
	height: 20px;
	color: rgba(16, 16, 16, 1);
	font-size: 14px;
}

.cart-posi{
	height: 63px;
	width: 100%;
}

::-webkit-input-placeholder { color:#999;font-size: 16px; }
@media(max-width: 320px){
    ::-webkit-input-placeholder { color:#999;font-size: 16px; }
}
　　
/****** product *******/
body.product {background:#f3f3f3;}
.pro-a {background:;}
.con-lic-a {width:100%;line-height:2.5em;border-bottom:1px solid #efefef;color:#555;background:#fff;}
.con-lic-a ul li{display: inline-block;font-size: 20px}
.con-lic-a ul li a{
    padding: 5px 12px;
    font-size: 18px;
}
.con-lic-a ul li a{color:#333;}
.con-lic-a ul li .blue{color:#0381F1;}
.con-lic-b {width:100%;height:50px;line-height:50px;border-bottom:1px solid #efefef;color:#555;background:#fff;}
.con-lic-b a{padding:0 9px;font-size:18px;color: #999999;}
.con-lic-b a.active{
    color: #0381F1
}
.con-lic-b a:hover{background: url(images/down2.png);}
.con-lic-b a img{width:12px;margin:0px 5px -1px;}
.con-lic-c {width:100%;}
.con-lic-c li{width:46%;float:left;background:#fff;margin:.5em 2% .5em 2%;height:15em;text-align:center;overflow:hidden;border-radius: 5px;padding: 0 5px;
    box-sizing: border-box;}
.con-lic-cm {padding:5px 5px;border-bottom:1px solid #ddd;position:relative;z-index:1;text-align:center;height: 136px;}
.con-lic-cm img {
    height: 130px;
    width: 130px;
}
.con-lic-cm span{position:absolute;right:8px;top:7px;z-index:1;text-align:center;}
.con-lic-cm span img{
    width: 25px;
    height: 25px;
}
.con-lic-c li p{
    text-align:center;
    padding:5px 5px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
/*    display: -webkit-box !important;
    overflow: hidden;
    text-overflow : ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;*/
}
/*.con-lic-c li p span{font-size:.85em;color:#999;padding-left:1.5em;background:url(../images/member/m-shop.png) no-repeat 0 0;background-size:1.3em auto;}*/
.more{width: 100%;height: 39px;}
.more p{
    text-align:center;
    width: 100%;
    padding-bottom:1px;
    cursor: pointer;
    background: #7f7f7f;
    z-index: 111;
    color:#ffffff;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
}
/****** order *******/
.ch2em {clear:both;height:1em;}
body.order {background:#f3f3f3;}
.ord-a {width:95%;background:#fff;margin:0 auto;}
.ord-a li{width:100%;padding:.5em 0;font-size:.875em;color:#333;}
.ord-a li span{color:#999;display:inline-block;}
.ord-a li b{color:#f60;font-weight:300;}
.ord-a .active{
        display: -webkit-flexbox;
        display:-moz-flexbox;
        display:-ms-flexbox;
        display:-o-flexbox;
        display:flexbox;
        display: -webkit-flex;
    }
.ord-a li .ord-zf{
    background:#f60;
    border:1px solid #f60;
    font-size:1.2em;
    color:#fff; 
    border-radius:.5em;
    -webkit-flex: 1;
    height: 35px;
    line-height: 35px;
    width: 50%;
    margin:0 5px;
}
.ord-a li .ord-qx{
    border:1px solid #f60;
    font-size:1.2em;
    color:#f60;
    border-radius:.5em;
    -webkit-flex: 1;
    height: 35px;
    line-height: 35px;
    width: 50%;
    margin:0 5px;
}
ul.order-ul li {background:#fff;width:100%;margin-bottom: 18px;}
.order-a {width:100%;padding:1em 0 1em;font-size:1.2em;color:#333;border-bottom:1px solid #ddd;}
.order-a img{height:1.5em;margin:0 .5em -.3em 1em;}
.order-a a img{height:1.2em;margin:0 .5em -.2em .5em;}
.order-b {width:100%;padding:1em 0 1em;font-size:.875em;color:#999;float:left;border-bottom:1px solid #ddd;}
.order-ul .order-b dt{width:25%;border:1px solid #ddd;text-align:center;float:left;margin:0 2%;}
.order-ul .order-b dt img{width:80%;padding:3%;}
.order-ul .order-b dd {
    background:none;
    position:relative;
    z-index:1;
    display: inline-block;
    width: 70%;
    font-size: 14px;
}
.order-ul .order-b dd a{font-size:14px;color:#333;min-height:2em;}
.order-ul .order-b dd a:hover{color:#c00;}
.order-ul .order-b dd b{position:absolute;right:0.6em;bottom:0;z-index:11;color:#333;}
.order-c {width:90%;padding:1em 0 1em;margin:0 auto;font-size:.875em;color:#999;position:relative;z-index:1;text-align:right;}
.order-c p{padding:.3em 0;font-size:15px;}
.order-c p span{color:#ff6600;}
.leaveWord{width: 95%;max-width: 640px;margin:0 auto;background-color: #ffffff;min-height: 58px;
    padding: 5px 0 5px 5px;}
.leaveWord h5{width:15%;float: left;color: #999;font-weight: none;}
.leaveWord p{width:80%;float: left;text-indent: 2em; line-height: 18px;}
/****** confirm *******/
.ord-aa li,.ord-ab {border-top:1px solid #ddd;position:relative;z-index:1;width:96%;line-height:150%;padding:1em 0;}
.ord-ab span{padding-right:1em;}
.ord-aa li a,.ord-ab a{position:absolute;right:1em;}
.ord-aa li a img,.ord-ab a img{width:.8em;}
.ord-aa li.ord-ali {border-top:none;}
.shopAddress{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    box-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.ord-aa li.ord-ali span{
    color:#f60;
    font-size: 16px;
    margin-right: 28px;
}

.ord-ab {border-top:none;border-bottom:1px solid #ddd;padding:1em 0;margin:0 auto;}
.ord-ab span {color:#999;}
.order-b button{padding:7px 10px;border:1px solid #c9d2dd;background:#fff;font-size:1.5em;color:#333;}
.uh-txt {width:3em;padding:7px .2em;border:1px solid #c9d2dd;background:#fff;font-size:1.5em;color:#333;text-align:center;}
.ord-qzf {width:90%;height:3em;line-height:3em;background:#f60;text-align:center;max-width:640px;margin:2em auto;-moz-border-radius:.5em;      
    -webkit-border-radius:.5em;   
    border-radius:.5em;}
.ord-qzf a{
    font-size:1em;
    color:#fff;
    display: inline-block;
    width: 100%;
}
.textareas{
	width: 100%;
	height: 45px;
	max-width: 100%;
	max-height: 45px;
	resize: none;
	border:1px solid #ddd;
}
.textareas::-webkit-input-placeholder{
    font-size: 14px;
}
.textareas::-moz-placeholder{
    font-size: 14px;
}
.ma{
	border:none;
}

/*.addressBj{
	background: url(../images/member/arrow-r.png) no-repeat 50% 50%;
	background: #fff;
}*/
.changeAds{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    -webkit-appearance: none;
    height:auto;
    border:none;
    word-break: break-word;background: none;
    background: url(../images/member/arrow-r.png) no-repeat 100% 50%;
    padding-right: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    width:100%;
}
.changeAds option{width: 100%;height: 40px;word-break: break-word;}
.changeAds option span{margin-left: 5px;}
.changeAds i{margin:0 5px;color: red;}
.goodsInfo{width: 65%;line-height: 20px;}
.order-ul .order-b .goodsInfo b{
    color:#F57505;
    font-size: 15px;
}


/****** comment *******/
.content{
    width: 100%;
    max-width: 940px;
    margin:0 auto;
}
.population{
	display: -webkit-flex;
    display: flex;
    display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
	display: box;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-weight: bold;
    font-size: 15px;
}
.population>div{
	display: inline-block;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
    text-align: center;
}
.population>div img{
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
.leaveText{
    width: 100%;
    min-height: 270px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-top: 10px;
    position: relative;
}
.leaveText textarea{
    width: 95%;
    border: none;
    height: 272px;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    color: #999999;
    padding-top: 10px;
}
.photo{
    width: 95px;
    height: 95px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border:1px solid #ddd;
}
.imgs{
    width: 95px;
    height: 95px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border:1px solid #ddd;
}
.photo img{
    width: 30px;
    height: 30px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}

.evaluateWrap{
    width: 100%;
    margin:0 auto;
    background: #fff;
    border:1px solid #ddd;
    border-left: :none;
    border-right: none;
    margin-top: 10px;
}
.evaluateWrap h5{
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    margin-left: 23px;
    color: #999999;
}
.evaluateWrap dl{
    width: 100%;
    height: 41px;
    line-height: 41px;
}
.evaluateWrap dl dd{
    float: left;
    font-size: 21px;
    color: #666666;
    width: 22%;
    text-align: center;
}
#star img{
    vertical-align: middle;
}

@media(max-width: 320px){
    .evaluateWrap dl dd{
        width: 18%;
    }
}
.content{
    max-width: 640px;
    width: 100%;
    margin:0 auto;
}
footer{
    max-width: 640px;
    margin:0 auto;
    width: 100%;
}
footer a{
    display: block;
    width: 95%;
    margin:0 auto;
    text-align: center;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    background: #ff6600;
    margin-top: 7px;
    color:#fff;
    margin-bottom: 10px;
    border-radius: 5px;
}
footer a:hover{
    color: #fff;
}
.orange{
    color: #ff6600;
}