[genuitec-file-id="wc1-208"],[genuitec-lp-path="/giantQRcode/WebRoot/static/front/css/m_style.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@charset "utf-8"; 

* {
	margin: 0;
	padding: 0
}

html {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

body {
	background-color: #eaeae9;
	overflow-x: hidden;
	max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.fl {
	float: left
}

.fr {
	float: right
}

.cl {
	clear: both
}

a {
	text-decoration: none;
	cursor: pointer
}

ul {
	list-style: none
}

img {
	border: 0
}

.m_box {
	margin-top: 10px
}

.m_box .m_tit {
	height: 36px;
	line-height: 36px;
	text-align: left;
	border-radius: 5px;
	margin: 0 2px;
	cursor: pointer;
	overflow: hidden
}

.m_box .m_tit h2 {
	height: 38px;
	width: 100%;
	line-height: 38px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	padding-left: 20px
}

.m_box .m_tit h2 i {
	font-style: normal;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../images/m_box_click.png") no-repeat;
	background-size: 14px 14px;
	margin-right: 50px;
	cursor: pointer;
	float: right;
	margin-top: 12px
}

.m_box .m_tit h2 i.click {
	font-style: normal;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../images/m_box_click2.png") no-repeat;
	background-size: 14px 14px
}

.m_box .m_cont {
	padding: 2% 1%;
	width: 98%
}

header {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	text-align: center
}

header .h_logo {
	display: inline-block;
	width: 176px;
	height: 48px
}

header .login {
	display: inline-block;
	float: right;
	padding-right: 20px;
	padding-top: 5px
}

.m_ad {
	width: 100%;
	overflow: hidden;
	position: relative
}

.m_ad .m_ad_close {
	position: absolute;
	bottom: 5%;
	right: 2%;
	display: block;
	height: 40px;
	width: 40px;
	background: url("../images/m_ad_close2.png") center center no-repeat;
	cursor: pointer;
	background-size: 40px 40px
}

.m_slider {
	position: relative
}

.m_slider .s_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.m_slider .slidebox {
	width: 100%;
	position: relative
}

.m_slider .slidebox .slide-img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.m_slider .slidebox .slide-img li {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.m_slider .slidebox .slide-img li:first-child {
	display: block
}

.m_slider .slidebox .slide-img li.active {
	z-index: 1
}

.m_slider .slidebox .slide-num {
	height: 15px;
	position: absolute;
	bottom: 2%;
	z-index: 100;
	left: 50%
}

.m_slider .slidebox .slide-num li {
	float: left;
	height: 15px;
	width: 15px;
	background: url("../images/m_slider_btn1.png") no-repeat;
	background-size: 12px 12px;
	margin-left: 2px;
	cursor: pointer
}

.m_slider .slidebox .slide-num li.active {
	background: url("../images/m_slider_btn2.png") no-repeat;
	background-size: 12px 12px
}

.b_details .m_cont {
	display: none
}

.b_details .m_cont img {
	float: left
}

.b_details .m_cont a {
	display: block;
	margin-bottom: 5px
}

.b_details .m_cont a img {
	border-radius: 5px;
	border: 1px solid #c8c7c7;
	width: 100%
}

.b_size .s_text {
	display: inline-block;
	border-radius: 20px;
	padding: 2px 5px;
	background: #fff;
	font-size: 1.2em;
	border: 1px solid #e2e2e1
}

.b_size .s_en {
	display: inline-block;
	line-height: 1.2em;
	font-size: 1em;
	vertical-align: middle;
	padding-left: 8px
}

.b_parameter .m_cont {
	display: none;
}

.b_parameter .m_cont table {
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 8px 0
}

.b_parameter1 .m_cont table {
	background: #eaeae8;
	border: 1px solid #fff;
	box-shadow: 2px 2px 2px #ccc
}

.b_parameter .m_cont table tr {
	height: 27px;
	line-height: 20px
}

.b_parameter .m_cont table tr th {
	font-weight: normal;
	text-align: left;
	padding-left: 4%
}

.b_parameter .m_cont table tr td {
	color: #0077a2
}

.b_parameter .m_cont table tr.color {
	background: #fff
}

.b_color .m_cont ul {
	text-align: center
}

.b_color .m_cont ul li {
	display: inline-block;
	width: 20%;
	height: 46px;
	border: 4px solid #fff;
	border-radius: 14%;
	margin: 1%;
	text-align: center
}

.b_color .m_cont ul li span {
	display: block;
	height: 23px;
	width: 100%;
	background: #fff
}

.b_color .m_cont ul .color_orange .color1 {
	background: #f4b92d
}

.b_color .m_cont ul .color_orange .color2 {
	background: #f1a51f
}

.b_color .m_cont ul .color_white .color1 {
	background: #fff
}

.b_color .m_cont ul .color_white .color2 {
	background: #fff
}

.b_color .m_cont ul .color_blue .color1 {
	background: #00b3ed
}

.b_color .m_cont ul .color_blue .color2 {
	background: #009ee7
}

.b_color .m_cont ul .color_black .color1 {
	background: #19181e
}

.b_color .m_cont ul .color_black .color2 {
	background: #111015
}

.b_jh {
	position: fixed;
	padding-bottom: 5px;
	bottom: 0;
	left: 0;
	background: #ddd;
	width: 100%;
	z-index: 1000;
	text-align: center
}

.b_jh form {
	text-align: center
}

.b_jh .m_cont {
	display: block
}

.b_jh .m_tit {
	text-align: center;
	color: #fff
}

.b_jh .m_tit h2 {
	text-align: center;
	text-indent: -23px
}

.b_jh .m_tit h2 i {
	display: block; *
	zoom: 1;
	width: 23px;
	height: 23px;
	background: url("../images/bind_xl2.jpg") center center no-repeat;
	float: none;
	margin: 0;
	vertical-align: middle;
	margin-left: 4px;
	background-size: 23px 21px
}

.b_jh .m_tit h2 i.click {
	background: url("../images/bind_xl.jpg") center center no-repeat;
	background-size: 23px 21px;
	height: 23px;
	width: 23px
}

.b_jh .m_cont {
	padding: 2% 5%
}

.b_jh .m_input_text {
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 1.6em;
	color: #0062a2;
	border-radius: 8px;
	width: 90%;
	font-weight: bold;
	box-shadow: 5px 5px 10px #ccc inset;
	-moz-box-shadow: 5px 5px 10px #ccc inset;
	-webkit-box-shadow: 5px 5px 10px #ccc inset;
	border: 0;
	margin-top: 10px;
	border: 1px solid #297dcb
}

.b_jh .m_input_sub {
	text-align: center;
	font-size: 2em;
	color: #fff;
	width: 90%;
	height: 56px;
	line-height: 56px;
	border: 0;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	margin-top: 10px
}

.b_jh p {
	line-height: 2em;
	color: #f07b11;
	font-size: 1.4em
}

.blue_box .blue_tit {
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 5px
}

.blue_box .blue_tit h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff
}

.blue_box .blue_cont {
	padding: 3% 0;
	background: #ddd
}

.blue_box .blue_cont table th {
	text-align: right;
	width: 40%;
	height: 46px;
	line-height: 46px;
	font-size: 1.6em;
	color: #333
}

.blue_box .blue_cont table td {
	text-align: left;
	width: 60%;
	color: #666;
	font-size: 1.6em
}

.blue_box .blue_guashi {
	background-image: url("../images/guashibg.jpg");
	text-align: center
}

.m_slider .s_true {
	position: absolute;
	right: 4%;
	top: 20%;
	z-index: 100000
}

.m_carCode {
	margin-top: 10px;
	padding: 0 1%
}

.m_carCode dl {
	background: #297dcb;
	border-radius: 5px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 5px 0
}

.m_carCode dl dt {
	width: 25%;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 1.2em
}

.m_carCode dl dd {
	width: 63%;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	text-align: left;
	color: #000;
	font-size: 1.2em;
	background: #fff;
	box-shadow: 5px 5px 5px #ccc inset;
	-moz-box-shadow: 5px 5px 5px #ccc inset;
	-webkit-box-shadow: 5px 5px 5px #ccc inset;
	border: 0;
	padding-left: 10%
}

.m_brand {
	padding: 2%
}

.m_brand .bBox {
	background: #bcbcbc url("../images/m_buy_tit.png") left center no-repeat
		;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	height: 44px;
	line-height: 44px;
	border-radius: 5px
}

.m_code .m_input_text {
	color: #297dcb
}

.m_sub .m_input_sub2 {
	background-color: #297dcb
}

.m_login {
	padding: 2%;
	text-align: center
}

.m_login .m_cont {
	padding-bottom: 20px
}

.m_login a:first-child {
	margin-right: 3%
}

.m_login a {
	display: inline-block;
	width: 48%;
	height: 65px;
	line-height: 65px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 1.5em
}

.m_box2 {
	margin-top: 20px
}

.m_box2 .m_tit {
	height: 40px;
	line-height: 40px;
	background: #2a7dcb;
	text-align: left;
	color: #fff;
}

.m_box2 .m_tit h2 {
	font-size: 1.2em;
	color: #fff;
	padding-left: 20px
}

.m_box2 .m_cont {
	padding: 3% 4%;
	background: #d3d3d1
}

.m_box2 .m_cont p {
	font-size: 1.2em;
	color: #000
}

.m_box3 {
	margin: 0 10px 4px
}

.m_box3 .m_tit {
	height: 40px;
	line-height: 40px;
	background: -webkit-gradient(linear, left top, left bottom, from(#0279cb), color-stop(1, #035a9d))!important;
	text-align: left;
	color: #fff;
	border-radius: 3px
}

.m_box3 .m_tit h2 {
	font-size: 1.2em;
	color: #fff;
	padding-left: 20px
}

.m_box3 .m_cont {
	background: #d3d3d1;
	color: #414141;
}

.m_box3 .m_cont p {
	font-size: 1.2em;
	color: #000
}

.m_box_shadow {
	background-color: #eaeae9;
}

.tr1 {
	background-color: #fff;
	text-align: left
}

.tr2 {
	background-color: #e4e4e4;
	text-align: left
}

th {
	padding-left: 20px;
	white-space: nowrap
}

td {
	padding-left: 20px
}

.m_member {
	padding: 2%;
	background: -webkit-gradient(linear, left top, left bottom, from(#387ab7),
		color-stop(1, #2c5994) );
	margin: 2% 0
}

.m_member .mBox {
	padding: 5px;
	overflow: hidden;
	position: relative;
	height: 105px;
}

.m_member .mBox .m_img {
	position: absolute;
	top: 20px;
	left: 20px;
	border-radius: 7px;
	overflow:hidden;
}
.m_member .mBox .m_img a{
	display:block;
	font-size:0px;
}
.m_member .mBox .m_img img {
	background: #FFF;
	background: url("../images/touxiangbg.jpg") center center no-repeat;
	background-size: 100%;
	width: 80px;
	height: 80px;
}

.m_member .mBox .m_name {
	padding-left: 120px;
	height: 32px;
	line-height: 18px;
	font-size: 1.2em;
	color: #fff;
	margin-top: 30px;
}

.m_member .mBox .m_info {
	padding: 0px 5px 10px 120px;
}

.m_member .mBox .m_info p {
	line-height: 1.2em;
	font-size: 1.3em;
	color: #fff;
	font-weight:900;
}
.e_btn{
	width: 40px;
	position:absolute;
	right: 20px;
	top: 46px;
}
.e_btn img{
	width: 100%;
}
.m_sub .m_input_sub3 {
	background: #253442 5% center no-repeat;
	background-size: 23px
}

.m_member_set {
	height: 80px;
	padding: 2px 0;
	background: #2ea6da;
	color: #fff;
	margin-top: -3%
}

.m_member_set ul li {
	display: inline-block; *
	display: inline; *
	zoom: 1;
	width: 32%;
	text-align: center;
	border-right: 1px solid #5ed0ff;
	height: 80px
}

.m_member_set ul li .icon {
	display: block;
	width: 60px;
	height: 50px;
	text-align: center;
	margin: 0 auto
}

.m_member_set ul li .icon1 {
	background: url("../images/1.png") center center no-repeat;
	background-size: 42px 25px
}

.m_member_set ul li .icon2 {
	background: url("../images/2.png") center center no-repeat;
	background-size: 37px 29px
}

.m_member_set ul li .icon3 {
	background: url("../images/3.png") center center no-repeat;
	background-size: 24px 19px
}

.m_member_set ul li .icon4 {
	background: url("../images/4.png") center center no-repeat;
	background-size: 43px 29px
}

.m_member_set ul li p {
	color: #fff;
	font-size: 1.2em;
	margin-top: 5px;
	font-weight: bold
}

.m_out {
	margin-top: 10px;
	padding: 2% 2% 5%
}

.m_out .btn_out {
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	background: #243443 50px center no-repeat;
	background-size: 23px;
	width: 100%;
	border-radius: 5px;
	cursor: pointer
}

#styleBox2 header {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	text-align: center;
	background: url("../images/m_header_bg2.gif") repeat-x
}

#styleBox2 header .logo {
	display: block;
	width: 176px;
	height: 48px;
	background: no-repeat;
	margin: 0 auto;
	background: url("../images/m_header_logo2.jpg") no-repeat
}

#styleBox2 .m_member {
	background: #9361ba
}

#styleBox2 .m_member .mBox .m_info p {
	color: #edc9ff
}

#styleBox2 .m_member_set {
	background: #663392
}

#styleBox2 .m_member_set ul li {
	border-right: 1px solid #fff
}

#styleBox2 .blue_box .blue_tit {
	background: #663392;
	color: #fff
}

#styleBox2 .m_box2 .m_tit {
	background: #663392
}

