@charset "utf-8";
/* CSS Document */
a,a:link,a:visited{ color:#444444;text-decoration: none;}
a:hover{ text-decoration: none; }
ul,li{ margin: 0; padding: 0; list-style: none; }
body{ max-width: 750px; width: 100%; margin: 0 auto; background: #f3f3f3}

.div_clear{ clear:both;}
/*.navbar .container-fluid{ }
	.navbar-brand{ text-align:left;padding: 5px 0px 5px 10px; flex-grow: 1;}
	.navbar-brand div{ width:100%; text-align:left; height:25px; line-height:25px; color:#FFFFFF;}
	.navbar-brand img{ max-height:30px; max-width: 100%;}
	.nav_bgcolcrxa{ background: linear-gradient(to bottom,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.1)); border:none; position: absolute; top: 0; z-index: 10; width: 100%;}
	.nav_bgcolcrx{ background:none; border:none;}
	.navbar-header{ height: 50px; display: flex; justify-content: space-between; border-bottom:none}
	.nav_bgcolcrx .navbar-header{ height: 50px;background:#ffffff; display: flex; justify-content: space-between; border-bottom:1px solid #f1f1f1;}

	.navbar-toggle{ border-radius:0px;}
	.navbar-header button{ padding: 0 10px 0px 0px; margin: 0; border: none; background: none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none;}
	.navbar-header button img{ max-height: 15px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#ffffff; border-top: none; border-bottom: 1px solid #f1f1f1;}

	.navbar-default .navbar-nav > li > a{ color:#333333;}
	.navbar-default .navbar-nav{ padding-top: 0px; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#333333;}
	.navbar{ margin: 0; }
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#333333;}*/
/*xxxxxxxx*/
/*banner*/
	.bannerq{ padding:15px 15px; }
	.banner{max-width:625px; width:100%;height:auto;overflow:hidden; position:relative; border-radius: 10px; margin:0 auto;}
	.banner .bigbanner{ position:relative; z-index:0; width:100%; overflow:hidden;}
	.banner .bigbanner li{ position:relative; text-align:center; width:100%; height:auto; float:left; }
	.banner .bigbanner li img{ background:url(../../images/wap/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

	.banner .smallbanner{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1;width: 100%; }
	.banner .smallbanner ul{ position: relative; width: 100%; text-align: center; }
	.banner .smallbanner li{ display:inline-block; border:1px solid #ffffff; width:10px; height:10px; border-radius:50%; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 5px;   }
	.banner .smallbanner li.on{ background:#000; }
/*footer*/
	.footercopy{ width:100%; height:80px; }
	.footer{ position: fixed; bottom: 0; z-index: 100; width: 100%;}
	.footerx{ display: flex; justify-content: space-between; align-items: center; padding: 0 0px;}
	.foot_1{ flex-grow:1; height: 60px; background: #ffffff; box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);}
	.foot_1 a{ display: block; padding: 10px 0 0 0;}
	.foot_1x{ width: 100%; height: 25px;}
	.foot_1y{ line-height: 20px; text-align: center; font-size: 12px; margin-top: 5px;}
	.foot_2{ flex-shrink: 0; width: 123px; margin: 0 -1px; height: 60px; background: url(../../images/images/ftbb_03.png) no-repeat top center; background-size: 123px; position: relative; display: flex; justify-content: center;}
	.foot_2 text{ display: block; background: url(../../images/images/ftx_03.png) no-repeat center; background-size: 45px; width: 123px; height: 60px; margin-top: -25px;}
	.foot_1ico1{ background: url(../../images/images/foot_06.png) no-repeat center center; background-size: 20px;}
	.foot_1ico2{ background: url(../../images/images/foot_09.png) no-repeat center center; background-size: 20px;}
	.foot_1ico3{ background: url(../../images/images/foot_11.png) no-repeat center center; background-size: 20px;}
	.foot_1ico4{ background: url(../../images/images/foot_03.png) no-repeat center center; background-size: 20px;}
	.foot_1.hover .foot_1y{ color: #FF7820; font-weight: bold;}
	.foot_1.hover .foot_1ico1{background: url(../../images/images/foot2_06.png) no-repeat center center; background-size: 20px;}
	.foot_1.hover .foot_1ico2{background: url(../../images/images/foot2_09.png) no-repeat center center; background-size: 20px;}
	.foot_1.hover .foot_1ico3{background: url(../../images/images/foot2_11.png) no-repeat center center; background-size: 20px;}
	.foot_1.hover .foot_1ico4{background: url(../../images/images/foot2_03.png) no-repeat center center; background-size: 20px;}
/*a_2*/
	.a_2{ padding: 0 15px 15px 15px;}
	.a_2x{ background: #ffffff; border-radius: 10px; padding:10px; display: flex; justify-content: space-between; align-items: center;}
	.a_2L{ flex-shrink: 0;}
	.a_2L text{ display: block; background: url(../../images/images/i1_03.jpg) no-repeat center left; padding-left: 30px; background-size: 18px; font-size: 12px; padding-right: 10px; color: #e42929; font-weight: bold;}
	.a_2M{flex-shrink: 0; width: 1px; height: 15px; background: #cccccc;}
	.a_2R{ flex-grow: 1; padding-left: 10px; height: 30px; line-height: 30px; overflow: hidden;}
	.a_2Rx{ padding: 0; height: 30px;}
	.a_2R1{ height: 30px; line-height: 30px; text-align: left; overflow: hidden;}
	.a_2R1 a{ display: block; font-size: 12px;}
/* a_3 */
	.a_3{ padding: 0 15px 15px 15px;}
	.a_3x{ background: #ffffff; border-radius: 10px; padding: 15px 0px 0 0px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
	.a_3_o{ padding: 0 10px 5px 10px; width: 25%;}
	.a_3_oico{ display: block; width: 100%; height: 50px;}
	.a_3_ofot{ font-size: 12px; text-align: center; height: 20px; line-height: 20px; overflow: hidden; margin: 8px 0 5px 0;}
	.a_3_oico0{ background: url(../../images/images/i2_ico1.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico1{ background: url(../../images/images/i2_ico2.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico2{ background: url(../../images/images/i2_ico3.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico3{ background: url(../../images/images/i2_ico4.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico4{ background: url(../../images/images/i2_ico5.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico5{ background: url(../../images/images/i2_ico6.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico6{ background: url(../../images/images/i2_ico7.jpg) no-repeat center; background-size: 50px;}
	.a_3_oico7{ background: url(../../images/images/i2_ico8.jpg) no-repeat center; background-size: 50px;}
/* a_4 */
	.a_4{ padding: 0 15px 15px 15px;}
	.a_4_o{ margin-bottom: 10px;}
	.a_4_o a{ display: flex; justify-content: space-between; align-items: center;}
	.a_4_oL{ flex-grow:1; border-radius: 15px; overflow: hidden; background: url(../../images/images/i3_03.jpg)#ffffff repeat-x top center; background-size:10px; border: 1rpx solid rgba(255,255,255,0.2);}
	.a_4_oLx{ padding: 8px 10px 8px 10px;  }
	.a_4_oL1{ height:25px; line-height: 25px; font-weight: bold; color: #ff5b15; font-size: 12px; overflow: hidden;}
	.a_4_oL2{ height:20px; line-height: 20px; color: #888888; font-size: 12px; overflow: hidden;}
	.a_4_oL3{ height:20px; line-height: 20px; color: #333; font-size: 12px; overflow: hidden; margin: 0px 0;}
	.a_4_oL3x{ font-size:10px }
	.a_4_oL4{overflow: hidden;}
	.a_4_oL4 text{ display: block; background: url(../../images/images/i3_03.png) no-repeat center left; background-size: 10px; padding-left: 15px; height: 20px; line-height: 20px; font-size: 12px; color: #333; overflow: hidden;}
	.a_4_oR{ flex-shrink: 0; width: 35%; padding: 0 10px; background:url(../../images/images/i3_08.jpg)#fff no-repeat center right; background-size: 15px; border-radius: 15px; overflow: hidden; height: 100px; display: flex; justify-content: center; align-items: center;}
	.a_4_oR1{ text-align: center; font-size: 12px; color: #333;}
	.a_4_oR2{ text-align: center; line-height: 25px; font-size: 14px; font-weight: bold; color: #ff5b15;}
	.a_4_oR3{ padding-top: 0px;}
	.a_4_oR3 text{ display:block; background: linear-gradient(to right,#ff9a2d,#ff5b15); height: 25px; line-height: 25px; border-radius: 25px; font-size: 12px; color: #fff; padding: 0 10px;}
	.a_4_oR3x text{ font-size: 10px;}
	.a_4_oR.a_4_oRx2{ height:122px; }
/* a_5 */
	.a_5{ text-align: center; padding: 10px 15px;}
	.a_5 text{ display: block; text-align: center; font-size: 12px; color: #888;}
/*news*/
	.a_1{ padding: 15px 15px 25px 15px;}
	.a_1x{ background: #ffffff; border-radius: 10px; overflow: hidden; padding: 15px 15px 5px 15px;}
	.a_1tit{ border-bottom: 1px solid #f0f0f0; padding: 0 10px 5px 10px;}
	.a_1tit1{ text-align: center; line-height: 25px; font-size: 14px; font-weight: bold;}
	.a_1tit2{ text-align: center; line-height: 25px; padding-top: 5px; color: #999999; font-size: 12px;}
	.a_1lst{ padding: 10px 0; line-height: 180%; font-size: 12px;}
/*category*/
	.top{ border-top: 1px solid #f3f3f3; padding: 10px 15px 10px 15px; background: #ffffff; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; width: 100%;}
	.topa{ flex-shrink: 0; width: 25%; background: #f3f3f3; border-radius: 10px; height: 30px; line-height: 30px; overflow: hidden;}
	.topa input{ display: block; width: 100%; height: 30px; text-align: center; font-size: 12px; background: none; border:none; outline: none;}
	.topb{ flex-shrink: 0; width: 25%; background: #f3f3f3; border-radius: 10px; height: 30px; line-height: 30px;overflow: hidden;}
	.topb input{ display: block; width: 100%; height: 30px; text-align: center; font-size: 12px; background: none; border:none; outline: none;}
	.topc{ flex-shrink: 0; padding: 0 10px; width: 10px;}
	.tope{ flex-shrink:0;  width: 30px; overflow: hidden; border-radius: 10px; background: linear-gradient(to top,#ff5d16,#ff992d);}
	.tope text{ display: block; background: url(../../images/images/s2_03.png) no-repeat center; background-size: 15px; width: 30px; height: 30px; }
	.list{ display: flex; justify-content: space-between; align-items: flex-start; padding-top:50px;}
	.lstL{position:fixed;  width: 80px; left: 0; z-index: 10; background: #ffffff; height:calc(100% - 90px) ; border-top: 1px solid #f2f2f2; overflow-y: scroll;}
	.goodLone{ border-bottom: 1px solid #f2f2f2;}
	.goodLone text{ display: block; padding: 10px 10px 10px 15px; font-size: 12px; line-height: 25px; overflow: hidden;}
	.goodLone.hover{ background: url(../../images/images/lhover_02.jpg) no-repeat center left; background-size: 7px;}
	.goodLone.hover text{ color: #f01818;}
	/* lstR */
	.nodata{ text-align:center; font-size:12px; height:40px; line-height:40px; color: #999}
	.lstR{ margin-left: 90px; padding: 10px 0; margin-right:10px; width: 100%}


/*login*/
	.login_top{ text-align: center;}
	.login_top img{ width: 100%;}
	.lst{ padding: 15px 15px 20px 15px;}
	.lst_a{ background: #ffffff; border-radius: 50px; padding: 0 20px 0 20px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; margin-bottom: 15px;}
	.lst_aL{ flex-shrink: 0; font-size: 14px; line-height:50px; padding-right: 20px;}
	.lst_aR{ flex-grow: 1; position: relative;}
	.lst_aR input{ width: 100%; height: 50px; list-style: none; padding: 0; margin: 0; line-height: 50px; font-size: 14px; text-align: right; border: none; background: none; outline: none; list-style: none;}
	.lst_aM1{ flex-grow: 1;}
	.lst_aM1 input{ width: calc(100% - 10px);padding: 0; padding-right: 10px; height: 50px; border: none; background: none; outline: none; list-style: none;  margin: 0; line-height: 50px; font-size: 14px; text-align: center;}
	.lst_aM2{ flex-shrink: 0; width: 100px; padding: 2px 0 0 0}
	.lst_aM2 image{ width: 100px; height: 40px;}
	.lst_b{ padding: 0rpx 0rpx;}
	.lst_b button{ display: block; width: 100%; padding: 0; list-style: none; background: linear-gradient(to right,#ff5b15,#ff992d); border-radius: 40px; height: 50px; line-height: 50px; font-size: 14px; border: 0;outline: none; color: #ffffff; text-align: center;}
	.lst_b button.btn2{ background: #e1e1e1; display: none;}
	.lst_c{ display: flex; justify-content: center; align-items: center; padding: 15px 0 30px 0;}
	.lst_c a{ display: block; font-size: 14px; line-height: 30px; margin: 0 10px;}

	.lst_aRx{ display:block; padding-top: 3px; display: none;}
	.lst_aRimg{ width:100px; height:40px; border: 1px solid #e1e1e1;}
	.lst_aRimg div{ width:100px; height:40px; display:table-cell; vertical-align:middle; text-align:center; }
	.lst_aRy{ display:block; }
	.lst_aRy text{ display:block; height: 50px; line-height: 50px; width: 100%; text-align: right;}
	.lst_aRy input{ display:block; width: 100%; height: 50px; list-style: none; padding: 0; margin: 0; line-height: 50px; font-size: 14px; text-align: right; border: none; background: none; outline: none; list-style: none;}
	.lst_apos{ position:absolute; top:0; width:100%; height:50px; opacity: 0}
/*member_index*/
	.user_a{ background: url(../../images/images/member_02.jpg) repeat-y center; background-size: 100%;}
	.user_ax{ padding: 30px 15px 20px 15px; display: flex; justify-content: space-between; align-items: center;}
	.user_axL{flex-grow: 1; padding-right: 10px; display: flex; justify-content: flex-start; align-items: center;}
	.user_axLx{ width: 60px; height: 60px;list-style-type: none; display: block; position: relative; border: 2px solid #ffffff; background: #ffff; border-radius: 50%; overflow: hidden;}
	.user_axLx .user_axLxx{padding-top: 100%;}
	.user_axLx img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height:100%;display: block;margin:auto;padding: auto;}
	.user_axLy{ padding-left: 10px; color: #ffffff; font-size: 12px;}
	.user_axLy span{ display: block; margin-bottom: 5px;}
	.user_axLy text{ display: block; font-size: 10px;}
	.user_axR{ flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center;}
	.user_axRx{ flex-shrink: 0; font-size: 12px; color: #fff;}
	.user_axRy{ font-size: 14px; font-weight: bold; color: #ffffff; padding-left: 5px;}
	.user_ay{ background: url(../../images/images/member_04.jpg) no-repeat center; background-size: 100%; width: 100%; height: 60px;}
	/* user_b */
	.user_b{ padding: 15px 15px 5px 15px; display: flex; justify-content: space-between; align-items: center; background: #f3f3f3; margin-top: -1px;}
	.user_bx{ width: calc(50% - 5px); padding: 15px; overflow: hidden; border-radius: 10px;background: linear-gradient(to right,#f34f43,#fa8b6b);}
	.user_bxa{ background: url(../../images/images/member2_03.png) no-repeat top right; background-size: 20px; padding-right: 25px;}
	.user_bxa1{ height: 25px; line-height: 25px; color: #ffffff; font-size: 14px; font-weight: bold;}
	.user_bxa2{ height: 25px; line-height: 25px; color: #ffffff; font-size:12px;}
	.user_bxb{ padding: 5px 0 0px 0;}
	.user_bxb text{ display: block; color: #ffffff; font-weight: bold; font-size: 16px;}
	.user_by{ width:  calc(50% - 5px); padding: 15px; overflow: hidden; border-radius: 10px;background: linear-gradient(to right,#ff9e36,#ffce5a);}
	.user_by .user_bxa{ background: url(../../images/images/member2_05.png) no-repeat top right; background-size: 20px;}
	/* user_c */
	.user_c{ padding: 15px 15px 15px 15px;}
	.user_c1{ background: #ffffff; border-radius: 10px; margin-bottom: 10px;}
	.user_c1 a{ display: block; padding: 0 15px;}
	.user_c1L{ padding-left: 25px;}
	.user_c1L text{ display: block; background: url(../../images/images/member3_06.png) no-repeat center right; background-size: 7px; font-size: 14px; padding:15px 0;}
	.user_c1Lico1{ background: url(../../images/images/member3_03.png) no-repeat center left; background-size: 15px;}
	.user_c1Lico2{ background: url(../../images/images/member3_11.png) no-repeat center left; background-size: 15px;}
	.user_c1Lico3{ background: url(../../images/images/member3_15.png) no-repeat center left; background-size: 15px;}
	.user_c1Lico4{ background: url(../../images/images/member3_17.png) no-repeat center left; background-size: 15px;}
/*minfo*/
	.minfo_list{ padding: 15px 15px 20px 15px;}
	.minfo_list_o{ margin-bottom: 10px; background: #ffffff; padding: 0 0 0 15px; border-radius: 25px; display: flex; justify-content: space-between; align-items: center;}
	.minfo_list_oL{ flex-shrink: 0; text-align: right; font-size: 12px; color: #888;}
	.minfo_list_oR{ flex-grow: 1;}
	.minfo_list_oR input{ display: block; padding: 0 10px; height: 45px; line-height:45px; font-size: 12px; outline: none; width: 100%; border: none; background: none; outline:none; list-style: none;}
	.minfo_list_o2{margin-bottom: 10px; padding: 0 0 0 15px; background: #ffffff; border-radius: 25px; display: flex; justify-content: space-between; align-items: center;}
	.minfo_list_o2L{padding-left:0px; color: #888;font-size: 12px;}
	.minfo_list_o2R{ flex-grow: 1;}
	.minfo_diy_2ax{}
	.minfo_lst_aRy{ display:block; }
	.minfo_lst_aRy input{ display:block; width: 100%; height: 50px; list-style: none; padding: 0; margin: 0; line-height: 50px; font-size: 14px; text-align: right; border: none; background: none; outline: none; list-style: none;}
	.minfo_diy_2ax2{ width: 100px; height: 100px;list-style-type: none; position: relative; border: 2px solid #ffffff; background: #ffff; overflow: hidden;}
	.minfo_diy_2ax2 .minfo_diy_2ay{padding-top: 100%;}
	.minfo_diy_2ax2 img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height:100%;display: block;margin:auto;padding: auto;}
	.minfo_list_b{ padding:0 0 20px 0; }
	.minfo_list_b text.btn1{ display:block; color: #fff; background: linear-gradient(to right,#FF9D00,#FFD200); height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-radius: 20px; overflow: hidden;}

	.minfo_diy_2ax1{width: 100px; height: 180px;list-style-type: none; position: relative; border: 2px solid #ffffff; background: #ffff; overflow: hidden;}
	.minfo_diy_2ax1 .minfo_diy_2axy{padding-top: 180%;}
	.minfo_diy_2ax1 img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height:100%;display: block;margin:auto;padding: auto;}
/*history*/
	.history_a{ border-top:1px solid #f6f6f6; background: #fff;}
	.history_a1{ padding:0 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f6f6f6;}
	.history_a1 span{ display:block; flex-shrink:0; font-size:12px; }
	.history_a1 font{ display:block; flex-grow:1; font-size:12px; height: 40px; line-height: 40px;}
	.history_a2{ display:flex; justify-content:space-between; align-items:center; }
	.history_a2L{ flex-shrink:0; width:50%; color:#000; padding: 5px 0 2px 0}
	.history_a2L span{ display:block; text-align: center; font-weight: bold; font-size: 12px;}
	.history_a2L font{ display:block; text-align: center; font-size: 12px;}
	.history_a2L.hover{ background: linear-gradient(to right,#f34f43,#fa8b6b); color: #fff; }