@charset "utf-8";
@import url("animate-tool.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
.regularly-box{height: auto; position: relative; border:3px solid #e7bc71; margin-top: 50px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius: 8px;}
.regularly-head{height:50px; line-height: 50px; padding:8px 20px; border-bottom: 2px solid #e7bc71;}
.regularly-head strong{font-size: 24px; color: #646464; display: inline-block;}
.regularly-head label{font-size: 16px; color: #ed7c7c; display: inline-block; margin-left: 15px;}
.regularly-contBody{height: 610px; width:1200px; margin:0px auto; margin-bottom:80px;}
.regularly-item-list{width: auto; height: 610px;}
.regularly-item-list li{width: 366px; height: 610px;margin: 0px 15px; float: left; display: inline; position: relative; /*border-right: 2px solid #e7bc71;*/}
.regularly-item-list li.last{border-right: 0;width: 378px;}
.regularly-item-list li:not(.last):after{content: "";position: absolute; width: 2px; height:10px; bottom: 46px; right: -2px; background: #fff;}
.regularly-item-list li .flip-box{width:366px; height:610px;padding:0px;position: absolute;left: 0;top: 0; background: #fff;overflow: hidden;}
.regularly-item-list li.first .flip-box,.regularly-item-list li.first .flip-foot{-moz-border-radius:0px 0px 15px 15px; -webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 15px 15px;}
.regularly-item-list li.last .flip-box{width:366px;}
.regularly-item-list li.last .flip-box,.regularly-item-list li.last .flip-foot{-moz-border-radius:0px 0px 15px 15px; -webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 15px 15px;}
.regularly-item-list li .item-title{-moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;}
.regularly-item-list li .item-title{width:100%; height:68px; line-height: 68px; background: #026eb8; color: #fff; font-size:28px; margin:10px auto; margin-bottom: 15px; font-weight: bold; text-align: center;box-shadow: 0 2px 3px #00385f; -moz-box-shadow: 0 2px 3px #003b63;-webkit-box-shadow: 0 2px 3px #c8c8c8; text-shadow:0 2px 3px #9a5555;-moz-text-shadow:0 2px 3px #9a5555;-webkit-text-shadow:0 2px 3px #9a5555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.regularly-item-list li .item-tx{
	width: 100%;
    height: 34px;
	text-align:center;
    line-height: 34px;
    margin: 0 auto;
    font-size: 18px;
    color: #e4aa7a;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	}
.regularly-item-list li .item-tx em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 85px;
    margin-right: -100px;
    margin-top: 9px;
    background: url(../peitaofuwu/text_bj1.png) no-repeat;
	}	
.regularly-item-list li .flip-item-pic{width: 150px; height: 150px; overflow:hidden; margin:10px auto; text-align: center;}
.regularly-item-list li .flip-item-pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}

.item-tx-nr{ margin:20px auto; height:100%;}
.item-tx-nr .item-tx-left{ 
    float: left;
    width: 178px;
    height: 300px;
    background: #026eb8;
	color: #ffffff;
	}
.item-tx-nr	.left-text{
	float: left;
	width: 178px;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #4e99cd;
    margin-bottom: 20px;
	}
.item-tx-nr .item-tx-left h5{
    color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr .item-tx-left span{
    float: left;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr .item-tx-left span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -10px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}	
.item-tx-nr .item-tx-left span strong{
    color: #002061;
    font-size: 18px;
	}
.item-tx-nr .item-tx-right{
	float:right;
    width: 178px;
    height: 300px;
    background: #026eb8;
	color: #ffffff;
	}
.item-tx-nr .item-tx-right h5{
	color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr .item-tx-right span{
	float:right;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr .item-tx-right span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -25px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}
.item-tx-nr .item-tx-right span strong{
    color: #002061;
    font-size: 18px;
	}
/*第二模块开始*/
.item-tx-nr2{ margin:20px auto; height:100%;}
.item-tx-nr2 .item-tx-left2{ 
    float: left;
    width: 178px;
    height: 300px;
    background: #085695;
	color: #ffffff;
	}
.item-tx-nr2 .left-text2{
	float: left;
	width: 178px;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #5288b5;
    margin-bottom: 20px;
	}
.item-tx-nr2 .item-tx-left2 h5{
    color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr2 .item-tx-left2 span{
    float: left;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr2 .item-tx-left2 span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -10px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}	
.item-tx-nr2 .item-tx-left2 span strong{
    color: #00b0f0;
    font-size: 18px;
	}
.item-tx-nr2 .item-tx-right2{
	float:right;
    width: 178px;
    height: 300px;
    background: #085695;
	color: #ffffff;
	}
.item-tx-nr2 .item-tx-right2 h5{
	color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr2 .item-tx-right2 span{
	float:right;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr2 .item-tx-right2 span strong{
    color: #00b0f0;
    font-size: 18px;
	}	
.item-tx-nr2 .item-tx-right2 span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -25px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}
/*第二模块结束*/
/*第三模块开始*/
.item-tx-nr3{ margin:20px auto; height:100%;}
.item-tx-nr3 .item-tx-left3{ 
    float: left;
    width: 178px;
    height: 300px;
    background: #365990;
	color: #ffffff;
	}
.item-tx-nr3 .left-text3{
	float: left;
	width: 178px;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #728bb1;
    margin-bottom: 20px;
	}
.item-tx-nr3 .item-tx-left3 h5{
    color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr3 .item-tx-left3 span{
    float: left;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr3 .item-tx-left3 span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -10px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}	
.item-tx-nr3 .item-tx-left3 span strong{
    color: #00b0f0;
    font-size: 18px;
	}
.item-tx-nr3 .item-tx-right3{
	float:right;
    width: 178px;
    height: 300px;
    background: #365990;
	color: #ffffff;
	}
.item-tx-nr3 .item-tx-right3 h5{
	color: #ffffff;
    text-align: center;
	font-size:18px;
	}
.item-tx-nr3 .item-tx-right3 span{
	float:right;
    text-align: center;
    width: 178px;
    height: 34px;
    line-height: 34px;
	}
.item-tx-nr3 .item-tx-right3 span strong{
    color: #00b0f0;
    font-size: 18px;
	}	
.item-tx-nr3 .item-tx-right3 span em{
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-right: -20px;
    margin-top: 8px;
    background: url(../peitaofuwu/text_bj2.png) no-repeat;
	}
/*第三模块结束*/	
.regularly-item-list li .flip-foot{
	width: 100%;
    /*height: 46px;*/
    line-height: 46px;
    position: absolute;
    padding: 15px 10px;
    /*left: -10px;*/
    bottom: 0px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: #4e99cd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	}
.regularly-item-list li .flip-lists{width: auto; display: block; height: 100%; overflow: hidden;}
.regularly-item-list li .flip-lists dd{
	height: 136px;
    padding: 10px;
    border: 1px solid #eec9aa;
    background: #f8ebe1;
    margin-bottom: 7px;
    position: relative;
	}
.regularly-item-list li .flip-lists dd h3{height:36px; line-height: 36px; font-size: 18px; color: #646464; text-indent: 24px;}
.regularly-item-list li .flip-lists dd .flip-itmes-info,
.regularly-item-list li .flip-lists dd .flip-itmes-ctrl{height: 32px; line-height: 32px; color: #969696; position: relative;}
.regularly-item-list li .flip-lists dd .flip-itmes-info strong{display: inline-block; width:90px; vertical-align: middle; text-align: center; font-size: 24px; color: #ff7e00;}
.regularly-item-list li .flip-lists dd .flip-itmes-info .to-day{display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; min-width: 32px; max-width: 80px; padding: 0 10px; background: #e5e5e5; font-size: 14px; color: #969696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.regularly-item-list li .flip-lists dd .flip-itmes-info .to-day em{font-style: normal; font-size: 18px;}
.regularly-item-list li .flip-lists dd .flip-itmes-info .to-price{width: auto; max-width:160px; height: 32px; line-height: 32px; position: absolute; right: 0px; top: 0; color: #969696; text-align: right; font-size: 14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.regularly-item-list li .flip-lists dd .flip-itmes-info .to-price label{display: inline-block; font-size: 18px;}
.regularly-item-list li .flip-lists dd .flip-itmes-ctrl{margin-top: 35px;font-size: 14px;}
.regularly-item-list li .flip-lists dd .progress-info{width:200px; height: 32px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.regularly-item-list li .flip-lists dd .itmes-progress{width:85px; height: 8px; background: #e5e5e5; position: relative; margin: 0 10px; margin-top:12px; overflow: hidden; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px;}
.regularly-item-list li .flip-lists dd .itmes-progress>span{width:0;display: block; position: absolute; height: 100%;left: 0; top: 0; background: #ff7e00; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px;}
.regularly-item-list li .flip-lists dd .ctrl-btn{margin-top: 5px;width: 104px;height: 33px;line-height: 28px; font-size: 16px; border: 2px solid; display: inline-block; text-align: center; position: absolute; top: 0px; right: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius: 8px;}
.regularly-item-list li .flip-lists dd a.ctrl-btn{border-color: #ff7e00; background: #ff7e00; color: #fff; text-decoration:none;}
.regularly-item-list li .flip-lists dd span.ctrl-btn{border-color: #969696; background: #fff; color: #969696;cursor: default;}
.regularly-item-list li .flip-lists dd .hot{width:46px; height: 49px; display: block; position: absolute; background: url(../peitaofuwu/news-hot.png) no-repeat 0px 0px; top: -1px; left: -1px; z-index: 99;}

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}

@media all and (max-width:640px) {
.regularly-contBody {
    height: 610px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 80px;
}
.regularly-item-list li {
    width: 95%;
    height: 610px;
    margin: 10px 10px;
    float: left;
    display: inline;
    position: relative;
    /* border-right: 2px solid #e7bc71; */
}
.item-tx-nr .left-text {
    float: left;
    width:100%;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #4e99cd;
    margin-bottom: 20px;
}
.item-tx-nr .left-text {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #4e99cd;
    margin-bottom: 20px;
}
.item-tx-nr .item-tx-left {
    float: left;
    width:49%;
    height: 300px;
    background: #026eb8;
    color: #ffffff;
}
.item-tx-nr .item-tx-right {
    float: right;
    width:49%;
    height: 300px;
    background: #026eb8;
    color: #ffffff;
}
.item-tx-nr2 .left-text2 {
    float: left;
    width:100%;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #5288b5;
    margin-bottom: 20px;
}
.item-tx-nr2 .item-tx-left2 {
    float: left;
    width:49%;
    height: 300px;
    background: #085695;
    color: #ffffff;
}
.item-tx-nr2 .item-tx-right2 {
    float: right;
    width:49%;
    height: 300px;
    background: #085695;
    color: #ffffff;
}
.item-tx-nr2 .item-tx-right2 span {
    float: right;
    text-align: center;
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.regularly-item-list li .flip-box {
    width: 100%;
    height: 610px;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    overflow: hidden;
}
.item-tx-nr .item-tx-right span {
    float: right;
    text-align: center;
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.regularly-item-list li.last .flip-box {
    width: 100%;
}
.regularly-item-list li.last {
    border-right: 0;
    width: 95%;
}
.item-tx-nr3 .left-text3 {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: #fff solid 5px;
    background: #728bb1;
    margin-bottom: 20px;
}
.item-tx-nr3 .item-tx-right3 span {
    float: right;
    text-align: center;
    width:100%;
    height: 34px;
    line-height: 34px;
}
.item-tx-nr3 .item-tx-left3 {
    float: left;
    width: 49%;
    height: 300px;
    background: #365990;
    color: #ffffff;
}
.item-tx-nr3 .item-tx-right3 {
    float: right;
    width:49%;
    height: 300px;
    background: #365990;
    color: #ffffff;
}
}