#styleBox2 .m_slider .slidebox .slide-num li.active {
	background: url("../images/m_slider_btn2_3.png") no-repeat;
	background-size: 12px 12px
}

#styleBox2 .b_jh .m_tit {
	background: #672f94;
	text-align: center;
	color: #fff
}

#styleBox2 .m_code .m_input_text {
	color: #672f94
}

#styleBox2 .b_jh .m_input_sub {
	text-align: center;
	font-size: 2em;
	color: #fff;
	width: 90%;
	height: 56px;
	line-height: 56px;
	border: 0;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	margin-top: 10px
}

#styleBox2 .m_carCode dl {
	background: #672f94;
	border-radius: 5px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 5px 0
}

#styleBox2 .m_login a {
	display: inline-block;
	width: 48%;
	height: 65px;
	line-height: 65px;
	background: #672f94;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 1.5em
}

#styleBox2 .m_box .m_tit {
	height: 36px;
	line-height: 36px;
	text-align: left;
	background: #672f94;
	border-radius: 5px;
	margin: 0 2px;
	cursor: pointer;
	overflow: hidden
}

#styleBox3 header {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	text-align: center;
	background: url("../images/m_header_bg3.gif") repeat-x
}

#styleBox3 header .logo {
	display: block;
	width: 176px;
	height: 48px;
	background: no-repeat;
	margin: 0 auto;
	background: url("../images/m_header_logo3.jpg") no-repeat
}

