@charset "utf-8";
.user_historical_div div{border:1px solid pink; margin:30px 0; padding:2px;}
.user_historical_div div:hover{border:1px solid green;}
.user_historical_div div p{font-size:12px; position:relative;}
.user_historical_div div p img{display:block; width:216px; min-height:162px;}
.content .aclose img{width:20px; position:relative; top:3px;}


@media screen and (min-width: 1060px) {
    .arrow-left{width:26px; position: fixed; z-index:8; left:22px; top:40%; background-color:#000; border-radius:2px; display:none;}
    .arrow-right{width:26px; position: fixed; z-index:8; right:22px; top:40%; background-color:#000; border-radius:2px; display:none;}
    
    .text_em{text-align:left; display:block; position:absolute; top:6px; left:226px; width:676px; margin:0; padding:0; height:160px; opacity:0.8; color:#000; line-height:26px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    
    .btn {
    	width: 200px;
    	height: 50px;
    	font-size: 20px;
    	color: white;
    	background-color: #006DCC;
    	border: 0px;
    	border-radius: 10px
    }
    .btn:hover {
    	box-shadow: 0 0 5px 5px darkgray;
    }
    
    .dialog {
    	display: none;
    	position: fixed;
    	z-index:6;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    	background-color: rgba(0, 0, 0, 0.4);
    }
    
    .content {
    	width: 1060px;
    	margin: 0 auto;
    	background-color: #000;
    	border-radius: 10px;
    }
    .aclose{
    	width: 1060px;
    	height: 36px;
    	text-align: center;
    	background: #fff;
    }
    .aclose span{
    	line-height: 36px;
    	font-size: 20px;
    	font-weight: 700;
    }
    .contain{
    	width: 1060px;
    	font-size: 20px;
    	margin-top: 10px;
    	text-align: center;
    }
    
    .contain img{max-width:100%; display:block; margin:0 auto;}
    
    .close {
    	color: #aaa;
    	float: right;
    	margin-right: 15px;
    	font-size: 40px;
    	font-weight: bold;
    	text-decoration: none;
    	margin-top:-16px;
    }
}

@media screen and (max-width: 1060px) {
    .arrow-left{width:20px; position: fixed; z-index:8; left:1%; top:20%; border-radius:2px; display:none;}
    .arrow-right{width:20px; position: fixed; z-index:8; right:1%; top:20%; border-radius:2px; display:none;}
    .aclose{height:10px; margin-top:-36px;}
    .aclose .close{margin-top:26px;}
    
    .aclose span{display:none;}
    
    .text_em{
        text-align:left;
        display:block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .btn {
    	width: 200px;
    	height: 50px;
    	font-size: 20px;
    	color: white;
    	background-color: #006DCC;
    	border: 0px;
    	border-radius: 10px
    }
    .btn:hover {
    	box-shadow: 0 0 5px 5px darkgray;
    }
    
    .dialog {
    	display: none;
    	position: fixed;
    	z-index:6;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    	background-color: rgba(0, 0, 0, 0.4);
    }
    
    .content {
    	margin: 0 auto;
    	background-color: #fefefe;
    	border-radius: 10px;
    	box-shadow: 0 0 5px 5px darkgray;
    }
    .aclose{
    	height: 60px;
    	text-align: center;
    }
    .aclose span{
    	line-height: 70px;
    	font-size: 20px;
    	font-weight: 700;
    }
    .contain{
    	font-size: 20px;
    	margin-top: 10px;
    	text-align: center;
    }
    
    .close {
    	color: #aaa;
    	float: right;
    	margin-right: 15px;
    	font-size: 40px;
    	font-weight: bold;
    	text-decoration: none;
    }
    .contain img{width:98%; display:block; margin:0 auto;}
}

@media screen and (min-width: 1060px) {
    /*用户浏览历史 - user historical*/
    .user_historical_div{
        clear:both;
        width:1000px;
        padding-left:10px;
        padding-top:5px;
        padding-bottom:5px;
        margin:10px auto;
        overflow-y:scroll;
    }
    .user_historical_div p a{
        display:block;
        width:94%;
        color:blue;
        font-size:12px;
        padding:3px;
    }
    .user_historical_div p a small{
        float:right;
        color:#585858;
    }
    .user_historical_div p a strong{
        color:#ed5dda;font-weigh:normal;font-size:12px;
    }
}
.user_historical_div p a span{color:#000;}
.user_historical_div p a:hover{
    background:pink;
}
@media screen and (max-width: 1060px) {
    /*用户浏览历史 - user historical*/
    .user_historical_div{
        clear:both;
        width:96%;
        padding-left:10px;
        padding-top:5px;
        padding-bottom:5px;
        margin:10px auto;
    }
    .user_historical_div p a{
        display:block;
        width:94%;
        color:blue;
        margin-left:2px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-top:25px;
        border-bottom:1px solid #ccc;
    }
    .user_historical_div p a small{
        float:right;display:none;
        color:#585858;
    }
    .user_historical_div p a strong{
        color:#ed5dda;font-weigh:normal;font-size:12px;
    }
}