@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";; }
body{background: url(../images/bj.png) top center no-repeat; background-size:cover;}
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;}
.divbody{
	margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
    height: auto;
	padding:0px 5px 70px 5px;
    background-color: #EEEEEE;
	}
.btn-danger2 { background: #99CC33; border-color: #99CC33;}

/**.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;}
.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 strong { color:#F00}
.dingdan .dd strong { color:#F00}
.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 .shang_payimg{width:140px; height:140px;padding:10px;border:3px solid #EA5F00;margin:0 auto;border-radius:3px;}
.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: 8px 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 canvas{margin-left:auto; margin-right:auto; text-align:center;}
.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; }
.tab-content a.label-danger { border: 0px; color: #fff !important; padding: 6px 10px; }
.tab-content a.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;}
.usercenter .imgyl{ width:100%; height:76px; display:block;box-sizing:border-box; text-align:center; overflow:hidden;}
.usercenter .ewmyl{ width:100%; height:100px; display:block;box-sizing:border-box; text-align:center; overflow:hidden;}


.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;box-sizing:border-box; display:inline-block; padding:5px; width:100%;}
.ddlist li p { margin: 0px; line-height: 22px;}
.ddlist li p span { color: #46b8da; }
.ddlist li a { color: #666;}


#sp1 .ddlist li { width:100%;}
#sp2 .ddlist li { width:49%; padding-bottom:10px;}
#sp2 .ddlist { text-align:center;}
#sp1 .ddlist li p.imgp{ width:100%;height:86px; box-sizing:border-box; padding:5px; position:relative;}
#sp1 .ddlist li p.imgp span{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    background-color: #F96;
    border-radius: 10px;
    color: #FFF;
    font-weight: normal;
    position: absolute;
    top: 2px;
    right:100px;
    z-index: 100;}
#sp2 .ddlist li p {text-align:center;}
#sp2 .ddlist li p.imgp{width:150px; height:110px; box-sizing:border-box; padding:5px; text-align:center; position:relative; margin:0 auto;}
#sp2 .ddlist li p.imgp span{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    background-color: #F96;
    border-radius: 10px;
    color: #FFF;
    font-weight: normal;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 100;}
#sp3 .mainimg{
	width:calc(100% - 100px);
	width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
	height:76px;
	line-height:76px;
	display:block; 
	float:left;
	text-align:center;
	}	
#sp3 .imgbut{
	display:block; 
	width:100px;
	height:76px;
	line-height:76px;
	float:left;
	text-align:right;
	}
#sp3 .ddlist li p font{
    height: 18px;
    line-height: 18px;
	display:inline-block;
	margin-left:5px;
    text-align: center;
    font-size: 12px;
    background-color: #F96;
    border-radius: 8px;
    color: #FFF;
    font-weight: normal;
	padding-left:5px;
	padding-right:5px;
	}
#sp3 .ddlist li .wordbox{width:100%;text-align:center;display:table;}
#sp3 .ddlist li .word{width:70%;display:table-cell;vertical-align:middle; text-align:left;}	
#sp3 .ddlist li .word a{
	display:block;
	float:left;
	max-width:calc(100% - 10px);
    max-width:-webkit-calc(100% - 10px);
	max-width:-moz-calc(100% - 10px);
	max-height:56px;
	line-height:26px;
	margin-left:10px;
	font-size:18px; 
	color:#666; 
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	}

#sp3 .ddlist li .wordbox2{text-align:center;display:table;}
#sp3 .ddlist li .wordbox2 a img{ width:76px; height:76px; display:inline-block; float:left;border-radius:10px;}
#sp3 .ddlist li .word2{width:calc(100% - 76px);width:-webkit-calc(100% - 76px);width:-moz-calc(100% - 76px);display:table-cell;vertical-align:middle; text-align:left;}	
#sp3 .ddlist li .word2 a{
	display:block;
	float:left;
	max-width:calc(100% - 10px);
    max-width:-webkit-calc(100% - 10px);
	max-width:-moz-calc(100% - 10px);
	max-height:26px;
	line-height:26px;
	margin-left:10px;
	font-size:18px; 
	color:#666; 
	font-family:Arial, Helvetica, sans-serif;
	white-space: nowrap; overflow:hidden; text-overflow:ellipsis;
	}
#sp3 .ddlist li .tubiao{
	display:block;
	float:left;
	margin-top:5px;
	max-width:calc(100% - 10px);
    max-width:-webkit-calc(100% - 10px);
	max-width:-moz-calc(100% - 10px);
	height:18px;
    height:18px;
	margin-left:10px;
	white-space: nowrap; 
	overflow:hidden;
	}	
#sp3 .ddlist li .tubiao span{
	height: 18px;
    line-height: 18px;
    display: block;
	float:left;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
    color:#CCC;
    font-weight: normal;
	}	
#sp3 .ddlist li .tubiao a{
	height: 18px;
    line-height: 18px;
    display: block;
	float:left;
    text-align: center;
    font-size: 12px;
    background-color: #F96;
    border-radius: 8px;
    color: #FFF;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
	margin-left:10px;
	}			
#sp3 .ddlist li strong{
	font-size:30px; color:#3CF; font-family:Arial, Helvetica, sans-serif;
	}
.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; height:100%; background-color:#EEEEEE}
.vipcenter .vipheader { padding: 1em;  background: url(../images/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: 100%;}
.vipcenter .vipheader .name {font-size: 1.4em; text-align: center; color: #fff; line-height: 2em;}
.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; height: 60px; position: relative;  width: 100%;}
.vipcenter .vipul li .rizi { position: absolute; right: 10px;}
.vipcenter .vipul li .lvzi { color: #00B285;}
.vipcenter .vipul li .redzi { color: red;}
.vipcenter .vipul li .lzz { float: left;}
.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: #00A1DF;}
.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%;}

.footnav {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%x;
	}

.footnav .footer{
	border-top: 1px solid #ccc;
    padding: 5px 0px;
    background: #fff;
    position:relative;
    margin:0px auto;
    min-width: 320px;
    max-width: 640px;
	height:60px;
	}
.footer .footerdiv{width: 50%;}
.footnav a { color: #666;}
.footnav p { margin: 0px; padding: 0px; font-size: 0.8em;}
.footnav .iconfont { font-size: 1.4em;}
.footnav div { border-right:1px solid #ccc; box-sizing:border-box;background: #fff;}
/*新增会员中心CSS*/
.reminded {width:100%; text-align:left; display:block; height:12px; line-height:12px; margin:5px auto;color:#F00; font-size:12px; font-style:italic}
#checkbox1,#checkbox2{display:none;}
#myTabContent .addimg{ position:fixed; z-index:999;width:100%;display:block;box-sizing:border-box; text-align:center;bottom:5px;}
#upload1{width:100%;padding:10px;box-sizing: border-box;color: #696969;font-size: 12px;border: #e6e6e6 1px solid;background: #fff; line-height:normal}
.row svg {
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.row a.file {
    position: relative;
    display: inline-block;
	background-color:#00b7ee;
    border-radius: 4px;
    padding: 8px 16px;
    overflow: hidden;
    color:#FFF;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
	}
.row a.file:hover{
	background-color:#00a2d4;
	}
.row a.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;}
.altrowstable {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #D7D7D7;
    border-collapse: collapse;
    width: 100%;
}
#myTabContent table {
    border: 1px #e3e3e3 solid;
    width: 100%;
	 background: #FFF;
}
#myTabContent table tr.tb-head {
    background: #ff4e00;
    height: 50px;
    font-weight: bold;
    color: #fff;
}
#myTabContent table td {
    border: 1px #e3e3e3 solid;
    border-right: none;
    border-bottom: none;
    text-align: center;
    min-height: 50px;
    line-height: 20px;
    font-size: 12px;
}