#styleBox3 .m_member {
	background: #bdbdbd
}

#styleBox3 .m_member .mBox .m_info p {
	color: #edc9ff
}

#styleBox3 .m_member_set {
	background: #b90f29
}

#styleBox3 .m_member_set ul li {
	border-right: 1px solid #fff
}

#styleBox3 .blue_box .blue_tit {
	background: #b90f29;
	color: #fff
}

#styleBox3 .m_box2 .m_tit {
	background: #b90f29
}

#styleBox3 .m_slider .slidebox .slide-num li.active {
	background: url("../images/m_slider_btn2_2.png") no-repeat;
	background-size: 12px 12px
}

#styleBox3 .m_member .mBox .m_name {
	color: #000
}

#styleBox3 .m_member .mBox .m_info p {
	color: #000
}

#styleBox3 .b_jh .m_tit {
	background: #b90f29;
	text-align: center;
	color: #fff
}

#styleBox3 .m_code .m_input_text {
	color: #b90f29
}

#styleBox3 .b_jh .m_input_sub {
	text-align: center;
	font-size: 2em;
	color: #fff;
	width: 90%;
	height: 56px;
	line-height: 56px;
	border: 0;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	margin-top: 10px
}

#styleBox3 .m_carCode dl {
	background: #b90f29;
	border-radius: 5px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 5px 0
}

