@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0;}
body{ margin: 0; padding: 0; font-size: 16px;}
a{ text-decoration: none; color: #000; display: block;}
h1,h2,h3,h4{ font-weight: normal;}
img{ border: 0; display: block;}
b{ font-weight: normal; display: inline-block;}
i,em{ font-style: normal; display: inline-block;}
ul,li{ list-style: none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
input,
select,
textarea,
button{ outline: none; border: none;}

.box_max{ max-width: 750px; width: 100%; margin: auto; padding-top:60px;}
/*
.header{ width: 100%; height: 60px; background: #404040; position: fixed; z-index:999; top:0; display: flex; justify-content: space-between; align-items: center;}
.header img{ height: 28px; margin-left: 14px; padding: 14px 0;}
.header .rightOne{ width: 20px; height: 23px; background: url(../images/six-xin.png) no-repeat center; background-size: 100% auto; margin-right: 15px;}
*/
.up_pop{ display: none; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top: 0; left: 0;}

.info{ width: 100%;}
.info h1{ width: 94%; padding: 0 3%; font-size: 16px; color: #666; line-height: 40px; background: #ededed; margin-bottom: 15px;}
.info table{ width: 100%; margin: 0; padding: 0; border-collapse:collapse;border-spacing:1;border-spacing:0; }
.info table tr{ width: 94%; padding: 0 3%; float: left; margin: 8px 0;}
.info table tr .nn1{ width: 100%; float: left;}
.info table tr .nn1{ width: 100%; float: left;}
.info table tr .mn1{ width: 24%; font-size: 16px; color: #666; line-height: 30px; float: left;}
.info table tr .mn2{ width: 76%; float: left;}
.info table tr .mn2 input{ width: 100%; font-size: 16px; line-height: 30px; border-bottom: 1px solid #ccc; display: block;}
.info table tr .nn1 h2{ width: 100%; font-size: 16px; color: #666; margin-bottom: 15px;}
.info table tr .nn2 img{ float: left; width: 23.5%; margin-right: 1.5%;}
.info table tr .nn2 img:nth-child(4){  margin-right: 0;}

.stature{ margin-top: 30px;}
.stature .title{ width: 94%; height: 40px; padding: 0 3%; margin-bottom: 15px; font-size: 16px; color: #666; line-height: 40px; background: #ededed;}
.stature .title ul li{ float: left; width: 37%; font-size: 16px; color: #666; text-align: center;}
.stature .title ul li:first-child{ color: #000; text-align: left; width: 26%;}
.stature .table{ width: 100%;}
.stature table tr{ width: 94%; padding: 0 3%; float: left; margin: 10px 0; line-height: 30px;}
.stature table tr td{ float: left; width: 70%; text-align: left; font-size: 14px; color: #666;}
.stature table tr .tt{ font-size: 16px;}
.stature table tr .tm{ float: left; width: 8%; line-height: 22px; text-align: center; color: #ccc;}
.stature table tr td:first-child{ text-align: left; width: 26%;}
.stature table tr td input{ width: 70%; text-align: center; border-bottom: 1px solid #ccc; line-height: 22px;}
/*.stature table tr td:nth-child(2) input{ width: 80%;}*/

.summar{ margin-top: 30px;}
.summar h1{ width: 94%; height: 40px; padding: 0 3%; margin-bottom: 20px; font-size: 16px; color: #666; line-height: 40px; background: #ededed;}
.summar textarea{ width: 89%; margin: 0 3%; padding: 2%; border: 1px solid #ccc; min-height: 80px;}
.summar textarea::placeholder{ color: #ccc; font-size: 15px;}

.sell{ margin-top: 30px;}
.sell .title{ width: 94%; height: 40px; margin: auto; border: 1px solid #ccc; border-radius: 5px; background: #ededed; color: #666; overflow: hidden;}
.sell .title ul li{ width: 50%; float: left; text-align: center; line-height: 40px;font-variant-caps: 16px;}
.sell .title ul .curr{ background: #666; color: #fff;}
.sell table{ width: 100%; margin-top: 15px;}
.sell table tr{ width: 94%; padding: 0 3%; float: left; margin: 10px 0; line-height: 30px; font-size: 15px; color: #666;} 
.sell table tr .cc1{ width: 30%; float: left; text-align: left;}
.sell table tr .cc2{ width: 70%; float: left;}
.sell table tr .cc2 input{ width: 100%; display: block; border-bottom: 1px solid #ccc; line-height: 26px;}
.sell table .cc3{ border-top: 1px solid #f0f0f0;}
.sell table .cc3 td{ width: 100%; display: block;}
.sell table .cc3 button{ margin: 30px auto 0; display: block; width: 80%; height: 40px; background: #666; color: #fff; font-size: 16px; border-radius: 5px;}
.sell table .cc3 button a{color: #fff;}
.list_R{ width: 94%; padding: 15px 3%;}
.list_R ul li{ width: 100%; height: 50px; line-height: 50px; background: #ededed; border-radius: 3px; margin: 10px 0; position: relative;}
.list_R ul li h1{ font-size: 17px; color: #333; padding-left: 3%; width: 90%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list_R ul li i{ position: absolute; top: 50%; margin-top: -14px; right: 3%;  display: block; line-height: 28px; font-size: 28px; color: #666;}
.list_R .cuty{ background: #666;}
.list_R .cuty h1{ color: #fff;}
.list_R .cuty i{ color: #fff;}

.list_M{ width: 100%; margin-top: 10px;}
.list_M h1{ width: 94%; padding: 0 3%; padding-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 19px; color: #666; text-align: center;}
.list_M .list_t{ width: 100%;}
.list_M .list_y{ width: 94%; padding: 0 3%; border-bottom: 1px solid #DDD;}
.list_M .list_y .title{ width: 100%; height: 30px; line-height: 30px; padding: 20px 0 15px 0;}
.list_M .list_y .title h2{ font-size: 17px; float: left; color: #000;}
.list_M .list_y .content1 ul li{ float: left; width: 18%; margin-right: 2%; height:175px;  overflow:hidden;}
.list_M .list_y .content1 ul li:nth-child(5n){ margin-right: 0;}
.list_M .list_y .content1 ul li img{ width: 96%; padding: 2%;}
.list_M .list_y .content1 ul li a{ display: block; border: 1px solid #ccc;}
.list_M .list_y .content1 h2{ font-size: 12px; line-height:16px; max-height:36px; color: #666; margin: 6px 0 20px 0; text-align: center; text-align:justify;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
/*.curr_box{ margin-bottom: 100px;}*/
.foot{ width: 100%; height: 60px; position: relative; background: #404040; margin-top: 30px;}
.foot .ff{ width: 40px; position: relative; padding-left: 3%; float: left;}
.foot .ff img{ width: 100%; padding: 12px 0;}
.foot .ff i{ width: 24px; height: 24px; display: block; font-size: 14px; color: #fff; line-height: 24px; text-align: center; border-radius: 100%; background: #ff0000; border: 1px solid #fff; position: absolute; top: 6px; right: -12px;}
.foot .button1{ float: right; width: 100px; height: 60px; background: #000; color: #fff; font-size: 18px; line-height: 60px; text-align: center;}
.foot .pop{ display: none; position: absolute; bottom: 60px; left: 0; background: #ededed; width: 80%; margin: 0 6%; padding: 30px 4% 35px 4%;}
.foot .pop h1{ font-size: 18px; font-weight: 600; color: #333;}
.pop_list ul li{ width: 100%; border-bottom: 1px solid #ccc;}
.pop_list ul li i{ float: left; font-size: 16px; line-height: 50px;}
.pop_list ul li img{ float: right; width: 22px; height: 22px; margin: 14px 0;}

.duo{ float: right;}
.duo label{border:none; background:url(../images/icon_1r.png) no-repeat left; background-size:20px 20px; padding-left:20px;}
.duo input[name=city]{display: none;}
.duo input[name=city]:checked + label{ background:url(../images/icon_1.png) no-repeat left; background-size:20px 20px;}

.yt{ float: left; margin-right: 15px;}
.info table tr .mn2 .yt input{ display: none;}
.yt label{border:none; background:#ededed; width: 80px; height: 30px; display: block; line-height: 30px; text-align: center; border-radius: 5px; font-size: 16px; color: #666;}
.yt input[type=radio]:checked + label{ background:#666; color: #fff;}

.list_M .Mnp{ border: none; width: 100%; padding: 0; margin: 0; line-height: 50px; background: #f9f9f9; color: #333; margin-top: -20px;}

.stat{ width: 100%;}
.stat h1{ font-size: 20px; line-height: 50px; background: #f9f9f9; text-align: center;}
.stat ul{ margin-top: 20px;}
.stat ul li{ width: 94%; margin: 10px 3%; line-height: 40px; font-size: 15px; text-indent: 10px; background: #ededed; border-radius: 3px;}
.stat ul li a{ overflow: hidden; white-space : nowrap; text-overflow : ellipsis;}
.stat ul li a{ color: #666;}

.list_three{ display: none;}
@media screen and (min-width:320px) and (max-width: 480px){
.list_M .list_y .content1 ul li{ height:125px;}
}

@media screen and (min-width:480px) and (max-width: 736px){
.list_M .list_y .content1 ul li{ height:160px;}
}