@charset "utf-8";
/* CSS Document */
html{-ms-text-size-adjust: 100%;}
body{margin: 0px;padding: 0px;}
div,h3,p,input,textarea{margin: 0px;padding: 0px;font-family: "Arial","sans-serif","Microsoft Yahei";}
img{border: none;}
input{-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline: none;}
.clear{line-height: 0;visibility: hidden;clear: both;}
.hidden-box{display: none;}

@media screen and (max-width: 1000px) {
    
    body{background: #f5f5f5;}
	
	/* pc-header css */
	.pc-header{display: none;}
    
    /* m-header css */
	.m-header{width: 100%;float: left;margin-bottom: 5px;background: #fff;}
    .m-header-box{width: 96%;height: 60px;float: left;margin-left: 2%;}
    .m-header-logo{width: 40px;float: left;margin-right: -50px;position: absolute;z-index: 9;}
	.m-header-logo a{width: 40px;height: 40px;display: block;float: left;border-radius: 5px;overflow: hidden;margin-top: 10px;}
	.m-header-logo a img{width: 100%;height: 100%;object-fit: cover;}
    
	.m-header-search{width: 100%;float: left;}
	.m-search-box{margin-left: 50px;margin-right: 50px;}
	.m-header-search-input{width: 100%;height: 40px;float: left;margin-top: 10px;background: #f5f5f5;border-radius: 5px;overflow: hidden;}
	.m-search-placeholder{width: auto;height: 40px;float: left;margin-left: 10px;color: #999;line-height: 40px;font-size: 14px;}
	.m-search-button{width: auto;height: 20px;float: right;margin-right: 10px;margin-top: 10px;border-left: 1px solid #dddddd;}
	.m-search-button a{width: 20px;height: 20px;display: block;float: left;background:url(../../images/search_icon_black.svg) no-repeat;background-size: 20px 20px;background-position: center;margin-right: 2px;margin-left: 8px;}
    .m-search-button span{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    
    .m-header-other{width: 40px;float: right;margin-left: -50px;}
	.m-header-img{width: 40px;height: 40px;float: left;border-radius: 5px;margin-top: 10px;overflow: hidden;}
	.m-header-img img{width: 100%;height: 100%;object-fit: cover;}
	.m-header-log{width: 40px;height: 40px;display: block;float: left;line-height: 40px;font-size: 14px;background: #f5f5f5;margin-top: 10px;border-radius: 5px;overflow: hidden;text-align: center;}
    
    /* content css */
	.content{width: 100%;float: left;background: #fff;}
	.content-box{width: 96%;float: left;margin-left: 2%;}
	.content-path{width: 100%;float: left;margin-top: 10px;border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;}
	.content-path a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    .content-path span{width: 20px;height: 20px;display: block;float: left;background: url(../../images/arrow.svg) no-repeat center;background-size: 20px 20px;}
	.content-left{width: 100%;float: left;}
    .left-image-title{width: 100%;float: left;font-size: 18px;line-height: 24px;margin-bottom: 10px;font-weight: bolder;margin-top: 20px;}
    .left-image-base{width: 100%;float: left;}
    .left-image-base a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    .left-image-base span{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #999;font-size: 14px;}
    .image_click_delete{margin-left: 10px;}
	.left-image-ajax-box{width: 100%;float: left;margin-top: 20px;}
    .left-image-box{width: 100%;height: 250px;float: left;border-radius: 5px;overflow: hidden;text-align: center;background: no-repeat;background-size: cover;background-position: center;}
    .image-box{width: 100%;float: left;text-align: center;}
    .image-box img{min-width: auto;max-width: 100%;height: auto;}
    
    /* fee-buy css */
    .image-vip-info{width: 90%;float: left;margin-top: 50px;background: #333;border-radius: 5px;overflow: hidden;margin-left: 5%;}
    .image-vip-tit{width: 100%; float: left;text-align: center;font-size: 16px;color: #fff;margin-top: 20px;}
    .image-vip-button{width: 90%; margin-left: 5%;float: left;margin-top: 20px;margin-bottom: 30px;}
    .image-button-box{width: 40%; float: left;margin-left: 5%;margin-right: 5%;}
    .user-click-btn{width: 100%;height: 38px;display: block;float: left;line-height: 38px;text-align: center;font-size: 14px;color: #fff;background: #900;border-radius: 3px;overflow: hidden;}
    .user-vip-btn{width: 100%;height: 38px;display: block;float: left;line-height: 38px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff; border-radius: 3px;overflow: hidden;box-sizing: border-box;}
    
    .image_other{width: 100%;float: left;padding-top: 20px;padding-bottom: 20px;}
    .image_other_hits{width: auto;float: left;height: 20px;line-height: 20px;font-size: 14px;}
    .image_up_box{width: auto;float: right;height: 20px;margin-right: 20px;}
    .image_click_up_icon{width: 18px;height: 18px;float: left;background:url(../../images/like_icon.svg) no-repeat;background-size:18px 18px;cursor: pointer;}
    .image_click_up_num{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #000;font-size: 14px;margin-left: 5px;text-decoration: none;}
    
    .image_collect_icon{width: auto;float: right;height: 20px;}
    .image_click_collect_icon{width: 18px;height: 18px;float: left;background:url(../../images/favorite_icon.svg) no-repeat;background-size:18px 18px;}
    .image_click_collect_over_icon{width: 18px;height: 18px;float: left;background:url(../../images/collect_icon_after.svg) no-repeat;background-size:18px 18px;}
    .image_click_save{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;margin-left: 5px;color: #000;text-decoration: none;}
    .image_click_over_save{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #d2423f;font-size: 14px;margin-left: 5px;}
	
	.pc-content-right{width: 100%;float: left;margin-bottom: 30px;}
	.pc-hot-suggest{width: 100%;float: left;margin-top: 30px;}
	.pc-hot-suggest h3{width: 100%;float: left;font-size: 14px;border-bottom: 1px solid #f5f5f5;padding-bottom: 15px;}
	.pc-hot-suggest-box{width: 100%;float: left;}
	.pc-hot-image-box{width: 33%;float: left;margin-top: 20px;}
    .pc-hot-image-box a{width: 90%;height: 125px;display: block;float: left;margin-left: 5%;overflow: hidden;}
    .pc-hot-image-box a img{width: 100%;height: 100%;object-fit: cover;}
    .pc-hot-image-box span{width: 90%;height: 25px;display: block;float: left;line-height: 25px;margin-top: -25px;font-size: 14px;background: rgba(0, 0, 0, 0.5);color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 5%;}
	
	.join_us{width: 100%;float: left;background: #f8f8f8;}
	.join_us_title{width: 90%;float: left;height: 20px;line-height: 20px;font-size: 14px;font-weight: bold;margin-left: 5%;margin-top: 15px;}
	.join_us_more{width: 90%;float: left;margin-top: 20px;margin-left: 5%;margin-bottom: 20px;}
    .join_us_ma{display: none;}
    .join_us_text-m{width: 100%;float: left;font-size: 14px;line-height: 20px;}
    .join_us_text-pc{display: none;}
    
    /* m-end tips css */
	.m-end-tips{width: 100%;float: left;margin-top: 20px;margin-bottom: 80px;font-size: 14px;color: #ccc;text-align: center;}
	
	/* other css */
	.pc-footer{display: none;}
    
    /* m bottom nav css */
	.m-bottom-nav{width: 100%;float: left;position: fixed;bottom: 0px;background: #fff;box-shadow: 2px -2px 10px #f5f5f5;z-index:99;}
	.m-bottom-nav-box{width: 25%;float: left;}
	.m-bottom-nav-box a{width: 100%;height: 60px;display: block;float: left;line-height: 60px;font-size: 16px;text-align: center;}
	.m-bottom-nav-msg-box{width: 50px;height: 60px;margin-left: auto;margin-right: auto;}
	.m-msg-num{min-width: 16px;max-width: 30px;height: 16px;display: block;float: right;background: red;color: #fff;font-size: 12px;text-align: center;line-height: 16px;border-radius: 25px;overflow: hidden;z-index: 999;margin-top: -50px;}
	
}

@media screen and (min-width:1000px){
    
    /* m-header css */
    .m-header{display: none;}
	
    /* pc-header css */
    .pc-header{width: 100%;float: left;position: fixed;top: 0px;background: #fff;box-shadow: 2px 2px 10px #f5f5f5;z-index: 9;}
    .pc-header-logo{width: auto;height: 64px;float: left;margin-left: 20px;}
    .pc-header-logo a{width: 40px;height: 40px;display: block;float: left;border-radius: 5px;overflow: hidden;margin-top: 12px;}
    .pc-header-logo a img{width: 100%;height: 100%;object-fit: cover;}
    .pc-header-logo-text{width: auto;height: 64px;float: left;margin-left: 10px;font-size: 16px;line-height: 64px;font-weight: bold;}
    
    .pc-header-nav{width: auto;height: 64px;float: left;margin-left: 50px;}
    .pc-header-nav-box{width: 100%;float: left;}
    .pc-header-nav-box a{width: auto;height: 30px;display: block;float: left;margin-right: 20px;font-size: 14px;line-height: 30px;margin-top: 17px;}
    #nav-more{border-left: 1px solid #e1e6ec;padding-left: 20px;}
    
    .pc-header-user{width: auto;height: 64px;float: right;}
	.pc-header-my{width: auto;height: 64px;float: right;margin-right: 20px;}
	#pc-header-log{width: auto;height: 64px;display: block;float: left;line-height: 64px;font-size: 14px;}
	#pc-header-img{width: 40px;height: 40px;display: block;float: left;margin-top: 12px;border-radius: 5px;overflow: hidden;}
	#pc-header-img img{width: 100%;height: 100%;object-fit: cover;}
    
    .pc-header-msg{width: auto;height: 64px;float: right;margin-right: 20px;}
	.pc-header-msg-text{width: auto;height: 64px;float: left;}
	.pc-header-msg-text a{width: auto;height: 64px;display: block;float: left;line-height: 64px;font-size: 14px;}
	.pc-header-msg-num{width: auto;height: 64px;float: left;}
	.pc-msg-num{min-width: 16px;max-width: 20px;height: 16px;display: block;float: left;background: red;color: #fff;font-size: 12px;text-align: center;line-height: 16px;border-radius: 25px;overflow: hidden;margin-top: 24px;margin-left: 5px;}

    .pc-header-search{width: 350px;height: 40px;float: right;margin-right: 20px;margin-top: 12px;background: #f5f5f5;border-radius: 5px;overflow: hidden;}
	.search-placeholder{width: 250px;height: 40px;float: left;margin-left: 15px;color: #999;line-height: 40px;font-size: 14px;}
	.search-button{width: auto;height: 20px;float: right;margin-right: 15px;margin-top: 10px;border-left: 1px solid #dddddd;cursor: pointer;}
	.search-button a{width: 20px;height: 20px;display: block;float: left;background:url(../../images/search_icon_black.svg) no-repeat;background-size: 20px 20px;background-position: center;margin-right: 5px;margin-left: 15px;}
    .pc-header-search span{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    
    /* content css */
	.content{width: 100%;float: left;margin-top: 65px;}
	.content-box{width: 1000px;margin-left: auto;margin-right: auto;}
	.content-path{width: 100%;float: left;margin-top: 20px;border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;}
	.content-path a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    .content-path span{width: 20px;height: 20px;display: block;float: left;background: url(../../images/arrow.svg) no-repeat center;background-size: 20px 20px;}
    .content-left{width: 650px;float: left;}
    .left-image-title{width: 100%;float: left;font-size: 18px;line-height: 24px;margin-bottom: 10px;font-weight: bolder;margin-top: 20px;}
    .left-image-base{width: 100%;float: left;}
    .left-image-base a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;}
    .left-image-base span{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #999;font-size: 14px;}
    .image_click_delete{margin-left: 10px;}
	.left-image-ajax-box{width: 100%;float: left;margin-top: 20px;}
    .left-image-box{width: 100%;height: 350px;float: left;border-radius: 5px;overflow: hidden;text-align: center;background: no-repeat;background-size: cover;background-position: center;}
    .image-box{width: 100%;float: left;text-align: center;}
    .image-box img{min-width: auto;max-width: 100%;height: auto;}
    
    /* fee-buy css */
    .image-vip-info{width: 80%;float: left;margin-top: 100px;background: #333;border-radius: 5px;overflow: hidden;margin-left: 10%;}
    .image-vip-tit{width: 100%; float: left;text-align: center;font-size: 16px;color: #fff;margin-top: 20px;}
    .image-vip-button{width: 90%; margin-left: 5%;float: left;margin-top: 20px;margin-bottom: 30px;}
    .image-button-box{width: 40%; float: left;margin-left: 5%;margin-right: 5%;}
    .user-click-btn{width: 100%;height: 38px;display: block;float: left;line-height: 38px;text-align: center;font-size: 14px;color: #fff;background: #900;border-radius: 3px;overflow: hidden;}
    .user-vip-btn{width: 100%;height: 38px;display: block;float: left;line-height: 38px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff; border-radius: 3px;overflow: hidden;box-sizing: border-box;}
    
    .image_other{width: 100%;float: left;padding-top: 20px;padding-bottom: 20px;}
    .image_other_hits{width: auto;float: left;height: 20px;line-height: 20px;font-size: 14px;}
    .image_up_box{width: auto;float: right;height: 20px;margin-right: 20px;}
    .image_click_up_icon{width: 18px;height: 18px;float: left;background:url(../../images/like_icon.svg) no-repeat;background-size:18px 18px;cursor: pointer;}
    .image_click_up_num{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #000;font-size: 14px;margin-left: 5px;text-decoration: none;}
    
    .image_collect_icon{width: auto;float: right;height: 20px;}
    .image_click_collect_icon{width: 18px;height: 18px;float: left;background:url(../../images/favorite_icon.svg) no-repeat;background-size:18px 18px;}
    .image_click_collect_over_icon{width: 18px;height: 18px;float: left;background:url(../../images/collect_icon_after.svg) no-repeat;background-size:18px 18px;}
    .image_click_save{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;margin-left: 5px;color: #000;text-decoration: none;}
    .image_click_over_save{width: auto;height: 20px;display: block;float: left;line-height: 20px;color: #d2423f;font-size: 14px;margin-left: 5px;}
	
	.pc-content-right{width: 300px;float: right;}
	.pc-hot-suggest{width: 100%;float: left;margin-top: 30px;}
	.pc-hot-suggest h3{width: 100%;float: left;font-size: 14px;border-bottom: 1px solid #f5f5f5;padding-bottom: 15px;}
	.pc-hot-suggest-box{width: 100%;float: left;}
	.pc-hot-image-box{width: 48%;float: left;margin-top: 20px;margin-left: 1%;margin-right: 1%;}
    .pc-hot-image-box a{width: 100%;height: 145px;display: block;float: left;overflow: hidden;}
	.pc-hot-image-box a img{width: 100%;height: 100%;object-fit: cover;}
    .pc-hot-image-box span{width: 100%;height: 25px;display: block;float: left;line-height: 25px;margin-top: -25px;font-size: 14px;background: rgba(0, 0, 0, 0.5);color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    
	.join_us{width: 100%;float: left;background: #f8f8f8;}
	.join_us_title{width: 90%;float: left;height: 20px;line-height: 20px;font-size: 14px;font-weight: bold;margin-left: 5%;margin-top: 15px;}
	.join_us_more{width: 90%;float: left;margin-top: 20px;margin-left: 5%;margin-bottom: 20px;}
    .join_us_ma{width: 100px;height: 100px;float: left;}
    .join_us_ma img{width: 100%;height: 100%;object-fit: cover;}
    .join_us_text-pc{width: 150px;float: left;margin-left: 20px;font-size: 14px;line-height: 20px;}
    .join_us_text-m{display: none;}
    
    /* m-end tips css */
	.m-end-tips{display: none;}
	
	/* m-bottom css */
	.m-bottom-nav{display: none;}
	
	/* pc-footer css */
	.pc-footer{width: 100%;float: left;margin-top: 30px;}
	.pc-foot-box{width: 1000px;margin-left: auto;margin-right: auto;margin-bottom: 10px;margin-top: 10px;}
	.pc-footer-link{width: 100%;float: left;}
	.pc-footer-link a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;margin-right: 15px;}
    .pc-footer-link span{width: auto;height: 20px;display: block;float: right;line-height: 20px;font-size: 14px;color: #999;}
	
    
}
/* web tips css */
#web_input_tips_background{width: 100%;z-index: 999;position: fixed;top: 150px;left: 0px;display: none;}
#web_tips_text_box{width: 150px;height: 45px;margin-left: auto;margin-right: auto;margin-top: 0px;background: #333;font-size: 14px;line-height: 45px;color: #fff;border-radius: 3px;text-align: center;}

/* user center css */
.pc-user-center{width: 250px;float: right;position: fixed;top: 64px;right: 20px;background: #fff;box-shadow: 0px 0px 10px #f5f5f5;display: none;}
.pc-user-center-box{width: 100%;float: left;}
.pc-user-center-base{width: 90%;float: left;margin-left: 5%;border-bottom: 1px solid #f5f5f5;margin-top: 15px;padding-bottom: 15px;}
.pc-user-center-img{width: 40px;height: 40px;float: left;margin-right: 10px;border-radius: 5px;overflow: hidden;}
.pc-user-center-img img{width: 100%;height: 100%;object-fit: cover;}
.pc-user-center-name{width: 70%;height: 20px;float: left;line-height: 20px;font-size: 14px;color: #000;white-space: nowrap;text-overflow: ellipsis;}
.pc-user-center-id{width: 70%;height: 20px;float: left;line-height: 20px;font-size: 14px;color: #999;}
.pc-user-center-home{width: 100%;float: left;margin-top: 15px;}
.pc-user-center-home a{width: 90%;height: 30px;display: block;float: left;line-height: 30px;font-size: 14px;margin-left: 5%;}
.pc-user-center-home:hover{background: #f5f5f5;}
.pc-user-center-logout{width: 100%;float: left;margin-bottom: 15px;}
.pc-user-center-logout a{width: 90%;height: 30px;display: block;float: left;line-height: 30px;font-size: 14px;margin-left: 5%;}
.pc-user-center-logout:hover{background: #f5f5f5;}

/* delete_sure css */
.delete_sure_bg{width: 100%;height: 100%;z-index: 99;float: left;background: rgba(0,0,0,0.3);position: fixed;top: 0px;left: 0px;display: none;}
.delete_sure_box{width: 250px;height: 120px;margin-left: auto;margin-right: auto;margin-top: 200px;background: #fff;border-radius: 5px;}
.delete_sure_title{width: 100%;float: left;margin-top: 20px;font-size: 14px;font-weight: bold;color: #000;text-align: center;}
.delete_sure_tips{width: 100%;height: 30px;margin-top: 10px;text-align: center;font-size: 14px;line-height: 30px;color: #999;float: left;}
.delete_sure_handle{width: 100%;float: left;}
.delete_sure_handle a{width: 50%;float: left;height: 30px;display: block;line-height: 30px;text-align: center;font-weight: bold;font-size: 16px;}

/* search bg box css */
.search_background{width: 100%;height: 100%;background: #fff;position: fixed;top: 0px;left: 0px;z-index: 99;display: none;}
.search_top{width: 96%;float: left;margin-left: 2%;}
.top_search_100{width: 100%;float: left;}
.top_search_box_two{margin-right: 45px;background: #eee;margin-top: 10px;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
.search_icon{width: 20px;height: 20px;float: left;background: url(../../images/search_icon_black.svg) no-repeat;background-size: 20px 20px; margin-top: 10px;z-index: 999;margin-left: 10px;margin-right: -30px;}
.top_search{width: 100%;float: left;}
.top_search form{margin-left: 30px;}
#search_input{width: 100%;height: 40px;outline: none;border: none;background: #eee;padding-left: 10px;padding-right: 10px;float: left;font-size: 14px;}
#search_button{display:none;}
.top_search_65{width: 45px;height: 40px;float: right;margin-left: -45px;margin-top: 10px;margin-bottom: 10px;}
.top_search_cancel{width: 45px;float: left;margin-left: 0px;}
.top_search_cancel a{width: 100%;height: 40px;display: block;float: left;text-align: right;line-height: 40px;font-size: 16px;}
.search_tips{width: 96%;float: left;margin-top: 10px;margin-left: 2%;}
.search_tips h3{width: 100%;float: left;margin-bottom: 10px;font-size: 14px;}
.search_tips p{width: 100%;float: left;font-size: 14px;line-height:20px; color:#ccc;}

/* pay_sure css */
.start-pay-tips{width:100%;height: 100%; z-index:88;float: left; background:rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;display: none;}
.pay_sure_box{width: 300px; margin-left: auto;margin-right: auto;margin-top: 150px;background: #fff;border-radius: 5px;}
.pay_sure_title{width: 100%;float: left;margin-top: 20px;font-size: 14px;font-weight: bold;color: #000;text-align: center;}
.pay_status{width: 100%;float: left;margin-top: 10px;}
.status-yes{width: 30px;height: 30px;display: block;margin-left: auto;margin-right: auto;background:url(../../images/correct_icon.svg) no-repeat center;background-size: 50px 50px;}
.status-no{width: 30px;height: 30px;display: block;margin-left: auto;margin-right: auto;background:url(../../images/error_icon.svg) no-repeat center;background-size: 50px 50px;}
.wallet_balance{width: 90%;float: left;margin-left: 5%; font-size:14px;margin-top: 10px;text-align: center;}
.wallet_balance a{color: #556f7e;}
.pay_sure_tips{width:100%;height:30px;margin-top:10px;text-align:center;font-size:14px;line-height:30px;float: left;}
.pay_sure_handle{width: 100%;float: left;margin-bottom: 20px;margin-top: 10px;}
.pay_sure_handle a{width: 50%;float: left;height: 30px;display: block;line-height: 30px;text-align: center;font-weight: bold;}
#pay_cancel{color: #000;}
#pay_cancel_2{width: 100%;}