/* CSS Document */
/* 通用 */
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
section{ padding:0; margin:0; display:block}
ul,li,ol,dl,a{list-style-type:none}
i,em{ font-style:normal;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,textarea,button{overflow: visible;vertical-align:middle;outline:none}
html,body {width:100%; margin:0 auto; padding:0; background: #f5f5f5;font-family: "Noto Sans SC","Microsoft Yahei", "Simsun", Arial, sans-serif;line-height: 1.75; color:#333; font-size:14px;}
img{vertical-align:top; max-width:100%;}
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
a,img{color:#333; margin:0px; padding:0px; border:0px; text-decoration:none;-webkit-tap-highlight-color: transparent; outline: none;}
a:link {color: #333; text-decoration:none;}
a:hover {color: #ff7e22; text-decoration:none; transition: all 0.5s;}
.red{color:#de141d;}
.member_top{ width:100%; height:auto;}
.member_main{width:1200px; margin:0px auto;}
.member_top .member_tl{width:920px; float:left; margin:20px 0px;}
.member_top .member_tl .member_logo{ float:left;}
.member_top .member_tl .member_logo img{height:74px;}
.member_top .member_tl .loginInfo{ float:left; margin-left:30px; margin-top:40px; font-size:14px; line-height:32px; color:#333;}
.member_top .member_tl .loginInfo a{ display:inline-block; color:#333;text-decoration:none;}
.member_top .member_tl .loginInfo .userName{ font-size:14px; color:#333;}
.member_top .member_tl .loginInfo .userName strong{ font-size:18px; color:#c00}
.member_top .member_tr{width:240px; margin-top:20px; float:right;}
.member_top .member_tr #quickMenu{ text-align:right;}
.member_top .member_tr li{ float:left; margin-left:30px; text-align:center;}
.member_top .member_tr li:first-child{margin-left:0px;}
.member_top .member_tr a{ text-decoration:none;}
.member_top .member_tr a img{ width:54px; height:54px;}
.member_top .member_tr a p{ font-size:14px; line-height:30px; color:#333;}
.member_top .member_tr a:hover p{ color:#276bb8;}

.topbar{width:100%; height:50px; background:#de141d;font-size:16px; color:#fff;}
.topbar .topbar_left{width:50%; height:30px; padding:10px 0px; line-height:30px; float:left; }
.topbar .topbar_left span{ margin-right:20px; float:left;}
.topbar .topbar_left span a{ display:inline-block; margin-left:3px; color:#fff;text-decoration: underline;}
.topbar .topbar_left span img{width:26px; height:26px; margin:2px 0px;}
.topbar .topbar_left #result{ display:inline-block; line-height:30px;}
.topbar .topbar_right{width:50%; float:right;}
.topbar .topbar_right p{ padding:10px 0px; line-height:30px; text-align:right;}


.mcpmain{width:100%; min-height:calc(100vh - 234px); overflow:hidden;}
.main-wrap{ margin:40px auto;}
.regtip{ height:60px; padding:10px; background:#fff;}

.reg-wrap{width:100%; margin:40px auto; box-sizing:border-box;}
.regtobind{ font-size:18px; color:#333; line-height:1.75;}
.regcontent{width:100%; margin-top:40px; position:relative; display:flex; justify-content:center;}
.reg-wrap-item{width:350px; height:470px; margin-right:44px; background:#fff; border-radius:10px; box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.2);}
.reg-wrap-item:last-child{ margin-right:0px;}
.item-top{height:202px; padding-top: 40px; font-size: 18px; font-weight:bold;}
.item-top-img{width:120px; height:120px; margin: 0 auto 18px; background-repeat: no-repeat; background-position: center; border-radius:50%;}
.item-top-name{font-weight:bold; text-align: center; font-size: 18px;}
.item-content{height: 112px; padding: 20px; font-size:14px; font-weight:400; line-height:24px; color: #666;}
.item-btn-wrap{text-align: center;}
.go-btn{display: inline-block; width:124px; height:36px; font-size: 16px; opacity:1; border-radius:4px; color: #fff !important; text-align: center; line-height: 36px; cursor: pointer; border:none; opacity:.8;}
.go-btn-one{background:rgba(233,110,16,1);}
.go-btn-two{background:rgba(7,106,205,1);}
.go-btn-three{background:rgba(48,186,253,1);}
.go-btn:hover{text-decoration: none;opacity:1;}
.color-one{background-color: #FFF8f4;}
.colo-one-name{color: #E96E10;}
.color-one-dark{background-image:url('../images/type-three.png'); background-color:#feefe3;}
.color-two{background-color: #F6FaFF;}
.colo-two-name{color: #076ACD;}
.color-two-dark{background-color:#d1e4fb; background-image:url('../images/type-two.png');}
.color-three{background-color: #ecf9ff;}
.colo-three-name{color: #309EFD;}
.color-three-dark{background-color:#cbedff; background-image:url('../images/type-one.png');}

.tobindbox{ padding-left:20px; margin-top:10px; height:40px; font-size:18px; color:#666; line-height:40px; }
.userbtn{width:100%; position:absolute; left:0; bottom:0;}
.userbtn button{width:200px; height:48px; border-radius:8px; background:#0a3cad; text-align:center; font-size:20px; color:#fff; line-height:48px; border:none; cursor:pointer;}
.userbtn button:hover{ background:#064cce;}



.reg-wrap2{ padding:40px 0px 40px 66px; background:#fff; box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.2);}
.headertit{ height:40px; width:80%; padding-left:20px; background-image: linear-gradient(to right, #bae2f2, #fff);}
.reg-from{ margin-top:20px;}
.headertit h3{ font-size:20px; font-weight:normal; color:#333; line-height:40px;}
.bdwxts{ font-size:16px; line-height:36px; color:#333;}
.input_group{ margin-top:20px;}
.input_group h4{ width:700px; height:32px; padding-left:20px; background-image: linear-gradient(to right, #ebf7fb, #fff); font-size:16px; color:#333; line-height:32px; font-weight:normal;}
.input_group ul{ margin-top:10px;}
.input_group ul li{ margin-top:15px;}

.reg-wrap2 li span{	color: #000; line-height:30px; width: 90px; display: block; float: left;	text-align: right; overflow:hidden;}

.reg-wrap2 li .zcinput,.infobox2  li input,.infobox2  li textarea{ padding:4px 8px; border:1px solid #d4d4d4; min-width:240px;}
.reg-wrap2 li i{margin-left:10px;}
.red{ color:red;}
.infobox2  li.file input{ padding:0px; border:none; line-height:30px;}
.regkey{ height:36px;}
.regkey li input{ padding:4px 5px; border:1px solid #d4d4d4; width:100px;}
#regshowkey{width:auto; float:none; display:inline-block; margin-left:20px; vertical-align:middle;}
#regshowkey img{width:66px; height:auto; vertical-align:middle;}

.reg_btn{ margin-top:40px; padding-left:90px;}
.reg_btn li{width:130px; height:44px; float:left; margin-left:60px;}
.reg_btn li input{width:100%; height:100%; background:#666; color:#fff; font-style:16px; line-height:44px; border:none; cursor:pointer; opacity:1;}
.reg_btn li:hover input{ opacity:.9;}
.reg_btn li:first-child{ margin-left:0px;}
.reg_btn li:first-child input{ background:#48b677;}


.member_left{width:18%; float:left; background:#fff;}
.member_left .topGr {background: #48b677; height: 40px;	padding-left:20px; line-height: 40px; font-size:20px; color:#fff;}
.member_left h2.hnav {background: #c8e3ee; font-size: 16px; font-weight: normal; color: #666; height: 36px; line-height: 36px; padding-left: 15px; display: block; cursor:pointer;}
.member_left h2.hnav img {height: 9px; width: 9px; display: inline-block; vertical-align: middle;margin-top: 0px!important;	margin-top: 8px; margin-right: 5px;}
.member_left .childnav{ padding:10px 0px;}
.member_left ul li{ height:30px; padding:0px 20px; display:flex; justify-content: space-between;}
.member_left ul li a { color:#525252; display:block; height:30px; line-height:30px; overflow:hidden; text-decoration:none;}
.member_left li i {	background: url(../images/icon_16x16.png) no-repeat scroll 100% 0 transparent; vertical-align: middle; display: inline-block; width: 18px;	height: 18px; margin-right: 10px;}
.member_left .mystow i{	background-position:-19px -20px; }
.member_left .pm b{	background-position:-40px -20px; }
.member_left .refund i{	background-position:-19px -58px; }
.member_left .group i{	background-position:-60px -20px; }
.member_left .baseinfo i{ background-position:-80px -20px; }
.member_left .myinfo i{ background-position:0px -40px; }
.member_left .mypwd i{ background-position:-80px -40px; }
.member_left .save i{ background-position:-17px -20px; }
.member_left ul li .xxgl{ float:left;}
.member_left ul li .xxgl i{	background-position:0px 0px;}
.member_left ul li .fabu{ float:right;}
.member_left ul li .fabu a{ color:#999;}
.member_left ul li .fabu a:hover{ color:#de141d;}

.member_right{width:76%; padding:30px 2%; min-height:345px; float:right; background:#fff;}

.header_tit{width:100%; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;}
.header_tit h3{ font-size:18px;}

.tableborder li{ height:30px; line-height:30px; font-size:0px;}
.tableborder li span{width:15%; display:inline-block; font-size:14px;}
.tableborder li input,.tableborder li i{ font-size:14px; vertical-align:middle;}
.tableborder li i{ margin-left:8px;}

.indexTab {height: 35px; margin-top: 30px;}
.indexTab ul li {background: #FFF; float: left; height:34px; line-height:34px; font-size: 16px; font-weight: bolder; margin-bottom:-1px; position:relative; z-index:10;}
.indexTab ul li.thisTab{border: 1px solid #dedede; border-bottom:1px solid #fff; }
.indexTab ul li a{color:#666; outline:none; text-decoration:none; blr:expression(this.onFocus=this.blur());}
.indexTab ul .thisTab {border-bottom:none; height: 34px; }
.indexTab ul .thisTab a {color:#333; }
.indexTab ul .thisTab a:hover {text-decoration:none;}
.indexTab ul li a {line-height: 30px;height: 30px; font-size:15px; float: left; padding-right: 20px; padding-left: 20px; }
#sns-feeds .sns-box {background: #FFF; border: 1px solid #ddd; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; min-height:120px; }
#sns-feeds .sns-box .newarticlelist{padding-top:10px; } 
#sns-feeds .sns-box .newarticlelist ul li{height:30px;line-height:30px;border-bottom:1px dashed #d4d4d4;}
#sns-feeds .sns-box .newarticlelist ul li a{display:inline-block; color: #666; }
#sns-feeds .sns-box .newarticlelist ul li span{float:right; margin-left:50px;}
#sns-feeds .sns-box .newarticlelist a.more{ display:inline-block; margin-top:20px;}
#sns-feeds {color: #525252;}
.feeds_title {line-height: 20px; padding-left: 24px; margin-top: 12px;}
.feeds_title span .act{visibility:hidden; position:absolute; float:right; right:0px; *right:0px; _right:10px; z-index: 999;}
.feeds_title span:hover .act,.feeds_title span.hover .act,.feeds_title span.hover .act:visited {visibility:visible; }

.gaibtn{width:100%; height:40px; margin-top:30px;}
.gaibtn input{width:120px; border:none; background:#48b677; line-height:40px; text-align:center; font-size:16px; color:#fff; cursor:pointer;}

.footer{ width:100%; padding:20px 0px; background:#333;}
.footer0{ width:100%; margin:0 auto; font-size:14px; color:#c2c2c2}
.footer0 p{ line-height:30px;}
.footer0 a{ color:#c2c2c2;}
.footer_l{ float:left}
.footer_r{ float:right}