#styleBox3 .m_login a {
	display: inline-block;
	width: 48%;
	height: 65px;
	line-height: 65px;
	background: #b90f29;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 1.5em
}

#styleBox3 .m_box .m_tit {
	height: 36px;
	line-height: 36px;
	text-align: left;
	background: #b90f29;
	border-radius: 5px;
	margin: 0 2px;
	cursor: pointer;
	overflow: hidden
}

.m_fadeBox {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0
}

.m_fadeBox .f_bg1 {
	background: url("../images/m_wrap_black.png") repeat;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.m_fadeBox .f_cont {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.m_fadeBox .f_cont ul {
	padding: 160px 15%
}

.m_fadeBox .f_cont ul li {
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 100%;
	margin-bottom: 4%
}

.m_fadeBox .f_cont ul li .input_text {
	margin-left: 20%;
	width: 70%;
	height: 62px;
	border: 0;
	padding: 0 10px;
	font-size: 1.2em;
	background: none
}

.m_fadeBox .f_cont ul li .input_name {
	background: #fff;
	height: 64px;
	line-height: 64px;
	border: 3px solid #848284;
	border-radius: 10px;
	text-align: left
}

.m_fadeBox .f_cont ul li .input_password {
	background: #fff;
	height: 64px;
	line-height: 64px;
	border: 3px solid #848284;
	border-radius: 10px;
	text-align: left
}

.m_fadeBox .f_cont .forget {
	text-align: right
}

.m_fadeBox .f_cont .forget a {
	color: #fff;
	text-align: right;
	font-size: 1.2em
}

.m_fadeBox .f_cont .btn_sub input {
	display: block;
	border: 0;
	height: 72px;
	line-height: 72px;
	text-align: center;
	background: url("../images/m_login_btn_bg.jpg") repeat-x;
	width: 100%;
	cursor: pointer;
	color: #fff;
	font-size: 2em;
	border: 1px solid #37559b;
	border-radius: 5px;
	outline: none;
	cursor: pointer
}

.m_fadeBox .f_bg3 {
	height: 90%;
	top: 5%
}

.m_fadeBox .register {
	padding: 65px 15%
}

.m_fadeBox .register dl {
	margin-bottom: 15px;
	width: 100%
}

.m_fadeBox .register dl dt {
	font-size: 1.6em;
	color: #000;
	text-align: left
}

.m_fadeBox .register dl dd .r_text {
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #878586;
	border-radius: 5px;
	width: 96%;
	padding: 0 2%
}

.m_fadeBox .register dl dd .r_select {
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #878586;
	border-radius: 5px;
	width: 100%
}

.m_fadeBox .register dl dd .r_sub {
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #fff;
	font-size: 2em;
	width: 100%;
	background: url("../images/m_login_btn_bg.jpg") left center repeat-x;
	border: 0;
	border-radius: 10px;
	margin-top: 20px;
	cursor: pointer;
	outline: none
}

#bike_lose {
	background: #f8cb34
}

#bike_lose .m_member {
	background: #000;
	padding: 0 2%
}

