
/* CSS Document */

.r_login{ float:left; width:100%; margin:20px auto;}
.bread{ float:left; width:100%; font-size:14px; color:#666; margin-bottom:10px; padding-left:20px;line-height: 45px;    background: url(../image/zba.jpg) no-repeat left center;}
.bread a{ color:#666; text-decoration:none;}

.zxgl_l{ float:left; width:900px;background: #fff;padding: 40px 50px;}
.zxgl_l .tite{ float:left; width:100%; font-size:30px;}
.zxgl_l dl{ float:left; width:100%; margin-top:15px;}
.zxgl_l dd{ float:left; margin:0; font-size:14px; background:#f6f6f6; height:30px; line-height:30px; padding:0 10px; margin:0 10px;}
.zxgl_l dd:nth-child(1){margin-left:0;}
/*大图展示*/
.picshow{ float:left;width:100%;margin-top:40px;overflow:hidden;}
.picshowtop{width:100%;text-align:center;position:relative;z-index:1;overflow:hidden;}
#pic1{max-width:100%; height:645px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:80px;}
#preArrow_A{left:0px;background:url('https://m.macio.com.cn/template/pc/skin/img/left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('https://m.macio.com.cn/template/pc/skin/img/right.png') 0px 0px no-repeat;display:none;}
.picshowtxt{width:100%;min-height:40px;_height:40px;margin-top:20px;}
.picshowtxt_left{float:left;width:50px; height:50px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.picshowtxt_left span{color:#e55656;font-size:30px;}
.picshowtxt_left i{color:#666666;font-size:20px;}
.picshowtxt_right{float:left;display:inline;line-height:23px;color:#666666;width:880px;font: 15px/32px "Microsoft Yahei","微软雅黑","SimSun","Arial Narrow",serif;}

.picshowlist{ float:left; width:100%;overflow:hidden;}
.picshowlist_left{float:left;width:120px;overflow:hidden;overflow:hidden;}

.picshowlist_mid{float:left;width:100%;display:inline;overflow:hidden;height:176px;}
.picmidleft{float:left;width:20px;height:175px;overflow:hidden;}
.picmidleft a{display:block;width:20px;height:175px; background:url(../image/small_prev.png) no-repeat center center,#e5e5e5;}
.picmidmid{float:left;width:860px;overflow:hidden;height:175px; }
.picmidmid ul{width:860px;overflow:hidden;position:relative;height:175px;padding:0; margin:0;}
.picmidmid ul li{float:left;display:inline;width:265px;text-align:center;overflow:hidden;position:relative;height:176px; margin:0 10px;}
.picmidmid ul li img{ float:left; width:265px; height:175px;}
.selectpic{height:100% !important; opacity:0.7;}
.picmidright{float:left;width:20px;height:175px;overflow:hidden;}
.picmidright a{display:block;width:20px;height:175px; background:url(../image/small_next.png) no-repeat center center,#e5e5e5;}

.picshowlist_right{width:300px;float:right;overflow:hidden;}
.picshowlist_right a{ float:left; text-decoration:none; color:#19110b; padding:0 15px;height:38px; line-height:38px;border:1px solid #cdcdcd;}
.picshowlist_right a:hover{ background:#012c8c; color:#FFF;}
.left_l{ float:left; }
.right_r{ float:right;}

.zxgl_r{ float:right; width:400px;background: #fff; padding: 20px 30px; padding-bottom:0;}


.div_form{ float:left; width:100%;}
.div_form .span{ float:left; width:100%; font-size:30px;}
.div_form .spana{ float:left; width:100%; font-size:18px;}


form{ float:left; width:100%;}
form ul{ float:left; width:100%; margin:0; padding:0;}
form li{ float:left; width:97%;list-style-type:none; margin-bottom:10px;}
form li label{ float: right; font-size:16px; margin-top:20px;}
form li span{ float:left; font-size:16px; line-height:40px; width:50px;}
form li .spanb{ float:left; width:100%; height:40px; font-size:14px; margin:0; padding:0; text-align:left; border:0; border-bottom:1px solid #cdcdcd;}
form li select{ float:left; width:450px; height:40px; margin:0; padding:0; text-align:left; border:0; border-bottom:1px solid #cdcdcd;}
.m_zlxg{ width:123px; height:40px; line-height:40px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(https://m.macio.com.cn/template/pc/skin/css/images/zlxg2.jpg) no-repeat; position:relative;}
.m_zlxg span {float: left;font-size: 14px;line-height: 40px;width: 96px;}
.m_zlxg p{float: left;width: 100%;height: 40px;font-size: 14px;margin: 0;padding: 0;text-align: left;border: 0;border-bottom: 1px solid #cdcdcd;}
.m_zlxg2{ position:absolute; top:40px; left: 0; border:1px solid #ded3c1;background:#fff; width:100%; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; z-index: 9;}
.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px;}
.m_zlxg2 li:hover{ color:#7a5a21;}

form button{ float:left; width:100%; height:54px; border:0; color:#FFF; font-weight:bold; font-size:16px; margin-top:50px; background: linear-gradient(to right,  #001d5f 0%,#184da7 100%);}

.rmbq{ float:left; width:96%; background:#fff; margin-top:30px; padding:2%;}
.rmbq span{
    padding-left: 16px;
    border-left: 3px solid #184da7;
    line-height: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #666;
}
.rmbq a{ float:left; height:30px; line-height:30px; background:#f6f6f6; margin:10px; font-size:16px; margin-left:0; padding:0 10px;}
.rmbq a.hover{ display:none;}


.recmdReno {
    background: #fff;
    padding: 35px 0;
    margin-top: 17px;
}
.recmdReno .recmd-title {
    padding-left: 16px;
    border-left: 3px solid #184da7;
    line-height: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #666;
}
.recmdReno .recmd-title a {
    float: right;
    font-weight: 100;
    font-size: 12px;
    cursor: pointer;
}
.recmdReno .renos {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}
.recmdReno .renos .reno {
    float: left;
    border-bottom: 1px solid #f0f0f0;
}
.recmdReno .renos .reno span {
    float: left;
	margin:0;
	width: 100%;
    padding: 14px 10px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.recmdReno .renos .reno img {
    width: 100%;
    height: 0px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    float: left;}
.recmdReno .renos .reno.ed {background-color: #184da7;}
.recmdReno .renos .reno.ed span {color: #fff;}
.recmdReno .renos .reno.ed img {height: 300px;}
.city-picker-selector .selector-item:nth-child(2){ margin:0 10px;}
.city-picker-selector .selector-item {float: left; font-size: 16px; width: 26%;height: 44px; line-height: 44px; border-radius: 5px; padding-left: 20px;background: rgba(255,255,255,0.8); position: relative; border-bottom:1px solid #cdcdcd;   margin-bottom: 20px;}
.city-picker-selector .selector-name {color: #333;font-size: 16px;display: block;text-indent: 5%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.city-picker-selector .hide {display: none;}
.city-picker-selector .selector-list {border: 1px solid #ccc;background: #fff;width: 100%;position: absolute;top: 36px;left: -1px;z-index: 1;}
.city-picker-selector ul {max-height: 160px;overflow-x: hidden;overflow-y: auto;}
.city-picker-selector li:first-child {border-top: none;}
.city-picker-selector li {border-top: 1px solid #ccc;color: #333;cursor: pointer;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}