@charset "utf-8";
/* CSS Document */

body, article, section, h1, h2, hgroup, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input {margin: 0;padding: 0;font-family:"微软雅黑"}
a,a:hover{color:#000; cursor: pointer; text-decoration: none;}
ul,li{list-style-type: none;}
h1,h2,h2,h4{font-weight:normal}
.fl{ float:left;}
.fr{ float:right;}
.clr{clear:both;}
input:focus, textarea:focus {
    outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
 input[type="button"], input[type="text"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   



body {font-family: Microsoft YaHei;margin: 0;overflow-x: hidden;padding: 0;color: #000;}
body{min-width:320px;max-width:750px;margin:0 auto;background:#fff;}
html{background:#fff;}
.box{min-width:301px;}
.box .top {
    margin-bottom: 15px;
    width: 100%;
}
.box h1{color:#3b1f59; font-size:22px; line-height:74px; text-align:center}
ul.box li pl ul li{float:left;}  
ul.box {
	border:1px solid #C6C6C6;
	background-color:rgba(255, 255, 255, 0.9);
	text-align:left;
	font-size:14px;
	line-height:24px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 1px #f6f6f6;
	-webkit-box-shadow:0 1px 1px #f6f6f6;
	box-shadow:0 1px 1px #f6f6f6;
	margin-bottom:11px;
	display:block;
}
ul.box0 a{
	color:#bdbdbd;
}

ul.box li {
	border:solid #C6C6C6;
	border-width:0 0 1px 0;
	padding:0px 10px 0 10px;
}
ul.box li:only-of-type {
	border-width:0;
}
ul.box li:last-of-type {
	border-width:0;
}
.box li, .box li span, .box li a {
	line-height:22px;
}
.box li span.arrow {
	display:block;
	background:url(../images/card/themes/1/arrow3.png) no-repeat right 50%;
	-webkit-background-size:8.5px 13px;
	background-size:8.5px 13px;
	padding:10px 20px 9px 0;
	position:relative;
	min-height: 22px;
}
.box li span.arrow0 {
	display:block;
	background: url(../images/themes/jiahao.png) no-repeat right 50%;
	-webkit-background-size:15px 150px;
	background-size:15px 15px;
	padding:10px 20px 9px 0;
	position:relative;
	min-height: 22px;
}
.box li span.arrow1 {
	display:block;
	background: url(../images/themes/jiahao.png) no-repeat right 50%;
	-webkit-background-size:15px 150px;
	background-size:15px 15px;
	padding:3px 20px 3px 0;
	position:relative;
	min-height: 22px;
}

.box li span.none {
    background: none repeat scroll 0 0 transparent;
	padding-right:0px;
}
.box li span.noneorder {
    background: none repeat scroll 0 0 transparent;
	padding:10px 5px 9px 0;
}
.box li span.none em {
    right: 0;
}

.box li.addr{
    background: url(../images/card/themes/1/addr.png) no-repeat scroll 10px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.font{

    line-height: 22px;
    padding: 5px 10px 10px 10px;
	font-size:12px;
}
.box li.font p{

    line-height: 22px;
	font-size:14px;
	color:#333333;
}
.box li.addr span{
	font-size:14px;
}
.mb{ margin-bottom:4px}
.box li.nob {
    border-width:0;
}
.box li.dandanb {
	border-color:#EBEBEB;
}
.box li.nob .px{
    border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 5px 0 4px;
	padding: 5px 10px;
}
.box li.nob .dropdown-select{
    border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 5px 0 4px;
	padding: 5px 10px;
}
.box li.nob .pxtextarea{
    border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 5px 0 5px;
	padding: 5px 10px;
}
ul.box li.nob:last-of-type {
	margin-bottom:8px
}
.box li.tel {
    background: url(../images/card/themes/1/tel.png) no-repeat scroll 11px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.url {
    background: url(../images/card/themes/1/www.png) no-repeat scroll 11px 13px transparent;
	background-size:18px 18px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.more {
    background: url(../images/card/themes/1/more.png) no-repeat scroll 11px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.tel2 {
    background: url(../images/card/themes/1/tel2.png) no-repeat scroll 11px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.userinfo {
    background: url(./userinfo.png) no-repeat scroll 11px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
}
.box li.detail {
    background: url(../images/card/themes/1/detail.png) no-repeat scroll 10px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.box li.gift {
    background: url(../images/card/themes/1/gift.png) no-repeat scroll 10px 13px transparent;
	background-size:15px 15px;
    line-height: 22px;
    padding-left: 34px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.box li h2 {
    color: #373B3E;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 0 10px 0;
	border-bottom:1px dotted #C6C6C6;
}
.box li span h2 {
    color: #373B3E;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 6px 20px 6px 0;
	border-bottom:0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box li span img {
    border: 0 none;
	width:50px;
	height:50px;
	float:left;
	margin:0 10px 0 0;
}
.box li span p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding-right: 25px;
}

.box li .text {
	padding:10px 0 10px;
}
.box li .line {
	padding:10px 0 10px;
	border-bottom:1px solid #E8E8E8;
}
.box li .btop {
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding: 10px;
}
.box li .text p {
    line-height: 20px; font-size:14px; color:#666;
}
.box li img{
	max-width:100%;
	border:0;
	display:block
}

.box li span em{
	display:block;
	-webkit-border-radius:20px;
	border-radius:20px;
	color:#FFF;
	font-size: 12px;
    line-height: 12px;
    margin-top: -10px;
    padding: 4px 8px;
    position: absolute;
    right: 20px;
    top: 50%;
	text-shadow: 0 0 #FFFFFF;
	font-style:normal;
}
.subReturn {
    display: block;
    margin: 11px auto;
    padding: 0;
	position: relative;
}
.footerbtn{ width:50%; float:left;}
.btn,.btn1,.btn3 {
	background-color:#00005f;
    line-height:40px;
	height:40px;
	text-decoration:none;
	border-radius: 10px;
	color: #ffffff;
	display:block;
	text-align:center;
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
	width: 100%;
	border:none;
}
.btn1{background-color:#ecbfca!important}
.btn3{    line-height: 37px;height:37px; font-size:16px; margin:15px 0px 5px}

.submit img{ width:15px; margin:-4px 10px 0 0;}
.del{
	background-color:#F4F4F4;
	padding:10px 20px;
	font-size:16px;
	text-decoration:none;
	border:1px solid #ABABAB;
	background-image: linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #E1E1E1),
	color-stop(1, #ffffff)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #666666;
	display:block;
	text-align:center;
	text-shadow:0 1px #FFF;
}
.del:active {
	padding-bottom:9px;
	padding-left:20px;
	padding-right:20px;
	padding-top:11px;
	top:0px;
	background-image: linear-gradient(bottom, #ffffff 0%, #E1E1E1 100%);
	background-image: -o-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -ms-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ffffff),
	color-stop(1, #E1E1E1)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
.del img{ width:15px;width:15px; margin:-4px 10px 0 0;}
/*login*/
.px {
	position: relative;
	background-color: transparent;
	color: #999999;
	display: block;
	width: 100%; 
	padding:10px;
	font-size: 16px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	-webkit-appearance:none;
}


.px[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.px[type="password"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.px[type="button"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.kuang th {
    color: #333333;padding:0; font-size:16px; font-weight:normal;text-align: left;width: 79px;
}
.kuang td {
    color: #999999;padding:0;
}
.footer{ text-align:center; color:#000; padding:15px; font-size:14px;}
.wrapper{
     min-width:320px;
	max-width:750px;
}
.st-accordion{
    width:98%;
    margin: 0 auto;
}
.st-accordion ul li{
    height: auto;
	margin-bottom:10px;
  
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-size: 20px;
    display: block;
	position: relative;
    line-height:40px;
	height:40px;
		outline:none;
	display:block;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color:#fff;
	z-index:1000

}
.col_3b1f59{    color: #3b1f59!important;}

.st-accordion ul li > a span{
	text-indent:-9000px;
	width: 26px;
	height: 29px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -13px;
	opacity:0.6;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a span .normal{
}
.st-accordion ul li > a:hover,.st-accordion1 ul li > a:hover{
    color: #fff;
	text-decoration:none
}
.st-accordion1 ul li > a:hover{
	    color: #3b1f59;
}
.st-accordion ul li > a:hover span,.st-accordion1 ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #fff;
}
.st-accordion1 ul li.st-open > a{
    color: #3b1f59;
}
.st-accordion ul li.st-open > a span,.st-accordion1 ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 30px 13px ;
	background-color:#00005f;
	margin-top:-30px;
    border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.st-content.ts{	background-color:#ecbfca!important;}

.st-content p{
    font-size:  16px;
    line-height:  24px;
	color:#000;
	margin-bottom:9px;
}
.clearfix{*zoom: 1;}.clearfix:before,.clearfix:after{ display: table; content: '';}.clearfix:after{clear: both;}
.wx{ height:58px; position:relative;border-bottom: 1px solid #B7A8C8;border-top: 1px solid #B7A8C8; padding:2px 0px 6px; margin-bottom:14px;}
.wx_info{position:absolute;left:75px; top:6px; display:block; line-height:16px ;color:#3b1f59}
.wx_info p.col_fff{color:#fff}
.wx_info p{line-height:20px;}
.wx_arrow{position:absolute;right:0px; top:20px; display:block}
.gm_intro{ padding:15px 4% 20px;background-color:#fff;	-webkit-border-radius:10px;border-radius:10px;}
@media screen and (max-width:500px) {
.gm_intro span.left{ float:left; display:block; width:30%}
.gm_intro span.right{float:right; display:block; width:70%}
}
.st-content ul li{line-height:28px!important;color:#000; margin-bottom:0px;}
.gm_intro_title{color:#000; line-height:36px; background:url(../images/dian.jpg) no-repeat scroll 0 14px; padding-left:28px; }
.nv_rw,.nv_qy,.nv_jr{background:url(../images/nvs3.jpg) no-repeat scroll 0 0px; height:39px; text-indent:-9999px; margin:15px 0px 20px}
.nv_qy{background:url(../images/nvs3.jpg) no-repeat scroll 0 -39px;}
.nv_jr{background:url(../images/nvs3.jpg) no-repeat scroll 0 -78px;}
.gm_intro1{ padding:15px 4% 20px;background-color:#fff;	-webkit-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px; text-align:center}
.gm_intro1 .gm_pic{margin:20px auto}
.gm_jj{font-size:16px; color:#00005f; line-height:24px; border-left:11px solid #00005f;-webkit-border-radius:0px;border-radius:0px; padding:0px 3%; text-align:left}
.gm_form{ padding:15px 4% 20px;background-color:#fff;	-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px; text-align:left; margin-top:4px;}
.gm_form_title{color:#000; line-height:36px; background:url(../images/dian.jpg) no-repeat scroll 0 14px; padding-left:22px; font-size:13px; margin:0px; }
.biaodan th{width:60px; font-size:16px; color:#000; line-height:40px; font-weight:normal}
.biaodan .input_bd {background-color: #FFFFFF; border: 1px solid #00005f; border-radius: 6px; height:26px; text-indent:10px; width:100%}
.gm_intro  .md_list{padding:10px 0px} 
.gm_intro ul{width:100%;}
.gm_intro ul li{width:27.3333%; padding:0px 3%; display:block; float:left;line-height:18px;font-size:12px; font-family:"微软雅黑" ;cursor:pointer; text-align:left; margin-bottom:1%; min-height:180px;}
.gm_intro ul  li p{font-size:14px;margin:0 auto; line-height:20px; text-indent:0px; padding:0px;}
.gm_intro ul  li img.big_img{ max-width:148px; width:100%; display:block; margin:0 auto}
.gm_intro ul  li p.p_1{ color:#000; font-size:16px;padding:1px 0px; }
.gm_intro ul  li p.p_4{display:block; max-width:148px; width:100%; height:30px; background:#955ca1; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:2px auto 0px;}
.gm_intro ul  li p.p_4 a{color:#fff; display:block;max-width:148px; width:100%;height:30px;}
.gm_intro ul  li p.p_4 a:hover,.md_list li p.p_4 a.check_cur{background-color:#7b0c48;color:#fff}
.gm_intro ul  li p.p_3{ color:#985ca2; position:relative;padding:3px 0px 5px 0px;}
.gm_intro ul  li p.p_3 img{ position:relative; top:3px;margin-right:10px;}
#list_gm label{width:50%; float:left}
@media screen and (min-width: 1201px) {
#list_gm label{width:25%; float:left}
}
/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */

@media screen and (max-width: 1200px) {
#list_gm label{width:25%; float:left}
}
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */

@media screen and (max-width: 901px) {
#list_gm label{width:33.333333%; float:left}
}
/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */

@media screen and (max-width: 500px) {
#list_gm label{width:33.333333%; float:left}
} 