#bike_lose .m_member .mBox .m_name {
	color: #fd010c
}

#bike_lose .m_member .mBox .m_info p {
	color: #fd010c
}

#bike_lose .lose_tit {
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 100%;
	background: #000 url("../images/m_bike_lose.jpg") no-repeat;
	position: relative
}

#bike_lose .lose_tit h2 {
	color: #e03c32
}

#bike_lose .lose_tit img {
	position: absolute;
	top: 0;
	right: 0
}

#bike_lose .m_box2 .m_cont {
	background: #e0b62e
}

#user_center .m_member_set {
	height: 80px;
	padding: 5px 0;
	background: #2ea6da;
	color: #fff;
	margin-top: -2%;
	margin-bottom: 2%
}

#user_center .m_member_set ul li {
	height: 80px;
	border-color: #5ed0ff
}

#user_center .mycar {
	margin-top: 20px
}

#user_center .mycar .car_tit {
	height: 30px;
	line-hegiht: 30px;
	background: #eaeae8
}

#user_center .mycar .car_tit h2 {
	font-size: 1.4em;
	padding-left: 10px;
	display: inline-block
}

#user_center .mycar .car_cont {
	margin-top: 10px
}

#user_center .mycar .car_cont ul li {
	padding: 10px;
	position: relative;
	background: #fff
}

#user_center .mycar .car_cont ul li dl {
	border-bottom: 1px solid #eaeaea
}

#user_center .mycar .car_cont ul li.color {
	background: #eaeae8
}

