@charset "UTF-8";
/*
* @Author: jacobwang
* @Date:   2016-11-15 16:02:26
* @Email:  wangwenyu@qwang.com.cn
* @Last Modified by:   wenyu
* @Last Modified time: 2016-12-20 13:48:13
*/
/*
* @Author: wenyu
* @Date:   2016-12-19 11:21:40
* @Email:  wangwenyu@qwang.com.cn
* @Last Modified by:   wenyu
* @Last Modified time: 2016-12-29 19:08:33
*/
/*
* @Author: wenyu
* @Date:   2016-12-19 16:42:18
* @Email:  wangwenyu@qwang.com.cn
* @Last Modified by:   wenyu
* @Last Modified time: 2017-01-05 17:17:01
*/
/* 两列定宽布局 */
/* 两列右侧自适应布局 */
/* 两列左侧自适应布局 */
/* 三列右侧自适应布局 */
/* 三列左侧自适应布局 */
/* 三列中间自适应布局 */
/* 等分布局 */
/*
* @Author: wenyu
* @Date:   2016-12-20 13:43:45
* @Email:  wangwenyu@qwang.com.cn
* @Last Modified by:   wenyu
* @Last Modified time: 2016-12-20 14:01:08
*/
.g-mn21c-ot {
  margin-left: 260px; }
