@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#666; font-size:14px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; height: 1300px;
	/*-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}
a {text-decoration:none; }
a:hover { color: #0306FF;}
i{font-style:normal}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; border: 1px solid #333;}
table { border-collapse:collapse; }
html {overflow-y: scroll;}
/* css common */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.container-fluid{width: 100%;padding:0;padding-bottom: 100px;}
.container{width: 80%;margin: 30px auto;height: auto;overflow: auto;text-align: center;}
.container .detail_buy{width: 100%;text-align: center;margin-bottom: 50px;}
.container .detail_buy button{padding: 10px 20px;color: #fff;font-size: 20px;background-color: #ff4500;border-color:#ff4500;transition: 0.3s;border-radius: 4px;-moz-box-shadow:2px 2px 4px grey; -webkit-box-shadow:2px 2px 4px grey; box-shadow:2px 2px 4px grey;}
.container .detail_buy button:hover{background-color: #fb662e}
.container .mgs_content{display: none;border:dashed 1px red}
.container .content_home h4{text-align: left;font-size: 30px;margin-bottom: 10px;}
.container .content_home p{text-align: left;font-size: 16px;}
.content_home_span {color: #1c1c1c}
.container .content_home p a{margin: 15px 0}
.container .content_home .content_home_div{display: none}
.container .content_home .content_home_div p{margin: 15px 0}


.container .content_home .big_title{font-size: 25px;font-weight: bold;}
.container .content_home .big_title_qa{font-size: 25px;font-weight: bold;margin: 50px 0 20px 0}
.container .content_home .big_title_p{line-height: 25px;margin:20px 0}
.content_home_span {color: #1c1c1c}

.container .content_home .content_home_div{}
.container .content_home .panel {margin-bottom:5px}
.container .content_home .panel .panel-title{margin: 0}
.container .content_home .panel p {text-align: left;font-size: 13px;line-height: 20px;margin: 5px}





.head{margin-bottom: 15px;}
.search{width: 50%;margin: 0 auto;}
.search .search-val{height: 38px;line-height: 38px;width: 90%;float: left;border-bottom-right-radius:0;border-top-right-radius:0}
.search .search_button{width:auto;height: 38px;float: left;border-bottom-left-radius:0;border-top-left-radius:0}

.list, .mgs_info{display: none;margin: 0;}
.search_nub{width: 100%;text-align: center;margin-top: 8px;}
.search_nothing_div{display: none}
.buy_warning{display: none}
.search_nothing{margin-top: 50px;text-align: left;padding-left: 20px;}
.search_nothing p{width: 100%;padding: 0;text-align: center;font-size: 16px;font-weight: 500;color: red;margin-bottom: 20px;}
.search_nothing ul li{list-style: disc;color: orchid}
.list .paixu{float: left;;height: auto;z-index: 1}
.list .paixu .form-control{width: auto;}
.list .se_list{text-align: left;margin-top: 15px;}
.result{width: 83px;display: inline-block;margin: 10px 5px;}
.result img{width: 73px;height: 103px;background: url("../img/search_load.png") no-repeat;}
.result:hover{border: 1px solid deeppink;opacity: 0.8}
.result img{cursor:pointer}
#sample-photo img{height: 74px;width: 126px;background: url("../img/sample-photo_load.png") no-repeat;}
.result_month{width: 150px;}
.result_month img{width: 140px;height: 78px;background: url("../img/search_load_month.png") no-repeat;}
.result .caption{padding: 2px;}
.result .caption p{width: 100%;display: block;height: 37px;overflow: hidden;}
.result .caption p a:hover{color: deeppink}
.detail{padding: 10px;text-align: center;position: relative}
.detail .ch_money i{font-style: normal;font-weight: bold}

.media{display: inline-block;margin-right:10px}
.media-body{display: inline-block;text-align: left;vertical-align: top;width: 80%}

.modal-dialog{width: 90%}

.alltage-modal .modal-dialog .modal-body hr{margin: 10px;border: 1px solid #ccc}
.alltage-modal .modal-dialog .modal-body h4{text-align: center}

.detail_photo img{border: 2px solid #ccc;width: 100%}
.detail_photo img:hover{opacity: 0.8;border-color: deeppink}
.sample_photo{;margin-top: 10px;padding: 10px;position: relative}
.sample_photo ul{padding: 0;margin: 0;text-align: left}
.sample_photo ul li{display: inline-block;margin: 8px 5px;text-align: center}
.sample_photo ul li a img{border: 1px solid #ccc;border-radius: 3px;padding: 2px;}
.sample_photo ul li a img:hover{opacity: 0.8;border-color: deeppink}

.sample-photo_dl{width: 100%;height: 16px;text-align:center;position: absolute;bottom: 0;left: 0;z-index: 999;font-size: 10px;display: none;line-height: 15px;}
.detail_photo .sample-photo_dl{height: 25px;font-size: 13px;line-height: 25px;}
.input-group-addon:hover{cursor: pointer}
#tag{position: relative;height: auto;width:100%;margin: 0;background-color: #1c1c1c;}
.tag_content{width: 95%;height:350px;margin: 0 auto;display: none}
.tag_content h3{display: block;width: 100%;text-align: center;font-size: 18px;color: white;margin-bottom: 10px}
.tag_button{width: 100%;text-align: center}
#tag button{position: absolute;bottom: -35px;left: 50%;margin-left: -15px;}
#tag .tag_content ul li{display: inline-block;}
#tag .tag_content ul li a{padding: 5px 8px;font-size: 12px}
/*Mobilr*/
.content_home_M{display: none;text-align: center;background-color: orangered;color: white}
.container .content_home_M p{text-align: center}

#nav_hot_m a{outline:none}
.chirdren_m li{display: inline-block;margin: 5px;}

/*nav*/
.nav{background: #333333;width: 100%;}
.nav .nav_cont{height: 50px;line-height: 50px;width: 80%;margin: 0 auto}
.nav .nav_cont ul{display: inline-block;line-height: 40px;}
.nav .nav_cont ul li{display: inline-block;text-align: center;width: 100px;margin: 0 10px;}
.nav .nav_cont ul li a{color: #d6d6d5;font-size: 16px;display: inline-block;text-decoration: none;}
.nav .nav_cont ul li a:hover{color: white}

.nav .chirdren{;padding: 10px;width: 800px;height: auto;position: absolute;top:50px;background-color: #464544;z-index: 999;display: none}
.nav .chirdren ul{text-align: left;}
.nav .chirdren ul li{display: inline-block;margin: 3px;width: auto;line-height: 30px;}
.nav .chirdren ul li a{display: inline-block;color: #fff;width: auto;font-size: 13px;height:auto;line-height: 15px;}
.nav .hot_chirdren:before{position: absolute;top:-26px;left:20px;content: '';border: 18px solid transparent;border-bottom: 8px solid #464544;}
#li_eye{width: auto;margin-left:10px;color: #d6d6d5;display: inline-block;float: right;text-align: center;height:50px;line-height:50px;}
#li_eye i{font-size: 20px;vertical-align:middle}
/*Home_tage*/

#home_tage{width: 100%;margin-top: 20px;}
#home_tage div{width: 100%;margin: 0 auto;text-align: left}
#home_tage div ul li{display: inline-block;margin: 3px;}

/*login*/
.nav .nav_login{float: right;height: 50px;width: auto;line-height: 50px;}
.nav .nav_login button{ margin: 0 2px;}
.login_from{margin: 10px 50px}
.login_from .form-control{width: 46%;display: inline-block}
.userinfo{color: #fff;padding-right: 10px;}
#submit_user_login{width: 65%}
/*footer*/
.footer{width: 100%;background-color: #333333;padding: 20px;}
.footer p{width: 100%;text-align: center;margin: 10px;color: #d6d6d5}
/*护眼*/
.bootstrap-switch{border-color: rgba(82,168,236,.8)}

.bootstrap-switch-small:hover{border: 2px solid #3aa7e5}
/*body, .panel-body, .result{background-color: #242424}*/
/*.content_home_span{color: #9baab6}*/
/*.panel-primary > .panel-heading{background-color: #333}*/
/*.panel-primary, .panel-primary > .panel-heading, .result{border-color: #464545}
.container .detail_buy button{box-shadow: none}
.detail_buy span{color: white}*/



#info{
	position: fixed;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: none;
	overflow: auto;
	background: url("../img/fixed_bg.png");
	padding: 10px;

}
#mgs_info{
	position: relative;
	height: auto;
	width: auto;
	z-index: 3;
	background-color: #e8f9fa;
	margin: 0 auto;

}
.detail_buy_tips{font-size: 12px;color:red;margin:5px 0 0 0;display: none}
#info_close{float: right;width: 30px;height: 30px;text-align: center;vertical-align: middle}
.container .detail_buy span{margin: 0 20px;font-size: 16px;}
@media (max-width: 1386px) {
	.search .search-val{width: 80%}
}
@media (max-width: 1212px) {
	.container{width: 98%}
	.content_home{width: 70%;margin: 0 auto;}
}
@media (max-width: 900px) {
	.modal-body{padding: 5px;}
	.full_tage li,.all_tage_hot li{margin: 3px}
	.full_tage li a,.all_tage_hot li a{font-size: 12px;padding: 4px 10px}
	.result img { background-size:100%}

	.container .detail_buy{margin-bottom: 0}
	.container .detail_buy button{width: 40%;border-radius:10px;margin-bottom: 0;padding:5px 10px;font-size: 16px}

	.container .detail_buy .buy_button{border-top-right-radius:0;border-bottom-right-radius:0}
	.container .detail_buy .buy_button_link{border-top-left-radius:0;border-bottom-left-radius:0}
	.sample_photo ul li{margin: 3px}
	.modal-dialog{width: 95%}
	.nav .nav_cont ul li{padding: 0 3px;width: 90px;}
	.container{width: 100%;padding-left: 0;padding-right: 0}

	.se_list{padding-right: 0;padding-left: 0}
	.panel-body{padding: 0}
	.td, th{white-space: nowrap}
	.media-body{width: 75%}
	.login_from{margin-left: 80px;}
	#nav_hot{display: none}
	.nav .nav_cont{width: 90%}

	.content_home_M{display: block}

	/*展开菜单*/
	.nav .nav_login{float: right;height: 50px;width: 160px;line-height: 50px;color: #fff;position: relative;text-align: right}
	.nav_login .user_info_children{position: absolute;right: 0;width:85px;height: auto;display: none;background: #ccc;padding: 2px}
	.nav_login .user_info_children button{ display: block;float: right;margin: 1px;}
	.nav .nav_login .user_money{color: orangered}
	.nav .nav_login .btn-primary{margin-left: 3px;}
	.footer{padding:5px;}
	.footer p{font-size:11px;padding:1px;margin:2px;}
	.footer .footer_copyright{display:none}
	.list .paixu .paixu_hot{float: left}
	.list .paixu .paixu_date{float: right}

}

@media (max-width: 700px) {

	.list .se_list{text-align: center}
	.result_month{width: 90px;}
	.result_month_se .caption p{height: 30px;font-size: 12px;}
	.result_month img{width: 90px;height: 50px;background: url("../img/search_load_month.png") no-repeat;}
	.result img,.result_month { background-size:100%}
	.detail_photo_month{}
	.search_nub{margin-left: -60px}
	.container .detail_buy button{margin-bottom: 0;padding: 4px 8px;font-size: 12px;-moz-box-shadow:none;-webkit-box-shadow:none}
	.container .detail_buy span{margin: 0 10px;font-size: 13px}
	#sample-photo img{height: 55px;width: auto}
	#info .media-body{width: 98%}
	#info .detail_data{font-size: 13px}
	.detail_photo .sample-photo_dl{display: none}
	.modal-dialog{width: 98%}
	.modal-body{padding: 5px}
	.content_home{width: 90%;font-size: 13px}
	.container .content_home p,.nav .nav_login button{font-size: 13px}
	.container .content_home h4{font-size: 20px}
	#li_eye{display: none}
	.search{width: 70%}
	.container .content_home p a{font-size: 14px}


}

@media (max-width: 500px) {
	.search .search_button,.search .search-val{font-size: 13px}
	.full_tage li,.all_tage_hot li{margin: 2px}
	.full_tage li a,.all_tage_hot li a{font-size: 12px;padding: 3px 8px}
	.result_month img{height: 40px;}
	.result_month .caption p{height:24px;font-size: 9px;}
	.detail_photo_month{}
	.detail_buy_tips{font-size: 9px}
	.sample_photo{padding: 1px;margin-top: 0}
	.sample_photo ul li{margin: 0px}
	#sample-photo img{height: 50px;width: auto}
	#info .media-body{width: 99%}
	#info .detail_data{font-size: 12px}
	.result{width: 80px;margin: 5px 2px}
	.chirdren_m li{margin: 2px}
	#submit_user_login{width: 100%}

	.login_from{margin-left: 20px;font-size: 13px}
	.layui-layer_my{width: 85% !important;left: 25px !important;}
	.search{width: 80%}
	.nav .nav_login{margin-right: 15px}
	.nav .nav_cont{width: 97%}
	.nav .nav_cont ul li{width: 80px;}
	#nav_hot_m a{font-size: 14px}
	.nav .nav_cont ul li{margin: 0}
	.nav .nav_login button{font-size: 14px;padding: 5px 8px;}
}
@media (max-width:410px) {

}