#user_center .mycar .car_cont ul li dl dt {
	top: 10px;
	height: 204px;
	width: 260px;
	overflow: hidden;
	margin: 0 auto
}

#user_center .mycar .car_cont ul li dl dd {
	padding-left: 30px;
	padding-top: 15px;
	height: 150px;
	width: 200px;
	overflow: hidden
}

#user_center .mycar .car_cont ul li dl dd a {
	color: #2c7abc
}

#user_center .mycar .car_cont ul li dl dd strong {
	font-size: 1.4em;
	color: #2c7abc;
	display: inline-block
}

#user_center .mycar .car_cont ul li dl dd p {
	font-size: 1.2em;
	color: #666;
	line-height: 24px;
	margin-top: 10px
}

.m_userImg {
	padding: 5%
}

.m_userImg .img_tit img {
	margin-right: 20px
}

.m_userImg .img_tit span {
	font-size: 1.2em
}

.m_userImg .img_cont {
	padding-top: 20px
}

.m_userImg .img_cont input {
	display: block;
	border: 1px solid #ccc;
	height: 36px;
	width: 100%;
	line-height: 36px;
	background: #fff
}

.user_btn {
	padding: 5%;
	margin-top: 20px;
	text-align: center
}

.user_btn .sub {
	border: none;
	display: block;
	height: 58px;
	line-height: 58px;
	color: #fff;
	background-color: #0279cb;
	width: 100%;
	cursor: pointer;
	cursor: pointer;
	border-radius: 5px;
	font-size: 22px
}

.lose_btn {
	padding: 5%;
	margin-top: 20px;
	text-align: center
}

.lose_btn .sub {
	padding-left: 3%;
	width: 97%;
	display: block;
	height: 58px;
	line-height: 58px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#d20000),
		color-stop(1, #910a04) ) !important;
	margin-bottom: 15px;
	cursor: pointer;
	cursor: pointer;
	border-radius: 5px;
	font-size: 22px
}

.m_userInfo {
	padding: 5%
}

.m_userInfo ul li {
	line-height: 54px
}

.m_userInfo ul li .l_text {
	height: 42px;
	width: 94%;
	padding: 0 3%;
	border: 1px solid #ccc;
	line-height: 42px;
	color: #333;
	font-size: 14px
}

.m_userInfo ul li span {
	display: inline-block;
	width: 60px;
	height: 50px;
	color: #000;
	font-weight: bold;
	padding-left: 10px
}

.m_userInfo ul li .info_title {
	color: #000;
	font-weight: bold;
	padding-left: 10px;
	line-height: 20px
}

.m_userInfo ul li label {
	width: 60px;
	height: 42px;
	display: inline-block; *
	display: inline; *
	zoom: 1;
	vertical-align: middle;
	cursor: pointer
}

.m_userInfo ul li label input {
	margin-right: 5px
}

.m_userInfo ul li .lit {
	display: inline-block; *
	display: inline; *
	zoom: 1;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding-right: 5px;
	border: 1px solid #ccc
}

.m_userInfo ul li .gao {
	line-height: 180px
}

.user_btn .sub_p {
	padding: 6% 0;
	color: #666;
	font-size: 1.2em;
	border-top: 2px solid #57b6e6;
	margin-top: 15px
}

.user_btn .sub_p a {
	color: #2383cd
}

.m_mes {
	width: 100%;
	background: #191a1e;
	text-align: center;
	height: 86px;
	line-height: 86px
}

.m_mes h2 {
	color: #fff;
	font-size: 1.2em
}

.m_userInfo ul li .l_code {
	width: 65%;
	float: left;
	margin-right: 2%
}

.m_userInfo ul li .code_img {
	float: left
}

.scroll {
	position: relative;
	overflow: hidden
}

.mod_01 {
	float: left;
	position: relative
}

.mod_01 img {
	display: block;
	width: 100%;
	margin: 0 auto
}

.dotModule_new {
	padding: 0 5px;
	height: 18px;
	line-height: 10px;
	-webkit-border-radius: 11px;
	background: rgba(45, 45, 45, 0.5);
	position: absolute;
	bottom: 5px;
	z-index: 11;
	left: 50%
}

#slide_01_dot {
	text-align: center;
	margin: 3px 0 0
}