.u-btn, .u-btn-primary, .u-btn-yellow, .u-btn-red {
  display: inline-block;
  padding: 6px 22px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background .2s ease; }
  .u-btn-primary {
    color: #ffffff;
    background-color: #01a1e3;
    border-color: #01a1e3;
    border-radius: 3px; }
    .u-btn-primary:hover {
      text-decoration: none;
      color: #fff;
      background-color: #018fca; }
  .u-btn-yellow {
    color: #ffffff;
    background-color: #ff9a1f;
    border-color: #ff9a1f;
    border-radius: 0px; }
    .u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow:active, .u-btn-yellow:active:focus {
      color: #ffffff;
      background-color: #ff8f06;
      border-color: #ff8f06; }
  .u-btn-red {
    color: #ffffff;
    background-color: #ff4349;
    border-color: #ff4349;
    border-radius: 0px; }
    .u-btn-red:hover, .u-btn-red:focus, .u-btn-red:active, .u-btn-red:active:focus {
      color: #ffffff;
      background-color: #ff2a30;
      border-color: #ff2a30; }

/*
* @Author: jacobwang
* @Date:   2016-11-15 16:02:54
* @Email:  wangwenyu@qwang.com.cn
* @Last Modified by:   wenyu
* @Last Modified time: 2017-01-05 11:49:45
*/
.m-logo {
  float: left;
  height: 90px;
  overflow: hidden;
  position: relative;
  font-size: 50px;
  margin: 0; }

.m-indexfloor .g-sd1 {
  position: relative;
  float: left;
  width: 190px;
  margin-right: -190px; }

.m-indexfloor .g-mn1 {
  float: right;
  width: 100%; }

.m-indexfloor .g-mn1c {
  margin-left: 190px; }

.m-indexfloor .g-bd1:before,
.m-indexfloor .g-bd1:after {
  display: table;
  content: " "; }

.m-indexfloor .g-bd1:after {
  clear: both; }

.u-graybg {
  background: #f5f5f5; }
  
  
  
/*列表*/
.z-qscroe-ul {
	margin-left: -8px;
	padding-bottom: 40px;
	overflow: hidden;
	zoom: 1;
}
.z-qscroe-ul li{
	float: left;
	position: relative;
	width: 230px;
	margin-left: 8px;
	margin-top: 20px;
	border: 1px solid #EDEDED;
	background-color: #fff;
	overflow: hidden;
	transition: all .3s;
}
.z-qscroe-ul li:hover {
	box-shadow: 2px 15px 20px rgba(0,0,0,.15);
}
.z-qscroe-ul li > a {
	width: 100%;
	height: 230px;
	overflow: hidden;
}
.z-qscroe-ul li > a img {
	width: 100%;
	height: 100%;
}
.z-qscroe-ul li > p {
	font-size: 14px;
	color: #333;
	line-height: 21px;
	height: 42px;
	margin: 13px 8px 22px;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.z-qscroe_price {
	padding: 0 8px 10px;
	font-size: 0;
}
.z-qscroe_price > span {
	font-size: 16px;
	color: #FF9A1F;
	line-height: 16px;
}
.z-qscroe_price > i {
	font-style: normal;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #FDC223;
	border-radius: 50%;
	font-size: 10px;
	color: #BF790A;
	text-align: center;
	line-height: 14px;
	margin: 0 4px 0 6px;
	position: relative;
	top: -2px;
}
.z-qscroe_price > font {
	color: #FF9A1F;
	font-size: 12px;
	position: relative;
	top: -2px;
}
.z-qscroe_price > s {
	font-style: normal;
	text-decoration: none;
	font-size: 12px;
	color: #FF4349;
	margin-left: 4px;
	position: relative;
	top: -1px;
}
.z-qscroe_price > label {
	font-size: 16px;
	line-height: 16px;
	color: #FF4349;
}
.z-qscroe-ul li .z-qshotall {
	position: absolute;
	right: 0;
	bottom: 6px;
	width: 80px;
	height: 24px;
	padding-right: 12px;
	background-color: #D8D8D8;
}
.z-qscroe-ul li .z-qshotall p {
	text-align: right;
	font-size: 14px;
	color: #777;
	line-height: 24px;
	word-spacing: 3px;
}

/*积分订单页*/
.z-qscor_table {
	width: 100%;
	border: 1px solid #D8D8D8;
	background-color: #F3F5F8;
	margin-top: 40px;
}
.z-qscor_table thead tr th{
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	color: #333;
	font-weight: 600;
}
.z-qfirth_textl {
	text-align: left;
	padding-left: 7px;
}
.z-qscor_table tbody tr {
	background-color: #F7F8FB;
	text-align: center;
}
.z-qscor_table tbody tr td {
	line-height: 48px;
	color: #EA413C;
	border-top: 1px solid #D8D8D8;
}
.z-qtabl_tdiv {
	position: relative;
	padding: 14px 20px;
}
.z-qtabl_tdiv > a {
	float: left;
	width: 108px;
	height: 108px;
	overflow: hidden;
}
.z-qtabl_tdiv > a img {
	width: 100%;
	height: 100%;
}
.z-qtabl_tdiv > h3 {
	width: 300px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin-left: 25px;
	line-height: 18px;
	text-align: left;
}
.z-qtabl_tdiv > p {
	position: absolute;
	bottom: 14px;
	left: 153px;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
.z-qorder_detail {
	border: 1px solid #D8D8D8;
	border-top: none;
	background-color: #F3F5F8;
	color: #333;
}
.z-qorder_mesg {
	float: left;
	width: 832px;
	padding: 20px 0 0 20px;
}
.z-qorder_mesg label {
	line-height: 32px;
	font-size: 12px;
}
.z-qorder_mesg > input {
	width: 380px;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	border:1px solid #D8D8D8;
	vertical-align: middle;
}
.z-qorder_detailtotal {
	border-top: 1px solid #D8D8D8;
}
.z-qorder_pay {
	position: relative;
	float: right;
	width: 306px;
	border-left: 1px solid #D8D8D8;
	padding: 18px 20px 10px;
}
.z-qorder_pay dd {
	margin-bottom: 8px;
}
.z-qorder_pay p {
	font-size: 12px;
	line-height: 18px;
	padding-left: 64px;
}
.z-qorder_pay span {
	float: left;
	width: 62px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}
.z-qorder_pay .z-qshow_yun {
	position: absolute;
	right: 20px;
	bottom: 18px;
}
.z-qorder_detailtotal {
	padding: 11px 20px;
	text-align: right;
}

.z-qtotal_money {
	margin-top: 50px;
	border-bottom: 1px solid #D8D8D8;
	color: #999;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 6px;
}
.z-qtotal_money span {
	font-size: 18px;
}
.z-qorder_option {
	margin-top: 30px;
	margin-bottom: 66px;
	text-align: right;
}
.z-qorder_option .z-qgoback_c {
	line-height: 22px;
	font-size: 12px;
	color: #017AFF;
}
.z-qorder_option .z-qsure_order {
	display: inline-block;
	width:160px;
	height:38px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	font-size: 16px;

	background-color: #FF9A1F;
	margin-left: 40px;
}
.z-qorder_option .z-qsure_order:hover {
	text-decoration: none;
	background-color: #ec8508;
}
  
  
  /*筛选条件*/
.z-qscreen {
	height: 42px;
	border: 1px solid #D8D8D8;
	background-color: #F3F5F8;
	margin-top: 40px;
	font-size: 0;
	overflow: hidden;
}
.z-qscreen > a {
	display: inline-block;
	font-size: 12px;
	color: #333333;
	padding: 13px;
	line-height: 16px;
	border-left: 1px solid #F3F5F8;
	border-right: 1px solid #F3F5F8;
}
.z-qscreen > a:hover {
	color: #FF4349;
	text-decoration: none;
}
.z-qscreen > a:first-of-type {
	margin-left: -1px;
}
.z-qscreen > a.active {
	color: #FF4349;
	background-color: #fff;
	border-color: #D8D8D8;
}




/*详情页*/
.z_qprodtdeti .product_bigpic{width: 400px;height: 400px;border: 1px solid #e5e5e5;margin-bottom: 10px;position: relative;margin: 14px 0 14px 14px;}
.z_qprodtdeti .product_bigpic img{width: 400px;height: 400px;}
.z_qprodtdeti .product_smpic{width:100%;overflow:hidden;}
.z_qprodtdeti .elastislide-wrapper{ position:relative;min-height:62px;}
.z_qprodtdeti .elastislide-carousel{overflow:hidden;position:relative;}
.z_qprodtdeti .elastislide-carousel ul{position:relative;}
.z_qprodtdeti .product_smpic .elastislide-wrapper nav span{position:absolute;left:0;top:0;width:18px;height:62px;border:1px solid #e5e5e5;text-align:center;font:16px/62px simsun;cursor:pointer;text-indent:-9999px;background:url(../img/left_right.png) 4px center no-repeat #fff;-webkit-transition:background 0.3s;transition:background 0.3s;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5);-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5);}
.z_qprodtdeti .product_smpic .elastislide-wrapper nav span:hover{background-color:#f1f1f1;border-color:#ccc}
.z_qprodtdeti .product_smpic .elastislide-wrapper nav .elastislide-next{left:auto;right:0;background-position:-48px center}
.z_qprodtdeti .product_smpic .elastislide-carousel{margin:0 20px;}
.z_qprodtdeti .product_smpic #product-carousel{width:10000px;*max-height:64px !important;}
.z_qprodtdeti .product_smpic #product-carousel li{float:left;width:60px;height:60px;border:1px solid #e5e5e5;padding:1px;overflow:hidden;margin:0 4px;cursor:pointer;-webkit-transition:border-color 0.3s;transition:border-color 0.3s;}
.z_qprodtdeti .product_smpic #product-carousel li img{width:60px;height:60px;padding:0}
.z_qprodtdeti .product_smpic #product-carousel li.active{padding:0;border:2px solid #eb5e58;}
.z_qprodtdeti{
	background: #fff;
}
.z_qprodtdeti .pm-lt{
   width: 360px;
   float: left;
   margin: 40px 20px 0 0px;
   border: 2px solid #EDEDED;
   padding: 20px;
}

.pm-lt .product_bigpic{
	width: 360px;
	height: 360px;
	margin:0px;
	margin-bottom: 20px;
}

.pm-lt .product_smpic{
	margin-bottom: 0px;
}
.pm-lt .product_smpic #product-carousel li{
	width: 78px;
	height: 78px;
	padding: 2px;
	border: none;
	text-align: center;
}
.pm-lt .product_bigpic img{
	width: 360px;
	height: 360px;
}
.pm-lt .product_smpic #product-carousel li.active {
    padding: 0;
    border: 2px solid #eb5e58;
}
.z_qprodtdeti .pm-lt .product_smpic .elastislide-carousel{
	margin: 0;
	margin-left: -10px;
}

.z_qprodtdeti .pm-lt .product_smpic .elastislide-wrapper nav span{
	background: url(../img/pm-l.png) 24px 13px no-repeat #333;
	width: 40px;
	height: 40px;
	border: none;
	border-radius:50%;
	top: 12px;
	left: -20px;
	box-shadow: none; 
     -webkit-box-shadow: 0px;
}

.z_qprodtdeti .pm-lt .product_smpic .elastislide-wrapper nav .elastislide-next{
	background: url(../img/pm-r.png) 5px 13px no-repeat #333;
	left:auto;
	right:-20px;
}
.z_qprodtdeti .pm-lt .product_smpic #product-carousel li{
	margin: 0;
	margin-left:10px;
}
.pm-lt .product_smpic #product-carousel li img{
	width: 60px;
	height: 60px;
}
.pm-rt{
	margin-top: 40px;
	width: 775px;
	float: left;
}
.pm-rt h2{
	font-size: 16px;
	color: #333;
	line-height: 22px;
	font-weight:600; 
	margin-bottom: 12px;
}
.pm-rt h3{
	font-size: 12px;
	color: #FF4349;
	line-height: 17px;
	font-weight:normal; 
	margin-bottom: 10px;
}
.pm-rt .pm-status{
	padding: 20px 20px 0;
	font-family: "Microsoft YaHei";
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #EDEDED;
}

.z-qmarker_price .title{
	display: inline-block;
	width: 60px;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	color: #666;
	vertical-align: text-top;
}
.z-qmarker_asccot {
	margin-top: 10px;
}
.z-qmarker_asccot .title,.m-zfore1 .title {
	float: left;
	width: 60px;
	height: 18px;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
.z-qmarker_asccot .title {
	margin-top: 10px;

}
.z-qmarker_asccot .z-qasccot_money {
	padding-left: 60px;
}
.z-qmarker_asccot .z-qasccot_money li {
	float: left;
	width: 178px;
	height: 38px;
	border: 1px solid #CCCCCC;
	padding-left: 15px;
	margin-bottom: 17px;
	margin-right: 12px;
	box-sizing: content-box;
	background-color: #fff;
	cursor: pointer;
	position: relative;
}
.z-qmarker_asccot .z-qasccot_money li.active,
.m-zfore1 .z-qselect_op li.active {
	border-color: #EA413C;
	background: #fff url(../img/lt-adrs.png) right bottom no-repeat;
}
.m-zfore1.m-startingprice .z-qselect_op li.active::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	background: url(../img/lt-adrs.png) right bottom no-repeat;

}
.z-qmarker_asccot .z-qasccot_money li span {
	font-size: 20px;
	color: #FF9A1F;
	line-height: 38px;
}
.z-qmarker_asccot .z-qasccot_money li i {
	font-style: normal;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #FDC223;
	border-radius: 50%;
	font-size: 10px;
	color: #BF790A;
	text-align: center;
	line-height: 14px;
	margin: 0 2px;
	position: relative;
	top: -4px;
}
.z-qmarker_asccot .z-qasccot_money li font {
	color: #FF9A1F;
	font-size: 16px;
	position: relative;
	top: -3px;
}


.z-qmarker_asccot .z-qasccot_money li label {
	font-size: 20px;
	line-height: 38px;
	color: #FF4349;
}

.m-zfore1 {
	margin-bottom: 10px;
}
.m-zfore1 .z-qselect_op {
	padding-left: 60px;
}
.m-zfore1 .z-qselect_op li {
	position: relative;
	float: left;
	margin: 0 8px 7px 0;
	border: 1px solid #DCDCDC;
	cursor: pointer;
}
.m-zfore1 .z-qselect_op li.active {
	-webkit-background-size: 12px 9px;
	background-size: 12px 9px;
}
.m-startingprice .z-qselect_op li{
	width: 33px;
	height: 33px;
	overflow: hidden;
}
.m-startingprice .z-qselect_op li img {
	width: 100%;
	height: 100%;
}
.m-zfore1.zm-bond li {
	line-height: 32px;
	padding: 0 10px;
}
.z-qm-sum .z-select-box {
	float: left;
}
.z-qm-sum .z-select-box a{
	float: left;
	height: 27px;
    width: 27px;
    line-height: 26px;
    font-size: 22px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #dcdcdc;
    background: #f4f4f4;
    color: #333;
    margin-right: 0;
}
.z-qm-sum .z-select-box a:hover {
	text-decoration: none;
}
.z-q_input {
	float: left;
	width: 46px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-width: 1px 0;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 'PingFang SC',Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
    color: #666;
}
.z-qf-fl {
	float: left;
	line-height: 27px;
    font-weight: normal;
    margin-left: 4px;
}
.pm-btn {
	padding-left: 60px;
}
.pm-btn a{
	background: #FF9A1F;
	display: inline-block;
	font-size: 16px;
	width:160px;
	height:38px;
	text-align: center;
	color: #fff;
	line-height: 38px;
	margin-top: 30px;
}
.pm-btn a:hover {
	background-color: #ec860a;
	text-decoration: none;
}
.pm-btn a.z-disabled {
	background-color: #EDEDED;
	color: #979797;
	cursor: not-allowed;
}

/*详情切换*/
.pm-addition {
    position: relative;
	color: #999;
	margin: 60px 30px 0;
}

.pm-addition .tab-menu-wrap {
    height: 36px;
}

.pm-addition .tab-menu {
    position: relative;
    z-index: 1;
    border: 1px solid #D8D8D8;
    border-right: none;
    border-top: none;
}
.pm-addition .tab-menu::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	right: 0;
	height: 33px;
	border: 1px solid #D8D8D8;
	background-color: #F3F5F8;
}
.pm-addition .tab-menu li {
    display: inline;
    position: relative;
	top: 1px;
	float: left;
}
.pm-addition .tab-menu li a {
    float: left;
    display: inline;
    font-size: 14px;
    padding: 0 35px;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    color: #333;
    border-right: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    background-color: #F3F5F8;
}
.pm-addition .tab-menu li a:hover {
	text-decoration: none;
	color:#FF5F05; 
}
.pm-addition .tab-menu .curr a {
    margin-left: -1px;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    border-top-width: 3px;
    border-top-color: #FF4349;
    border-bottom-color: #fff;
    height: 31px;
    line-height: 31px;
    color: #FF5F05;
}

.z-qpro-detail .z-qpro_tit{
	padding: 34px 0 10px 35px;
	border-left: 1px solid #D8D8D8;
	
}
.z-qpro-detail .z-qpro_tit p,
.z-qpro-detail .z-qpro_lists dl dd {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 8px;
	color: #333;
}
.z-qpro-detail .z-qpro_lists dl{
	float: left;
	width: 240px;
}
.z-qpro_prices img{
	max-width: 100%;
}
.pm-num {
	color: #EA413C;
	margin-left: 6px;
}

.z-qupicon {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 4px;
	background: url(../img/z-quopdown.png) no-repeat;
	transition: all .3s;
	vertical-align: middle;
}
.z-qupicon.down {
	background-position: 0 -8px;
}
.z-q_nota .z-qshow_pros {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	background: url(../img/z-qxuan.png) no-repeat;
	vertical-align: middle;
}
.z-q_nota.current .z-qshow_pros {
	background: url(../img/z-qxuan-a.png) no-repeat;
}




/*积分订单页*/
.z-qscor_table {
	width: 100%;
	border: 1px solid #D8D8D8;
	background-color: #F3F5F8;
	margin-top: 40px;
}
.z-qscor_table thead tr th{
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	color: #333;
	font-weight: 600;
}
.z-qfirth_textl {
	text-align: left;
	padding-left: 7px;
}
.z-qscor_table tbody tr {
	background-color: #F7F8FB;
	text-align: center;
}
.z-qscor_table tbody tr td {
	line-height: 48px;
	color: #EA413C;
	border-top: 1px solid #D8D8D8;
}
.z-qtabl_tdiv {
	position: relative;
	padding: 14px 20px;
}
.z-qtabl_tdiv > a {
	float: left;
	width: 108px;
	height: 108px;
	overflow: hidden;
}
.z-qtabl_tdiv > a img {
	width: 100%;
	height: 100%;
}
.z-qtabl_tdiv > h3 {
	width: 300px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin-left: 25px;
	line-height: 18px;
	text-align: left;
}
.z-qtabl_tdiv > p {
	position: absolute;
	bottom: 14px;
	left: 153px;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
.z-qorder_detail {
	border: 1px solid #D8D8D8;
	border-top: none;
	background-color: #F3F5F8;
	color: #333;
}
.z-qorder_mesg {
	float: left;
	width: 832px;
	padding: 20px 0 0 20px;
}
.z-qorder_mesg label {
	line-height: 32px;
	font-size: 12px;
}
.z-qorder_mesg > input {
	width: 380px;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	border:1px solid #D8D8D8;
	vertical-align: middle;
}
.z-qorder_detailtotal {
	border-top: 1px solid #D8D8D8;
}
.z-qorder_pay {
	position: relative;
	float: right;
	width: 306px;
	border-left: 1px solid #D8D8D8;
	padding: 18px 20px 10px;
}
.z-qorder_pay dd {
	margin-bottom: 8px;
}
.z-qorder_pay p {
	font-size: 12px;
	line-height: 18px;
	padding-left: 64px;
}
.z-qorder_pay span {
	float: left;
	width: 62px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}
.z-qorder_pay .z-qshow_yun {
	position: absolute;
	right: 20px;
	bottom: 18px;
}
.z-qorder_detailtotal {
	padding: 11px 20px;
	text-align: right;
}

.z-qtotal_money {
	margin-top: 50px;
	border-bottom: 1px solid #D8D8D8;
	color: #999;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 6px;
}
.z-qtotal_money span {
	font-size: 18px;
}
.z-qorder_option {
	margin-top: 30px;
	margin-bottom: 66px;
	text-align: right;
}
.z-qorder_option .z-qgoback_c {
	line-height: 22px;
	font-size: 12px;
	color: #017AFF;
}
.z-qorder_option .z-qsure_order {
	display: inline-block;
	width:160px;
	height:38px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	font-size: 16px;

	background-color: #FF9A1F;
	margin-left: 40px;
}
.z-qorder_option .z-qsure_order:hover {
	text-decoration: none;
	background-color: #ec8508;
}
/* 注册页面 */
.m-components.role {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
.m-components.warn .reg-warn {
	width: 33%;
	margin: 30px 0;
}
.m-components.warn .role-btn.role-btn {
	width: 300px;
	height: 32px;
	line-height: 32px;
	height: auto;
}
.m-components.warn .role-btn.role-btn .role-next {
	width: 300px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
}
.m-components.role .m-regform-l {
	width: 50%;
	padding: 0;
	margin-top: 55px;
	margin-bottom: 55px;
	position: relative;
}
.m-components.role .m-regform-r {
	width: 50%;
	padding: 0;
	margin-top: 55px;
	margin-bottom: 55px;
	position: relative;
}
.m-components .select-role-title {
	font-size:20px;
	color:rgba(51,51,51,1);
	text-align: center;
	padding-top: 80px;
}
.m-components.role .con {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: 13px;
}
.m-components.role input[type="radio"] {
	width: 150px;
	height: 150px;
	opacity: 0;
	position: absolute;
	left: 26px;
	top: 0;
	z-index: 10;
	cursor: pointer;
}
.m-components .customer-type {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('../images/login/role-check.png') no-repeat;
	background-size: cover;
	transition: all .3s;
	vertical-align: middle;
}
.m-components .customer-type.active {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('../images/login/role-checked.png') no-repeat;
	background-size: cover;
	transition: all .3s;
	vertical-align: middle;
}
.m-components .select-role-con {
	width:75px;
	height:75px;
	border-radius:50%;
	margin: 0 auto;
	border:2px solid transparent;
}
.m-components .select-role-con.active{
	border:2px solid rgba(243, 57, 80, 1);
}
.m-components .select-role-con img {
	width:100%;
	height:100%;
}
.m-components .role-btn {
	margin: 0 auto;
	margin-bottom: 30px;
}
.m-components .role-next {
	width: 125px;
	height: 32px;
	background:rgba(243,57,80,1);
	border: 0;
	color: #fff;
	border-radius: 4px;
}
.m-components .role-next:hover{
	opacity: 0.8;
}
.m-components .role-next-gray,
.m-regform .reg-btn .role-next-gray  {
	width: 125px;
	height: 32px;
	background: rgba(198,198,198,1);
	border: 0;
	color: #fff;
}
.m-components .f-fl.title {
	font-size: 18px;
}
.m-components .reg-per-con {
	width:452px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	position: relative;
}
.per-con-word {
	width: 100px;
}
.m-components .per-con-input,
.m-components .per-con-input2 {
	width:350px;
	height:40px;
	border:1px solid rgba(226,226,226,1);
	border-radius:3px;
	padding-left: 10px;
}
.m-components .per-con-input2 {
	width:220px;
}
.m-components .per-con-code .sendMobileCode {
	text-align: center;
	width: 108px;
	height: 39px;
	background: rgba(243,57,80,1);
	border-radius: 3px;
	margin-left: 18px;
}
.m-components .per-con-code .sendMobileCode.gray {
	background: rgba(198,198,198,1);
}
.m-components .per-con-code a {
	color: #fff;
	font-size: 12px;
}
.m-components.reg-personage .m-regform-l {
	border-right: 0;
	margin-top: 70px;
	padding: 0;
	padding-left: 100px;
	width: 600px;
}
.m-components .reg-personage .role-next,
.m-regform.reg-personage .reg-btn .role-next,
.m-regform.reg-personage .reg-btn .role-next-gray {
	width:452px;
	height:58px;
}
.g-register .g-box {
	position: fixed;
	bottom: 0;
	width: 100%;
}
.m-regform .m-regform-r.reg-regpic {
	width: 400px;
}
.m-regform .m-regform-r.reg-regpic img {
	width: 100%;
}
.reg-img-code {
	position: absolute;
	right: 3px;
}
.gray {
	background: rgba(198,198,198,1);
}
/*# sourceMappingURL=qwui_ui.css.map */