@charset "utf-8";
body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0px ; font-family:"Microsoft Yahei","微软雅黑", Arial,"宋体","sans-serif";; }

html { -webkit-text-size-adjust:none;}
ol, ul ,li{list-style: none;}
a { text-decoration:none; cursor:pointer;}
a:hover { text-decoration: none;}
img {border: 0;}

.btn-danger { background: #FF2626; border-color: #FF2626;}

.huibg { background: #EEEEEE;}
.navbar { background: #fff; border-bottom: 1px solid #ddd; margin-bottom: 0px; position: relative;}
.navbar .navbar-tit {padding: 15px 15px; color: #FF2626;font-size: 18px;line-height: 20px;}
.navbar .logo { width: 56px; height: 56px; background: #fff; padding: 5px; border-radius: 100%; border: 4px solid #ddd; top: 22px; left: 12px; position: absolute;}
.navbar .logo img { width: 100%; border-radius: 100%;}
.navbar .topleft { position: absolute; left: 5px; top: 6px; color: #FF2626; border: 0px; background: none;}
.navbar .topleft .iconfont { font-size: 1.8em;}
.navbar .topnav { position: absolute; right: 5px; top: 6px; color: #FF2626; border: 0px; background: none;}
.navbar .topnav .iconfont { font-size: 1.8em;}
.fudiv { height: 52px; background: #F5F5F5; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
.fudiv h5 { text-align: center; margin: 0px; font-weight: 700; font-size: 16px; padding: 8px 0px 2px 0; color: #333;}
.fudiv h6 { text-align: center; margin: 0px; padding: 5px 0px; font-size: 0.8em; color: #FF2626;}
.list-group img { width: 80px;}
.list-group-item dl { margin-bottom: 0px;}
.list-group-item dt { height: 48px; line-height: 24px; margin-bottom: 5px;}
.list-group-item dd { overflow: auto; padding: 0px; margin: 0px;}
.list-group-item dd p { margin: 0px;}
.list-group-item dd .jf { float: left; color: #FF2626;}
.list-group-item dd .kc { float: right; color: #F07818;}
.nav-tabs>li {
    float: left; width: 50%; text-align: center;
    margin-bottom: -1px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: red;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: red;
}

.nav-tabs>li>a {
	color: #333;
    margin-right: 2px;
    line-height: 1.428571429; background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}
.list-group a { color: #333;}

.nav-tabs>li>a:hover { background: #fafafa;
}

.details { padding: 5px; padding-bottom: 55px;  min-height: 400px; position: relative;}
.details .cpimg { width: 100%;height: 200px; border-bottom: 1px solid #ddd; text-align: center; background: #fff;}
.details .cpimg img { height: 100%; padding: 0.2em;}
.details .cpinfo {  overflow: auto; padding: 0.5em; margin-bottom: 10px; background: #fff;}
.details .cpinfo .tit { padding: 0.5em 0px; font-size: 1.2em; border-bottom: dashed 1px #ddd;}
.details .cpinfo .jf { padding: 0.5em 0px; font-size: 1.2em; color: red;}
.details .cpinfo .kc { padding: 0.5em 0px; font-size: 1em; color: #F07818;}
.details .cpcont { background: #fff;  padding: 0.5em; overflow: auto; margin-bottom: 10px;}
.details .cpcont .tit { padding: 0.5em 0px; font-size: 1em; border-bottom: dashed 1px #ddd;}
.details .cpcont .cptt { padding: 1em 0;}
.details .cpcont .cptt img { width: 100%;}

.dingdan { padding: 5px; min-height: 600px;}
.dingdan .ddlist { margin-bottom: 10px; padding: 0.5em; background: #fff;}
.dingdan .dtit { line-height: 30px; border-bottom: dashed 1px #ddd; color:red; font-size: 1.1em;}
.dingdan .dz { border-bottom: 1px solid #ddd; line-height: 24px; padding: 5px 0px; overflow: auto;}
.dingdan .dz p { margin: 0px;}
.dingdan .dz i { float: right;}
.dingdan .dz a { display: inline-block; width: 100%;}
.dingdan .ddlist .ps { color: red; line-height: 1.5em;}
.dingdan .ddlist .ddok { text-align: center; padding: 10px; font-size: 2em; color: red;}
.dingdan .ddlist .ddokps { text-align: center; padding: 10px; font-size: 1em; }
.dingdan .ziku { float: left;}
.dingdan .noblord { border: none;}
.dingdan .ddbtn { text-align: center;}
.dingdan .dzdv { overflow: auto;  padding: 20px 10px;  position: relative;}
.dingdan .dzdv .moren { background: red; color: #fff; padding: 2px 10px; border-radius: 5px; color: #fff;}
.dingdan .dzdv .name { color: red; margin:0px 10px;}
.dingdan .dzdv .phone { color: red; margin:0px 10px;}
.dingdan .dzdv .dd { margin: 10px 0px; display: block;}
.dingdan .dzdv button { position: absolute; top: 20px; right: 10px;}
.dingdan .modal-footer {
    padding: 19px 20px 20px; background: #fff;
    margin-top: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.diceng { position: fixed; background: #fff; display: block; text-align: center; bottom: 0px; left: 0px; width: 100%; height: 50px; padding: 10px; overflow: hidden; border-top: 1px solid #ddd;}
.diceng button { padding: 5px 20px;}

.login { padding: 0px;}
.login .lgtit { text-align: center; border-bottom: dashed 1px #ccc; margin-bottom: 1em; line-height: 3em; font-weight: bold; font-size: 1.2em;}
.login .logo { width: 110px; height: 110px; margin: 0px auto; background: #fff; padding: 1em; border-radius: 100%; border: 4px solid #E8E8E8; }
.login .logo img { width: 100%; border-radius: 100%;}
.login .logdv { padding:30px 20px;}
.login .lgdv { height: 44px; position: relative; background: #fff; padding: 0px 1em; color: #666; line-height: 40px; margin-bottom: 20px;}
.login .lgdv i { z-index: 11; position: absolute; font-size: 1.3em; line-height: 44px;}
.login .lgdv .box { width: 100%; height: 44px;  border: 1px solid #ddd; padding-left: 40px; position: absolute; left: 0px; top: 0px;}
.login .lgdv .boxt { width: 100%; height: 44px;  border: 1px solid #ddd; padding-left: 10px; position: absolute; left: 0px; top: 0px;}
.login .lgdv .yzm { min-width: 90px;  z-index: 99; background:#FF2626; color: #fff; text-align: center; position: absolute; right: 2px; top: 2px;}
.login .lgdv .yzm:active { background: red;}
.btnlg { width: 100%; height: 44px; margin-top: 10px; border: 0px; background:#FF2626; color: #fff; line-height: 44px; font-size: 1.2em;}
.login .logfu { text-align: center;}
.login .logfu a { padding: 1em; color: #333;}

.usercenter { padding: 5px;}
.usercenter .cdv { min-height: 44px; line-height: 44px; color: #666; overflow: auto; padding: 0px 10px; background: #fff; margin-bottom: 5px;}
.usercenter .cdv p { line-height: 28px; margin: 0px;}
.usercenter .cdv span { color: #FF2626;}
.usercenter .cdv .hds { width: 24px; height: 24px; background:#FF2626; line-height: 24px; color: #fff; text-align: center; float: right; border-radius: 100%; margin-top: 10px;}

.usercenter .cjv { min-height: 44px; line-height: 44px; border-bottom: dashed 1px #ccc; color: #666; overflow: auto; padding: 0px 0px; background: #fff; margin-bottom: 5px;}

.usercenter .hdv {line-height: 24px; overflow: auto; padding: 5px 5px; background: #fff; margin-bottom: 5px;}
.usercenter .hdv i { font-size: 2em; line-height: 72px; color: #aaa;}
.usercenter .hdv h5 { line-height: 24px; font-weight: bold;}
.usercenter .hdv p { margin: 0px; font-size: 0.8em; }
.usercenter .hdv a { color: #333;}

.usercenter .hdpage { background: #fff; min-height: 250px; padding: 10px; position: relative; }
.usercenter .hdpage .hdtit {padding-bottom: 10px; margin-bottom: 10px; color: #FF2626; text-align: center; font-size: 1.2em; border-bottom: dashed 1px #ccc;}
.usercenter .hdpage .iconfont { border: 0px; background: none; color: 333; padding: 5px; top: 8px;  right: 10px; position: absolute; color: #666;}
.usercenter .hdpage .hdtext { padding: 0.5em;}
.usercenter .hdpage .hdtext h5 { margin-bottom: 10px; color: #ff2626;}
.usercenter .hdpage img { width: 100%; padding: 10px 0px;}
.usercenter .hdbtn { margin: 10px 0; overflow: auto; background: #fff; padding: 10px;}

.usercenter .dzi { padding: 5px 10px;}
.usercenter .label-danger { border: 0px; color: #fff !important; padding: 6px 10px; }
.usercenter .label-warning { border: 0px; color: #fff !important; padding: 6px 10px; }
.usercenter .cdv a { color: #666; width: 100%; display: block;}
.usercenter .cdv i { float: right;}
.usercenter .cdv input { line-height: 44px; border: none; width: 100%;}
.usercenter .dq p { color: #999;}



.mendian { padding: 5px; background: #fff; }
.mendian .mdtit { background: #fff; margin-bottom: 10px; text-align: center; padding: 0.7em; color:#FF2626; border-bottom: dashed 1px #ccc;  font-size: 1.2em; position: relative;}
.mendian .mdtit .iconfont { border: 0px; background: none; color: 333; padding: 5px; top: 8px;  right: 10px; position: absolute; color: #666;}
.mendian .table-responsive { background: #fff; font-size: 0.8em;}

.hdewm { background: #fff; padding: 1em;}
.hdewm .hdtt { text-align: center; padding: 0em;}
.hdewm .hdtt h3 { margin-bottom: 10px;}
.hdewm h5 { padding: 1em; text-align: center; font-weight: bold;}
.hdewm  p { margin: 0px; text-align: center;}
.hdewm .ewm { width: 220px; height: 220px; margin: 5px auto;}
.hdewm .ewm img { width: 100%;}

.hdewm .md { width: 220px; height: auto; margin: 5px auto;}

.jfcont { background: #fff;}

.accdv {
    border: 1px solid #ddd; background: #fff; overflow: auto;
    padding: 0px;
    margin: 0.5em;
}
.accdv .row { margin: 10px auto; line-height: 32px;}

.accdv .ddbox {
    border: 1px solid #ddd; padding: 5px;
    overflow: auto;
    margin: 10px;
}

.ddlist { padding: 0px; margin: 0px;}
.ddlist li { background: #fff; margin-bottom: 5px; padding: 5px; font-size: 0.8em;}
.ddlist li p { margin: 0px; line-height: 22px;}
.ddlist li p span { color: #FF2626; }
.ddlist li a { color: #666;}

.red { color: red;}
.choujiang { padding: 15px 10px;}
.cjinfo { padding: 10px;}
.cjinfo .tit { color: red; border-bottom: dashed 1px #ccc; margin-bottom: 10px; padding: 10px 0px;}

.banner{display:block;width:95%; margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}



/*新增会员中心CSS*/

.vipcenter { padding: 0px;}
.vipcenter .vipheader { padding: 1em; height: 165px; background: url(../../images/member/hbg.png); background-size: cover;}
.vipcenter .vipheader .touxiang { width: 72px; height: 72px; margin: 0px auto; border-radius: 100%; border: 2px solid #fff;}
.vipcenter .vipheader .touxiang img { border-radius: 100%;     width: 68px;   height: 68px;}
.vipcenter .vipheader .name { font-size: 1.4em; text-align: center; color: #fff; line-height: 2em;}
.vipcenter .vipheader .gztt { font-size: 1em; text-align: center; color: #fff;}
.vipcenter .gztt a{color: #fff;font-size: 12px;}
.vipcenter .vipsan { padding: 14px 0; background: #fff; border-bottom:1px solid #ccc; overflow: auto; margin-bottom: 10px;}
.vipcenter .vipsan div { border-right:1px solid #ccc;}
.vipcenter .vipsan div:last-child { border: 0px;}
.vipcenter .vipsan a { color: #666; }
.vipcenter .vipsan h4 { font-size: 1em; line-height: 1.5em;}
.vipcenter .vipsan p { color: red; padding: 0px; margin: 0px;}
.vipcenter .vipul { background: #fff; padding: 0px; margin: 0px; border:1px solid #ccc; border-width: 1px 0;}
.vipcenter .vipul li { padding: 0px 0px; overflow: auto; border-bottom:1px solid #ccc; position: relative;}
.vipcenter .vipul li:last-child { border: 0px;}
.vipcenter .vipul li a { color: #666; display:block; padding: 15px 10px; min-height: 50px; position: relative;  width: 100%;}
.vipcenter .vipul li .rizi { position: absolute; right: 10px;font-weight: 600;font-size: 14px;}
.vipcenter .vipul li .bottom_ { float:right;margin-top:25px;font-weight: 400;font-size: 13px;}
.vipcenter .vipul li .content_ {float: left;font-size: 13px;margin-bottom: 5px;margin-top: 5px;}
.vipcenter .vipul li .lvzi { color: #00B285;}
.vipcenter .vipul li .redzi { color: red;}
.vipcenter .vipul li .lzz { float: left;font-weight: 600;font-size: 14px;width: 75%;}
.vipcenter .vipul li .icc { float: left; padding-right: 1em; display: block;}
.vipcenter .vipul li:nth-child(10n+1) .icc { color: #00B285;}
.vipcenter .vipul li:nth-child(10n+2) .icc { color: #ff2626;}
.vipcenter .vipul li:nth-child(10n+3) .icc { color: #FF8000;}
.vipcenter .vipul li:nth-child(10n+4) .icc { color: #FF4D4D;}
.vipcenter .vipul li:nth-child(10n+5) .icc { color: #00468C;}

.guanzhu { background: #fff;}
.guanzhu .iconfont { border: 0px; background: none; color: 333; padding: 5px; top: 8px;  right: 10px; position: absolute; color: #666;}
.guanzhu .ewm { width: 80%; padding: 2em 1em; margin: 0px 10%; }
.guanzhu img { width: 100%;}

/*新增会员中心CSS*/

/*退出*/
.login-out {
    width: 90%;
    margin: 100px auto;
    font: 1.2em/2.8em "微软雅黑";
    text-align: center;
    background: #4EABE9;
    border-radius: 6px;
    cursor: pointer;
    bottom: 0px;
}
.login-out a{
    color: #fff;
    width: 100%;
    display: block;
}
.login-out a:HOVER{
    color: #fff;
    text-decoration: none;
}
/*我的钱包*/
.wallet{
	padding: 1em;
    height: 50px;
    background-size: cover;
}
/*关于我们*/
.copyright {
    padding: 8px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.copyright a {
    color: #666;
}

.copyright .top_content{
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	background: #eee;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
}

.copyright .top_content .down{
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: 600;
}

.copyright .top_content .p_miao{
	padding: 5px;
}

.copyright .top_content .table_{
	width: 100%;
	margin-top: 10px;
}
.m-container{
	width: 100%;
	padding-top: 50px;
}
.m-container .div_item{
	width: 100%;
	color: #666;
	height: 70px;
}
.m-container .div_item2{
	width: 100%;
	color: #666;
	height: 45px;
	line-height:40px;
}
.margin_bottom_20{
	margin-bottom: 20px;
}
.m-container .div_item .money_{
	width: 70px;
}
.m-container .div_item2 .price_{
	font-size: 22px;
	font-weight: 400;
}
.m-container .div_item2 .record_{
	width: 80px;
	height: 25px;
	line-height: 25px;
	border: solid 1px #4B924B;
}
.m-container .div_item2 .record_ a{
	color: #4B924B;
}
.m-container .div_item2 .btn_1{
	display: block;
	width: 95%;
	height: 35px;
	line-height: 35px;
	background: #FF8201;
	color: #fff;
	border-radius:3px;
}
.m-container .div_item2 .btn_2{
	display: block;
	width: 95%;
	height: 35px;
	line-height: 35px;
	background: #fff;
	color: #666;
	border-radius:3px;
}
.data-null {
	height: 100px;
	text-align: center;
	line-height: 100px;
	color: #aaa;
	font-size: 12px;
}
.list_loading {
	height: 16px;
	padding: 20px 0 30px;
	text-align: center
}

.list_loading i {
	height: 16px;
	width: 16px;
	display: inline-block;
	background-size: 500px 500px;
	margin-right: 10px;
	vertical-align: middle;
	-webkit-animation: loading 1s infinite linear;
	-ms-animation: loading 1s infinite linear;
	-o-animation: loading 1s infinite linear;
	-moz-animation: loading 1s infinite linear;
	animation: loading 1s infinite linear
}

.list_loading span {
	height: 16px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	color: #A0A0A0
}
.list_loading {
	display: none;
}

body .mainmenu:after {
	clear: both;
	content: " ";
	display: block;
}

body .mainmenu li {
	float: left;
	margin-left: 4%;
	margin-top: 4%;
	width: 44%;
	border-radius: 3px;
	overflow: hidden;
}

body .mainmenu li a {
	display: block;
	color: #FFF;
	text-align: center
}

body .mainmenu li a b {
	display: block;
	height: 100px;
	line-height: 100px;
	font-weight: 400;
	font-size: 35px;
}

body .mainmenu li a .m_b {
	display: block;
	height: 50px !important;
}

body .mainmenu li a img {
	margin: 15px auto 15px;
	width: 50px;
	height: 50px;
}

body .wenwen_index_ul li a img {
	margin: 20px auto 15px;
	width: 50px;
	height: 50px;
}

body .mainmenu li a b .icon {
    font-size: 42px;
    line-height: 80px;
    margin: 10px 0;
    color: #fff;
    -webkit-transition: font-size 0.25s ease-out 0s;
    -moz-transition: font-size 0.25s ease-out 0s;
    transition: font-size 0.25s ease-out 0s;
}

.mainmenu {
	background: #eee;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	padding-bottom: 15px;
}

.middle_section {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.middle_section .l {
	width: 47%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #f3b613;
	border-radius: 3px;
	color: #fff;
}

.middle_section .r {
	width: 47%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #14c760;
	border-radius: 3px;
	color: #fff;
}

.middle_section .m_1 {
	width: 23%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #14c760;
	border-radius: 3px;
	color: #fff;
}

.middle_section .m_2 {
	width: 23%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #fc5366;
	border-radius: 3px;
	color: #fff;
}

.middle_section .n_1 {
	width: 23%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #36A1DB;
	border-radius: 3px;
	color: #fff;
}

.middle_section .n_2 {
	width: 23%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #fc5366;
	border-radius: 3px;
	color: #fff;
}

.middle_section .l_1 {
	width: 47%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #fc5366;
	border-radius: 3px;
	color: #fff;
}

.middle_section .r_1 {
	width: 47%;
	display: inline-table;
	height: 35px;
	line-height: 35px;
	background: #36A1DB;
	border-radius: 3px;
	color: #fff;
}

body .mainmenu li a span {
	display: block;
	height: 30px;
	line-height: 30px;
	background-color: #FFF;
	color: #999;
	font-size: 14px;
}

body .mainmenu li:nth-child(8n+1) {
	background-color: #36A1DB
}

body .mainmenu li:nth-child(8n+2) {
	background-color: #678ce1
}

body .mainmenu li:nth-child(8n+3) {
	background-color: #8c67df
}

body .mainmenu li:nth-child(8n+4) {
	background-color: #84d018
}

body .mainmenu li:nth-child(8n+5) {
	background-color: #14c760
}

body .mainmenu li:nth-child(8n+6) {
	background-color: #f3b613
}

body .mainmenu li:nth-child(8n+7) {
	background-color: #ff8a4a
}

body .mainmenu li:nth-child(8n+8) {
	background-color: #fc5366
}

.mainmenu .li_1{
	background-color: #fc5366!important;
}
.mainmenu .li_2{
	background-color: #ff8a4a!important;
}
.mainmenu .li_3{
	background-color: #36A1DB!important;
}
.mainmenu .li_4{
	background-color: #14c760!important;
}

.menu_bar{
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-top: solid 2px #eee;
	border-bottom: solid 1px #eee;
}
.menu_bar .item_a{
	display: inline-block;
	width: 30%;
	height: 100%;
	font-size: 15px;
}
.menu_bar .current{
	border-bottom: solid 2px #FF8201;
	font-weight: 600;
}