#slide_01_dot span {
	display: inline-block;
	margin: 0 3px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background: #b3b3b3;
	-webkit-border-radius: 6px
}

#slide_01_dot .selected {
	background: #0084b4
}

.s_bg {
	position: relative;
	z-index: 90
}

.slide_01 {
	position: relative;
	z-index: 100
}

.dotModule_new {
	z-index: 101
}

.m_userInfo .reg_select span {
	font-size: 14px;
	font-weight: normal;
	color: #333
}

.m_userInfo .reg_select select {
	height: 42px;
	line-height: 42px;
	width: 100px;
	padding: 0 10px;
	display: inline-block
}

.col2 {
	background: -webkit-gradient(linear, left top, left bottom, from(#297dcb),
		color-stop(1, #1c4982) )
}

.col4 {
	background: -webkit-gradient(linear, left top, left bottom, from(#b90f29),
		color-stop(1, #7d0f20) )
}

.col6 {
	background: -webkit-gradient(linear, left top, left bottom, from(#672f94),
		color-stop(1, #411961) )
}

.col1_1 {
	background: url("../images/m_header_bg.gif") repeat-x
}
.col1_1>img{
	width: 40px;
	margin-top: 3px;
}
.col3_1>img {
    width: 40px;
    margin-top: 3px;
}
.col5_1>img {
    width: 40px;
    margin-top: 3px;
}
.col3_1 {
	background: url("../images/m_header_bg3.gif") repeat-x
}

.col5_1 {
	background: url("../images/m_header_bg2.gif") repeat-x
}

.col1 {
	background: #2a7dcb !important;
	box-shadow: 0 3px 0 #45bcf3;
}

.col5 {
	background: #672f94 !important;
	box-shadow: 0 3px 0 #7e4da6
}

.col3 {
	background: #b90f29 !important;
	box-shadow: 0 3px 0 #e14d63
}

.title_font {
	color: white;
	font-size: 21px;
	font-family: '寰蒋闆呴粦'
}

.act {
	position: absolute;
	top: 0px !important;
	left: 5px !important;
	padding-left: 0 !important
}

.act li {
	border: 1px solid white;
	width: 30px;
	margin: 5px
}

.act1 {
	display: none;
	z-index: 1000;
	background-color: #2A7DCB;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.exit {
	padding: 20px
}

.exit img {
	width: 20px
}

.name {
	padding: 10px 20px 20px;
	color: white;
	font-size: 14px
}

.act1_ul {
	margin-top: 10px
}
.act1_ul li{
	padding: 0 40px 0 0!important;
}
.act1_ul li a{
	padding: 20px!important;
	font-size: 14px;
	line-height: 20px
}

.act1_ul li a {
	color: white
}

.act1_ul li a em {
	margin-right: 6px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100% 100%;
	float: left
}

.act1_ul li span {
	width: 25px;
	height: 25px;
	background: url("../images/you_white.png");
	font-weight: 600;
	font-size: 20px;
	float: right
}

.que_list_ul1 li a,.que_list_ul2 li a {
	background: url("../images/bg-lxl.png");
	background-size: 500% 100%
}

.que_list_ul1 li:nth-child (1) a {
	background-position: 0 0
}

.que_list_ul1 li:nth-child (2) a {
	background-position: 300% 0
}

.que_list_ul1 li:nth-child (3) a {
	background-position: 200% 0
}

.que_list_ul2 li:nth-child (1) a {
	background-position: 400% 0
}

.que_list_ul2 li:nth-child (2) a {
	background-position: 100% 0
}

/*20170928 lxl -改UI*/
.m_cont{
	position: relative;
}
.lx-prize{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 20px;
	top: 27px;
}
.lx-prize img{
	width: 100%;
}
.lx-m_cont{
	display:block;
}
.fav_car{
	width: 96%;
	margin: 0 auto;
	border-radius: 8px;
    overflow: hidden;
}
.lx-arrow{
	    font-style: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/m_box_click.png) no-repeat;
    background-size: 14px 14px;
    margin-right: 20px;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.arrow-open{
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.lx-read{
	float: right;
    width: 68px!important;
    color: #4c99de!important;
    padding: 0!important;
}
.read-more-arrow{
	float: right;
    width: 10px;
    margin-right: 30px;
}