@charset "UTF-8";

/* CSS RESET */
html,body{margin:0px; width: 100%; height:100%; font-family:"微软雅黑"; }
*html{background-image:url(about:blank);background-attachment:fixed;}
.overflowYHidden{overflow-y:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
em{font-style:normal;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
i{font-style:normal;}
input,button,textarea,select,optgroup,option{font-family:"微软雅黑";font-size:inherit;outline:none;font-style:inherit;font-weight:inherit;box-sizing:content-box;}
input,button,textarea,select{*font-size:100%;}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,input[type=number]:focus,input[type=tel]:focus{border:1px solid #7baeed;}
/*
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(255, 255, 255);background-image:none;color:rgb(0, 0, 0);}
*/
input::-webkit-input-placeholder { /* WebKit browsers */
    font-size:16px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:16px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:16px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:16px;
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#666;}
textarea{resize:vertical;}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,button{border:1px solid #e2e2e2;background-color:#FFF;color:#666;}
.clear{clear:both}
input[type=button],input[type=submit],button{-webkit-appearance:button;outline:none;}
small{font-size:10px;}
a{outline:0;text-decoration:none;}a:link,a:visited,a:active{color:#666;}a:hover{color:#3277de;}

.g-select{height:41px;overflow:hidden;position:relative;border:1px solid #8db9ef;}
.g-select input,.g-select select{position:absolute;top:0;left:0;}
.g-select input:focus{border:none;}
.g-select input{width:100%;height:41px; color:#666;line-height:41px;text-indent:48px;border:none;background:#FFF url("../images/selectDownIcon.png") 93% 16px no-repeat;text-align:left;}
.g-select select{width:100%;height:41px;border:none;background:#FFF;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;}
.g-select em { position: absolute;z-index: 9;}
.sg-select{height:24px;overflow:hidden;position:relative;}
.sg-select input,.g-select select{position:absolute;top:0;left:0;}
.sg-select input:focus{border:none;}
.sg-select input{width:100%;height:24px; color:#666;line-height:24px;text-indent:48px;border:none;background:#FFF url("../images/selectDownIcon.png") 93% 9px no-repeat;text-align:left;}
.sg-select select{width:100%;height:24px;border:none;background:#FFF;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;}
.sg-select em { position: absolute;z-index: 9;}
.f-left{ float: left;}
.f-right{ float: right;}

.sprite,
.viewDetail,
.rdoWrap i,
.ckbWrap i,
.memberCont .aside li a,
.iconHelp,
.marksWrap i,
.lottery3d .qdnrWrap .selected a i { background:url("../images/new/sprite.png") no-repeat; }



.rdoWrap,
.ckbWrap { display:inline-block; cursor:pointer; }
.rdoWrap input,
.ckbWrap input { width:0; height:0; opacity:0; filter:alpha(opacity=0); }
.rdoWrap i,
.ckbWrap i { display:inline-block; width:28px; height:26px; margin-right:12px; vertical-align:middle; border:1px solid #e5e5e5; background-color:#fff !important; }
.rdoWrap.disabled,
.ckbWrap.disabled { cursor:default; }
.ckbWrap.checked i { background-position:-97px -46px; }
.rdoWrap i { width:20px; height:20px; margin-right:5px; border:none; background-color:transparent !important; background-position:-200px -50px; }
.rdoWrap.checked i { background-position:-250px -50px; }

.ckbWrap i { background-position:110px 150px; }
.rdoWrap.rdoS i { width:15px; height:14px; border:none; background-position:-300px -50px; }
.rdoWrap.rdoS.checked i { background-position:-330px -50px; }
.ckbWrap.ckbS i { width:17px; height:16px; border:none; background-position:-350px -50px; }
.ckbWrap.ckbS.checked i { background-position:-380px -50px; }

/*background*/
.bc-3F{background: #fff;}

/*font-size*/
.f-size14{font-size:14px;}
.f-size16{font-size:16px;}
.f-size18{font-size:18px;}
.f-size20{font-size:20px;}
.f-size22{font-size: 22px;}
.f-size24{font-size: 24px;}
.c-666{ color: #666;}
.c-999{ color: #999;}
.c-gray { color:#b6b6b6; }
.c-f45a5a{ color: #00a0e9; font-family:"Arial"}
.mainColor { color: #00a0e9; }
a.blue, .blue { color: #3592bb; }
.bold{ font-weight: bold; }
.t-a-c{text-align: center;}

/*按钮样式*/
.g-btnBox{text-align:center;padding:16px 0;}
.g-btn{display:inline-block;*vertical-align:middle;padding:8px 12px;color:#FFF;font-size:16px;text-align:center;border:1px transparent;border-radius:3px;cursor:pointer;}
button.g-btn{*padding:6px 10px;}
a.g-btn{color:#FFF;}
.g-btn-init{background:#3277de;}
.g-btn-init:hover{background:#478ffb;}

/*margin*/
.mt-12 { margin-top: 12px;}
.mt-10 { margin-top: 10px;}
.mt-14{ margin-top: 14px;}
.mr-29{ margin-right: 29px;}
.mr-28{ margin-right: 28px;}
.mr-4{ margin-right: 4px;}
.ml-11{ margin-left: 11px;}
.ml-15{ margin-left: 15px;}
.mt-33{ margin-top: 33px;}
.mt-60{ margin-top: 60px;}
.mt-150{ margin-top:150px;}

.ptm-30{ padding: 30px 0 20px 0;}
.ptm-82{ padding: 82px 0 88px 0;}
.ptm-20{ padding: 20px 0 155px 0;}
.pl-11{ padding-left: 11px;}
.pb-30 { padding-bottom: 30px;}
.pl-45{ padding-left: 45px;}
/*width*/
.w-130 { width: 130px;}
.w-120{ width: 120px;}
.w-70{ width: 70px;}
.w-80{ width: 80px;}
.w-419{ width: 419px;}
.w-439{width: 439px;}
.w-110{ width: 110px;}
.w-275{ width: 275px;}
.w-243{ width: 243px;}
.w-404{ width: 404px;}
.w-453{ width: 453px;}
.w-250{ width: 250px;}
.w-696{ width: 696px;}
.h-550{ height: 550px;}
.w-150 {width:150px;}
.w-1140 {width:1140px !important;}
/*border*/
.b-1-bot{ border-bottom: 1px solid #dcdcdc;}
.b-1-l{ border-left: 1px solid #6f6f6f;}

/*index-header*/
.index-header{overflow:hidden;}
.index-header dl { width: 1140px; margin: 0 auto; overflow: hidden; height: 64px; }
.index-header dl dt{ overflow: hidden; width: 448px;}
.tp-txt{ overflow: hidden; width: 228px; height: 22px; background-image: url("../images/icon.png"); background-position: 0px 0px; margin: 22px 0 0 22px;}
.index-header dl dd { overflow: hidden; width: 385px; height: 36px; line-height: 36px; text-align:right;}
.index-header dl dd span { display: inline-block; }
.index-header dl dd span { height: 36px;}
.nav-a{ overflow: hidden; margin: 0 10px; color: #666;}

.index-header dl .searchTop { float:right; width:260px; height:40px; *height:42px; padding-top:12px; position:relative; }
.index-header dl .searchIpt { width:188px; height:38px; line-height:38px; padding:0 23px 0 47px; vertical-align:top; border:1px solid #e2e2e2; border-radius:19px; }
.index-header dl .searchBtn { position: absolute; left: 0; top: 13px; width:40px; height:38px; cursor:pointer; text-indent:-1000px; overflow:hidden; border:none; background:url("../images/icon.png") no-repeat -90px -95px; }

.fs-t{ font-weight: normal!important;}

.footer.padding0{ padding: 0; }
.footer{ position: relative; width: 100%; margin-top: -40px; overflow: hidden; padding: 24px 0 0px 0; background-color: #141412; }
.footerTop,.footerBottom{ overflow: hidden; width: 1250px; margin: 0 auto;}
.footerTop { height: 192px;}
.footerBottom { padding: 30px 0; text-align: center; color: #999; font-size: 12px; width: 100%; background-color: #272723; }
.ft-list { padding:0 40px 0 0px; overflow: hidden; position: relative; width: 260px; }
.ft-list span { position: absolute; overflow: hidden; top: 0; left: 0; width: 56px; height: 56px;background-image: url("../images/icon.png");}
.ft-icon-1{ background-position: -97px -32px;}
.ft-icon-2{ background-position: -154px -32px;}
.ft-icon-3{ background-position: -211px -32px;}
.ft-list h3{ height: 56px;line-height: 56px; color: #aaa; width: 100%;}
.ft-list a { display: inline-block; width: 100%; color: #999; height: 35px; line-height: 35px; font-size: 14px; }
.ft-list a:hover { color: #3277de;}
.ft-list ul { float: left; width: 137px; overflow: hidden;}
.ft-list ul li {float: left; width: 130px; overflow: hidden;}
.cord{ text-align: center;}
.cord span { display: inline-block; height: 28px; line-height: 28px; margin-right: 15px; color: #a0a0a0;}
.cord span:nth-child(2) img{ border-radius: 4px; }
.ft-list p{ color: #aaaaaa; }
.ft-list .telephone-title:before{ content: ''; display: inline-block; margin-right: 10px; width: 42px; height: 28px; background: url("../images/icon3.png") no-repeat -5px -166px; vertical-align: middle; }
.ft-list .telephone{ font-size: 44px; font-weight: bold; }
.footer .link-container{ width: 1250px; margin: 0 auto; color: #CCCCCC; }
.footer .link-container a{ color: #AAAAAA; font-size: 14px; margin: 0 5px; }
.footer .link-container h3{ display: inline; margin-right: 30px; color: #aaaaaa; }

.g-pagebar{text-align:center;width:1250px; margin:0 auto;font-size:14px;cursor:default;}
.pagebar_numlist a, .pagebar_numlist .pagebar_numlist_current{margin:0px 2px;padding:8px 12px;border-radius:3px;display:inline-block;}
.pagebar_numlist a{border:1px solid #e3e3e3;border-radius:3px;background-color:#FFF;}
.pagebar_numlist .pagebar_numlist_current,.pagebar_numlist a:hover{background-color:#00a0e9;color:#fff;border:1px solid #00a0e9;}
.pagebar_numlist .g-pagenext,.pagebar_numlist .g-pageprev{background-image:url(../images/sprites_arrows.png);background-repeat:no-repeat;padding:8px 16px;}
.pagebar_numlist .g-pagenext{background-position:center -48px;}
.pagebar_numlist .g-pageprev{background-position:center 0;}
.pagebar_numlist  .g-pageprev:hover{background-position:center -96px;}
.pagebar_numlist .g-pagenext:hover{background-position:center -144px;}
.pagebar_numlist span em{display:inline-block;padding:8px 0;*vertical-align:middle;}
.pagebar_numlist input{width:30px;padding:8px;text-align:center;margin:0 3px;border-radius:3px;*vertical-align:middle;}
.pagebar_numlist button{padding:8px 12px;*padding:6px 6px;*vertical-align:middle;text-align:center;margin:0 3px;border-radius:3px;outline:none;cursor:pointer;font-size:14px;}
.pagebar_numlist button:hover{background:#f45a5a;color:#FFF;}




a.getSearchUrl{ display: inline-block; padding: 0 60px 0 32px; height: 50px; border: 1px solid #f45a5a; line-height: 50px; color: #f45a5a; font-size: 18px;border-radius: 26px; position: relative;}
a.getSearchUrl em { position: absolute; width: 9px; height: 16px; top: 18px; right: 35px;background-image: url("../images/icon.png");background-position: -390px -0px;}
a:hover.getSearchUrl { background: #f45a5a; color: #fff;}
a:hover.getSearchUrl em{animation:mymove 0.7s infinite;-moz-animation:mymove 0.7s infinite; -webkit-animation:mymove 0.7s infinite;-o-animation:mymove 0.7s infinite;background-position: -480px -32px;}
@keyframes mymove{0% {right:35px;}50% {right:25px;}100% {right:35px;}}
@-moz-keyframes mymove /* Firefox */{ 0% {right:35px;}50% {right:25px;}100% {right:35px;}}
@-webkit-keyframes mymove {0% {right:35px;}50% {right:25px;}100% {right:35px;}}
@-o-keyframes mymove /* Opera */{0% {right:35px;}50% {right:25px;}100% {right:35px;}}
a.getReturnHome{ height: 30px; line-height: 30px; padding: 0 34px 0 17px; display: inline-block; border: 1px solid #f45a5a;border-radius: 26px; position: relative;color: #f45a5a; }
a.getReturnHome em { position: absolute; width: 9px; height: 16px; top: 7px; right: 20px;background-image: url("../images/icon.png");background-position: -390px -0px;}
a:hover.getReturnHome { background: #f45a5a; color: #fff;}
a:hover.getReturnHome em{animation:gethome 0.7s infinite;-moz-animation:gethome 0.7s infinite; -webkit-animation:gethome 0.7s infinite;-o-animation:gethome 0.7s infinite;background-position: -480px -32px;}
@keyframes gethome{0% {right:20px;}50% {right:10px;}100% {right:20px;}}
@-moz-keyframes gethome /* Firefox */{ 0% {right:20px;}50% {right:10px;}100% {right:20px;}}
@-webkit-keyframes gethome {0% {right:20px;}50% {right:10px;}100% {right:20px;}}
@-o-keyframes gethome /* Opera */{0% {right:20px;}50% {right:10px;}100% {right:20px;}}

.smFooter{ width: 1140px; overflow: hidden; margin: 34px auto 0 auto; border-top: 1px solid #e5e5e5; padding: 20px 0 35px 0; line-height: 33px; text-align: center; color: #bfbfbf;}
.logo-txt{ height: 64px; line-height: 64px; font-size: 22px; color: #408dcc;}


.companyTop{overflow: hidden; margin: 0 auto; width: 1140px; text-align: right; padding: 3px 0; height: 28px; line-height: 28px;}
a.cot{ display: inline-block; padding: 0 15px; }
a:hover.cot,.curcot{ background: #f3f3f3;}
.compangMain { overflow: hidden; height: 660px; min-height: 660px; height: auto!important;}
.ctxm{ margin:0 auto; width: 1140px; overflow: hidden; padding: 30px 0;}
.ctxm dt{ overflow: hidden; line-height: 45px; color: #333; font-size: 18px;}
.ctxm dd { overflow: hidden; color: #777; line-height: 28px;}
.w-750{ width: 750px!important;}


/*dialog弹框 start*/
.g-dialog{box-shadow:0 0 5px rgba(255,255,255,.5);position:absolute;background:#fff;overflow:hidden;}
.g-dialog iframe{background:#fff;}
.g-dialog .g-dialog_tit{height:40px;line-height:40px;background:#00a0e9;color:#fff;font-size:16px;padding:0 0 0 15px;position:relative;}
.g-dialog .g-dialog_tit .g-dialog_close{display:block;position:absolute;width:40px;height:40px;top:0;right:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAOVBMVEX///////////////////////////////////////////////////////////////////////////+0EB4eAAAAEnRSTlMAAwkVLVFve363ur3Az9LV4eeDmCdpAAAAcUlEQVR4Xu3PwQqAIBAEUHXVMmur/f+P7TAEBslcI5zbso+BcX/OSAqdR1ykPbMV/w6rbdI6y51GUUjiIFVaxyUcl3BcwnF5wlF5mE1UYQcWcTcrl9grXGIvJHdcwnEJx6UvcLfcrXYaQ3qcskb3/YxcIkQGNhOw6SoAAAAASUVORK5CYII=) /*../images/new/dialog_tit_x.png*/ no-repeat center; _background:url(../images/new/dialog_tit_x.png) no-repeat center; cursor:pointer;}
.g-dialog .g-dialog_btn{padding:25px 0;text-align:center;height:52px;clear:both;width:100%;cursor:default}
/*.g-dialog .g-dialog_btn .g-btn{padding:8px 40px; background:#f45c5c;}
.g-dialog .g-dialog_btn .g-btn:hover{ background:#f04c4c;}*/
.g-dialog .g-dialog_btn .g-btn { margin:0 15px; height:40px; line-height:40px; padding:0 25px; font-size:18px; color:#00a0e9; border:1px solid #00a0e9; background:#fff; border-radius:5px; }
.g-dialog .g-dialog_btn .g-btn:hover { color:#419de9; border-color:#38a0f5; }
/*dialog弹框 end*/

.signupTip { width:470px; padding:80px 20px 40px; font-size:24px; }

a.viewInvitation, .viewInvitation { display:inline-block; line-height:34px; font-size:16px; color:#ffc427; }
.viewInvitation i { display:inline-block; width:34px; height:34px; margin-right:7px; vertical-align:middle; background: url("../images/icon.png") no-repeat -300px -104px; }

.uploadImg { height:181px; position:relative; border:1px solid #e2e2e2; background:#fff; }
.uploadImg img { display:none; width:100%; height:100%; vertical-align:top; cursor:pointer; }
.uploadImg div,
.uploadImg div i,
.uploadImg div span,
.uploadImg .file { width:100%; height:100%; position:absolute; top:0; left:0; }
.uploadImg div i { width:69px; height:61px; top:39px; left:50%; margin-left:-30px; background: url("../images/icon.png") no-repeat -430px -104px; }
.uploadImg div span { top:110px; height:20px; line-height:20px; text-align:center; color:#a1a1a1; }
.uploadImg .file { cursor:pointer; opacity:.01; filter:alpha(opacity=1); z-index:9; }
.boxSizing{ box-sizing: border-box; }

/*css header redesign*/
/*头部样式*/
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-40{margin-right: 40px;}
.arrow { display:inline-block; width:0; height:0; overflow:hidden; border-width:6px; border-style:solid dashed dashed; border-color:#888 transparent transparent; border-bottom:none; }
.dropdown .arrow {  margin: 15px 0 0 7px;  vertical-align: top;}
/*.sprite,.dropdown .dropdownMenus a,.hoverdown .dropdownMenus a{ background:url("../images/new/sprite.png") no-repeat; }*/
.dropdown .dropdownMenus a,
.hoverdown .dropdownMenus a{ position: relative; }
.dropdown .dropdownMenus a:after,
.hoverdown .dropdownMenus a:after{ content: ''; display: block; position: absolute; width: 70%; left: 50%; margin-left: -35%; bottom: 0; height: 1px; background-color: #aaaaaa; }
.hoverdown .dropdownMenus.citySelectMenus a:after{ display: none; }
.dropdown .dropdownMenus a:last-child:after,
.hoverdown .dropdownMenus a:last-child:after{ display: none; }

.index-header{ background:#fff;overflow: visible!important; position: fixed; width: 100%; left: 0; top: 0; z-index: 999; border-bottom: 1px solid #d2d2d2; box-shadow: -4px 0px 4px 2px #AAA; }
.index-header a{ font-size: 14px; }
.index-header a.active{ color: #3277de; }
.index-header dl { width: 1250px; margin: 0 auto; height: 64px;overflow: visible!important; }
.index-header dl dt{ overflow: hidden; width: 448px;}
.tp-txt{ overflow: hidden; width: 228px; height: 22px; background-image: url("../images/new/icon.png"); background-position: 0 0; margin: 22px 0 0 22px;}
.index-header dl dd { width:auto!important;height: 36px; line-height: 36px; text-align:right;overflow: visible!important;}
.index-header dl dd span { display: inline-block; height: 36px; *vertical-align:top; }
.nav-a{ overflow: hidden; margin: 0 10px; color: #666;}
.release-bnt{ display: inline-block; width: 70px; height: 40px; line-height: 40px; padding: 0 10px; background: #00a0e9; text-align: center; color: #fff!important; border-radius: 3px;}
.release-bnt:hover { background: #3277de;}

.index-header dl .searchTop { width:260px; height:40px; *height:42px; padding-top:12px; position:relative; }
.index-header dl .searchIpt { width:188px; height:38px; line-height:38px; padding:0 47px 0 23px; vertical-align:top; border:1px solid #e2e2e2; border-radius:19px; }
.index-header dl .searchBtn { position: absolute; right: 3px; top: 13px; width:40px; height:38px; cursor:pointer; text-indent:-1000px; overflow:hidden; border:none; background:url("../images/new/icon.png") no-repeat -97px -95px; }
.index-header .dropdown { margin-left:15px; }

.index-header .header-logo-container{ width: 1000px;height: 64px;line-height: 64px; }
.index-header .header-logo-container img{ vertical-align: middle; }

.hoverdown { width:auto; height:36px; white-space:nowrap; position:relative; text-align:left; z-index:8; }
.hoverdown .sprite { float:left; width:20px; height:20px; margin:8px 6px 0 0; background-position:0 -50px; position:relative; }
.hoverdown .arrow { margin:15px 0 0 4px; vertical-align:top; *margin-top:8px; }
.hoverdown .parent { display:block; height: 50px; }
.hoverdown .parent b { font-weight: normal; }
.hoverdown .dropdownMenus { display:none; width:123px; border: 1px solid #e6e6e6; position:absolute; top:50px; left:-28px; height:auto; text-align:center; background:#fff; opacity: 0.9; }
.hoverdown:hover .dropdownMenus{display: block;}
.hoverdown .dropdownMenus a { display:block; line-height:40px; position:relative; background-position:0 -150px; }
.hoverdown .dropdownMenus a:first-child { background:none; }
.hoverdown .dropdownMenus a.active,
.hoverdown .dropdownMenus a:hover { color:#00a0e9;}
.hoverdown .dropdownMenus.citySelectMenus{ width: 200px; }
.hoverdown .dropdownMenus.citySelectMenus a{ background: none; width: 33.33%; float: left; text-align: center; }
.hoverdown .dropdownMenus.citySelectMenus p.title{ color: #00a0e9; text-align: left; font-size: 16px; padding: 0 5px; text-indent: 10px; border-bottom: 1px solid #DDD; }

/*下拉菜单*/
.dropdown { width:auto; height:36px; white-space:nowrap; position:relative; text-align:left; z-index:8; }
.dropdown .sprite { float:left; width:40px; height:40px; margin-right: 5px; text-align: center; overflow: hidden; line-height: 40px; border-radius: 50%; position:relative; }
.dropdown .sprite.name{ background-color: #ff5303; color: #FFF; font-size: 16px; background-image: none; }
.dropdown .sprite.headimg img{ width: 100%; height: 100%; }
.dropdown .arrow { margin:15px 0 0 7px; vertical-align:top; *margin-top:8px; }
.dropdown .parent { display:block; height: 50px; }
.dropdown .dropdownMenus { display:none; width:123px; border: 1px solid #e6e6e6; position:absolute; top:50px; left:0; height:auto; text-align:center; background:#fff; opacity: 0.9; }
.dropdown .dropdownMenus a { display:block; line-height:40px; background-position:0 -150px; position:relative; }
.dropdown .dropdownMenus a:first-child { background:none; }
.dropdown .dropdownMenus a.active,
.dropdown .dropdownMenus a:hover { color:#00a0e9; }

.dropdown .sprite em,
.dropdown .dropdownMenus a em{position:absolute; top:22px; left:135px; width:18px; height:18px; background:#f56467; color:#fff; font-size:12px; line-height:18px; text-align:center; white-space:nowrap; -webkit-transform:scale(.8); transform:scale(.8); border-radius:50%;}
.dropdown .sprite em { top:-8px; left:8px; }
.dropdown .dropdownMenus a em { top:8px; left:95px; }

.banner-container{position: relative;overflow:hidden;background: #ccc; margin: 0 auto; margin-top: 65px; }
.banner-container>img{ height: 100%; }
.banner{width: 100%; margin: 0 auto;position: relative;}
.bx-wrapper{border: none!important;margin: 0!important;}
.bx-viewport{overflow: visible!important;width: 100%!important;}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{  bottom:-50px!important;  }
.bx-wrapper .bx-pager.bx-default-pager a{  width: 25px!important;  height: 5px!important;  border-radius: 0!important;  -webkit-border-radius: 0!important;  background-image: url("../images/index/icon.png")!important;  background-position: -263px 0px!important;background-color: transparent!important;  }
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{  background-image: url("../images/index/icon.png")!important;  background-position: -263px -5px!important;  }
.bx-wrapper .bx-controls-direction a{  cursor: pointer;  display: none;  position: absolute;  z-index: 999;  top: 50%; margin-top: 0px;  width: 48px;  height: 61px;  background-image: url("../images/index/icon.png");  opacity: .7;  filter: alpha(opacity=70);  }
.banner-container:hover .bx-controls-direction a{  display: block;  }
.bx-wrapper .bx-prev,.bx-wrapper .bx-prev:hover{  background-position: 0px -32px!important; left: 50%!important; margin-left: -45%;  }
.bx-wrapper .bx-next,.bx-wrapper .bx-next:hover{  background-position: -48px -32px!important; right: 50%!important; margin-right: -45%;  }
.slides-left,.slides-right{position: absolute;top: 0;height:343px;opacity: .8;filter: alpha(opacity=90);background: #fff;z-index: 99;}
.bx-wrapper img{ width: 100%; }

/*css 20170630*/
.center { text-align:center; }

.blank5 { height:5px; overflow:hidden; }
.blank10 { height:10px; overflow:hidden; }
.blank15 { height:15px; overflow:hidden; }
.blank20 { height:20px; overflow:hidden; }
.blank30 { height:30px; overflow:hidden; }

.clearfix:after { display:block; clear:both; height:0; content:" "; }
.clearfix { *zoom:1; }

a.btn, .btn {display:inline-block; height:48px; line-height:48px; vertical-align:middle;padding:0 22px;color:#fff;font-size:16px;text-align:center;border:none; cursor:pointer;background:#00a0e9; border-radius:4px; }
.btn-small {position:absolute;right:-110px;bottom:5px;display:inline-block; height:36px; line-height:36px; vertical-align:middle;padding:0 16px;color:#fff;font-size:14px;text-align:center;border:none; cursor:pointer;background:#00a0e9; border-radius:18px; }
input.btn-gray,.btn-gray{ background-color: #CCCCCC !important; color: #FFFFFF !important; }
.btn.btn-primary{ height: 36px; line-height: 36px; border-radius: 4px; }
.ico-qr,
.ico-wx,
.ico-hot { display:inline-block; width:20px; height:22px; margin-right:5px; vertical-align:middle; background:url(../images/ico-qr.png) no-repeat; }
.ico-wx { width:25px; height:22px; background-image:url(../images/ico-wx.png); }
.ico-hot { width:32px; height:32px; background-image:url(../images/ico-hot.png); }

/*:::index:::*/
.bannerBox{ overflow: hidden; width: 1140px;  background: #ccc; margin: 0 auto; height: 343px; position: relative;}
.bannerBox ul { position: absolute; height: 343px;}
.bannerBox ul li { float: left; width: 1140px; height: 343px; overflow: hidden; position: relative;}
.bannerBox a { position: absolute; top: 50%; z-index: 99999; width: 48px; height: 61px; margin-top: -30px; background-image: url("../images/icon.png");}
.bannerBox ul li a { position: static; top: auto; width: auto; height: auto; margin-top:0; background:none; display:block;opacity: 1 !important;height: 100%; }
.bannerBox ul li img { width: 100%; height: 100%; }
.bannerBox .btn {position:absolute; width:1140px; height:16px; padding:5px 0; right:0; bottom:5px; text-align:center; }
.bannerBox .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background-image: url("../images/icon.png"); background-position: -263px 0px;}
.bannerBox .btn span.on { background-position: -263px -5px;!important;}
.leftArrow{background-position: 0px -32px;  left: 0;}
.rightArrow{background-position: -48px -32px; right: 0;}

.tags{ overflow: hidden; width: 1140px; margin: 34px auto 0 auto;}
.tags a {float: left; text-align: center; width: 166px;border-radius: 3px; height: 57px; line-height: 57px; font-size: 18px;}
.tags a.a1{background: #fff0c2; color: #c18939;}
.tags a.a1:hover{background: #fce8ac; }
.tags a.a2{background: #fdd7b9; color: #bc783f;}
.tags a.a2:hover{background: #fdc9a0; }
.tags a.a3{background: #bad2fe; color: #6187c2;}
.tags a.a3:hover{background: #acc9ff; }
.tags a.a4{background: #c5eaff; color: #3d9bb8;}
.tags a.a4:hover{background: #a6ddfd; }
.tags a.a5{background: #d9f1ba; color: #6f9340;}
.tags a.a5:hover{background: #cbee9f; }
.tags a.a6{background: #bceebb; color: #4b864a;}
.tags a.a6:hover{background: #b1e9af; }

.searchBoxWrap{ position: relative; height: 100px; }
.searchBox{ position: absolute; left: 50%; margin-left: -406px; top: -16px; border-radius: 4px; border: 1px solid #d2d2d2; width: 812px; background: #FFF; padding: 30px 50px;}
.searchBox.homeSearchBox:before{ position: absolute; left: -13px; top: 3px; content: ''; display: block; width: 0; height: 0; border-bottom: 12px solid #b5b5b5; border-left: 12px solid transparent; }
.searchBox input{ width: 612px; }
.searchBoxWrap span{ display: inline-block; z-index: 1000; width: 22px; height: 26px; background-image: url('../images/icon3.png'); background-repeat: no-repeat; position: absolute; top: -9px; }
.searchBoxWrap span.left{ background-position: -3px -101px; left: 50%; margin-left: -380px; }
.searchBoxWrap span.right{ background-position: -3px -129px; right: 50%; margin-right: -380px; }
.s-iconadd{background-image: url("../images/icon.png");background-position: -292px -0px; width: 22px; height: 30px; top: 6px; left: 17px; }
.s-icondata{background-image: url("../images/icon.png");background-position: -316px -0px; width: 23px; height: 24px; top: 9px; left: 17px;}
.s-ipt{ height: 41px; line-height: 41px;text-indent:20px; color: #666;}
.s-bnt{ overflow: hidden; border:none; width: 84px; height: 43px; line-height: 43px; text-align: center; cursor: pointer; color: #fff!important; border-radius: 3px; background-color:#00a0e9;}
.s-bnt:hover{ background-color:#3277de;}

.activityOptionBar{ border: 1px solid #d2d2d2; width: 1250px; height: 50px; line-height: 50px; margin: 60px auto 24px; }
.activityOptionBar div.left{ width: 600px; }
.activityOptionBar div.left ul li{ float: left; margin-left: -1px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.activityOptionBar div.left ul li a{ display: block; padding: 0 25px; }
.activityOptionBar div.left ul li.active a{ background-color: #00a0e9; color: #FFFFFF; }
.activityOptionBar div.right{ width: 102px; }
.activityOptionBar div.right a{ display: block; float: left; width: 50px; height: 50px; border-left: 1px solid #d2d2d2; background-image: url(../images/icon3.png); background-repeat: no-repeat; }
.activityOptionBar.type1 div.right a.bar{ background-position: -44px 9px; }
.activityOptionBar.type1 div.right a.block{ background-position: -118px 6px; }
.activityOptionBar.type2 div.right a.bar{ background-position: -44px -37px; }
.activityOptionBar.type2 div.right a.block{ background-position: -117px -36px; }

.activityListBar{ width: 1250px; margin: 0 auto; }
.activityListBar .left{ width: 912px; }
.activityListBar .right{ width: 330px; margin-bottom: 20px; background-color: #FFFFFF; padding: 15px; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 3px; }
.activityListBar .right li{ float: none; margin: 10px 0; }

.together{ overflow: hidden; width: 1272px; margin: 0 auto;}
.together dt{ overflow: hidden; height: 24px; line-height: 24px;}
.together dt span { color: #00a0e9; position: relative; }
.together dt span.popular-activities,
.together dt span.latest-release,
.together dt span.service-case,
.together dt span.partners{ margin-left: 12px; }
.together dt span.more{ padding-right: 33px; }
.together dt span.more a{ color: #00a0e9; }
.together dt span.popular-activities:before { content: ''; display: block; width: 28px; height: 28px; background: url('../images/icon2.png') no-repeat 0 0; float: left; margin-right: 5px; vertical-align: middle; }
.together dt span.latest-release:before { content: ''; display: block; width: 38px; height: 28px; background: url('../images/icon2.png') no-repeat -30px 0; float: left; margin-right: 5px; vertical-align: middle; }
.together dt span.service-case:before { content: ''; display: block; width: 38px; height: 32px; background: url('../images/icon2.png') no-repeat -30px -27px; float: left; margin-right: 5px; vertical-align: middle; }
.together dt span.partners:before { content: ''; display: block; width: 40px; height: 35px; background: url('../images/icon2.png') no-repeat -76px -2px; float: left; margin-right: 5px; vertical-align: middle; }
.together dt span.more:after { position: absolute; right: 10px; top: 3px; content: ''; display: block; width: 18px; height: 18px; background: url('../images/icon2.png') no-repeat -2px -33px; }
.partner-list-wrap li{ width: 200px; height: 60px; float: left; margin: 0px 2px 10px 8px; }
.partner-list-wrap li img{ width: 100%; }

.together dt em {background-image: url("../images/icon.png");background-position: -340px -0px; width: 16px; height: 20px; top: 3px; left: 17px;}

.rightBar{
    display: none;
    width: 78px;
    position: fixed;
    right: -22px;
    top: 50%;
    z-index: 998;
}
.rightBar>div{
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.rightBar>div img{
    vertical-align: middle;
}
.rightBar>div.telephone,
.rightBar>div.qq{
    background-color: #00a0e9;
}
.rightBar>div.top{
    background-color: #707070;
}
.rightBar>div.top:hover{
    background-color: #00a0e9;
}
.rightBar>div.telephone>img{ width: 70%; }
.rightBar>div.qq img,
.rightBar>div.top img{ width: 50%; }
.rightBar>div.qrcode>img{ width: 50%; }
.rightBar .telephone .showBox{
    display: none;
    width: 219px;
    height: 299px;
    position: absolute;
    left: -230px;
    top: 0;
    z-index: 998;
    border: 1px solid #00a0e9;
    background-color: #FFF;
    border-radius: 4px;
}
.rightBar .telephone .showBox>p{
    line-height: 40px;
}
.rightBar .telephone .showBox>p.tel{
    font-size: 26px;
    margin-bottom: 15px;
}
.rightBar .telephone .showBox>p.desc{
    font-size: 13px;
}

.meetsBox{  overflow: hidden; width: 1272px; padding:1px 0 0 2px;}
.meetsBox li { float: left; width: 296px; margin: 0 14px 22px 8px; border: 1px solid #e6e6e6; background-color: #FFF; height: 314px; box-sizing: border-box; }
.meetsBox li a { display: inline-block; width: 100%; height: 294px; overflow: hidden; box-sizing: border-box; padding: 2px;}
.meetsBox li a:hover h3 { color: #00a0e9!important;}
.meetsBox li a p {width: 100%; height: 196px; overflow: hidden;}
.meetsBox li a p img { width: 100%; height: 196px;}
.meetsBox li a h3{ height: 30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 30px; padding: 6px 10px; font-size: 16px; color: #202020;}
.meetsBox li a span { display: inline-block; position: relative; width: 248px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; overflow: hidden; height: 20px; line-height: 20px; color: #6f6f6f; padding: 6px 0 0 31px; font-size: 14px;}
.meetsBox li a span em { position: absolute; left: 10px;}
.t-time{ font-family: "Arial";}
.t-time em { width: 16px; height: 16px; top: 7px; overflow: hidden;background-image: url("../images/icon.png");background-position: -356px -0px;}
.t-ts em{width: 16px; height: 19px; top: 5px; overflow: hidden;background-image: url("../images/icon.png");background-position: -372px -0px;}
.t-ts i{ float: right; }
.t-ts i.free{ color: #00a0e9; }
.t-ts i.charge{ color: #f45a5a; }
.meetsBox li a p img { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .65s;-moz-transition: -moz-transform .65s;transition: transform .65s;}
.meetsBox li a:hover p img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.cx-but{ overflow: hidden; text-align: center; padding: 42px 0;}

.redheart{ width: 24px; height: 23px;background-image: url("../images/icon.png");background-position: -400px -0px;}
.cl-list{ width: 1170px; overflow: hidden; margin-right: -30px; padding-bottom: 45px;}
.cl-list li { width: 360px; float: left; height: 140px;margin: 28px 30px 0 0;}
.cl-list li a { width: 190px; height: 140px; display: inline-block; background: #f7f7f7; position: relative; padding: 0 16px 0 154px;}
.cl-list li a  p{ position: absolute; left: 0; top: 0; width: 140px;height: 140px; overflow: hidden;}
.cl-list li a:hover { background: #fff;}
.cl-list li a p img { width: 140px; height: 140px;}
.cl-list li a h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 190px; height: 35px; line-height: 35px; color: #666; padding-top:8px;}
.cl-list li a h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 190px; height: 24px; line-height: 24px; color: #666;}
.cl-list li a span { display: inline-block; width: 165px; height: 22px; line-height: 22px; position: relative; padding-left: 25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color: #999;}
.cl-list li a span em { position: absolute; left: 0; width: 20px; height: 18px; top:2px;background-image: url("../images/icon.png");}
.newicon em{background-position: -434px -3px;}
.alicon em{background-position: -459px -3px;}
.cl-list li a p img { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .65s;-moz-transition: -moz-transform .65s;transition: transform .65s;}
.cl-list li a:hover p img  {-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9)}

.sticker { border: 1px solid #e4e4e4; width: 1250px; margin: 75px auto 0; box-sizing: border-box; padding: 10px 34px 25px 34px; position: relative; background-color: #FFFFFF; }
.sticker li {overflow: hidden;}
.sticker li span {overflow: hidden; position: relative; height: 29px; border-right: 1px solid #e4e4e4; margin-top: 18px; padding-left: 42px; width: 58px; line-height: 29px; color: #555;}
.sticker li span em { position: absolute; left: 0; top: 0;background-image: url("../images/icon3.png"); width: 29px; height: 29px; overflow: hidden;}
.s-icon-stor{background-position: 0px -3px;}
.s-icon-time{background-position: 0px -34px;}
.s-icon-city{background-position: 0px -64px;}
a.getNowBnt,a.getDateBnt { float: left; height: 24px; line-height: 24px; padding: 0 6px;  margin: 15px 0 0 4px; font-size: 14px; color: #666; text-align: center;}
a:hover.getNowBnt,a:hover.getDateBnt,.cura{background: #00a0e9;border-radius: 5px; color: #fff!important;}
a.getDateBnt{ width: auto!important;}
.m-c{overflow: hidden; width: 1050px;}
.bnt-m { position: relative; margin-top: 15px; height: 30px!important;border: 1px solid #ff8d8d; line-height: 30px; font-size: 16px; padding: 0 40px 0 20px!important; border-radius: 16px; cursor: pointer; width: 35px!important;}
.bnt-m em{background-image: url("../images/icon.png");background-position: -359px -32px; position: absolute; width: 13px; height: 7px;top: 13px;right: 20px;}
.bnt-m:hover{background: #f45a5a; color: #fff;}
.bnt-m:hover em {background-position: -391px -32px; }
.cur-bnt-m em{background-position: -376px -32px!important;}
.cur-bnt-m:hover em{background-position: -407px -32px!important;}
.bill{position: relative; width: 120px; padding-left: 35px; height: 42px; line-height: 42px; font-size: 16px; color: #555;}
.bill em { position:absolute; width: 29px; height: 27px; left: 0; top: 6px;background-image: url("../images/icon.png");background-position: -422px -32px; cursor: pointer;}
.bill input { display: none;}
.cur-bl{background-position: -451px -32px!important;}
a.ts{ width: 115px; height: 40px; border: 1px solid #e4e4e4; border-radius: 0; line-height: 40px; font-size: 16px;color: #555; margin-left: -1px;}
a.ts:hover,.cur-ts{ background: #f45a5a; width: 117px!important; height: 42px!important; border: 0!important; line-height: 42px!important; color: #fff!important;}

.m-list{ overflow: hidden; width: 100%;}
.m-list li { overflow: hidden; border: 1px solid #e6e6e6; margin-bottom: 10px; border-radius: 3px; background-color: #FFFFFF; }
.m-list li a { display: inline-block;padding: 10px 32px 10px 325px; min-height: 170px; width: 552px; position: relative;}
.m-list li a h3 { overflow: hidden; height: 42px; line-height: 42px; color: #6e6e6e; margin-bottom: 20px; font-size: 20px;}
.m-list li a:hover h3{ color: #00a0e9;}
.m-list li a h4{ overflow: hidden; height: 72px; line-height: 24px; font-size: 16px; color: #999; padding:10px 0 20px 0;}

.m-list li a span { position: relative; display: block; height: 30px; margin: 5px 0; line-height: 24px; padding-left: 26px; color: #b6b6b6;}
.m-list li a span>span{ display: inline-block; }
.m-list li a span>span.charge{ color: #f45a5a; }
.m-list li a span>span.free{ color: #00a0e9; }
.m-list li a span>span.m{ margin-left: 135px; }
.m-list li a span>span b{ color: #26adec; font-weight: normal; }
.m-list li a span em {background-image: url("../images/icon.png"); width: 16px; height: 21px; left: 0; position: absolute;}
.m-tm {font-family: "Arial"}
.m-tm em{background-position: -356px -0px; top: 4px;}
.m-ad em{background-position: -480px -0px; top: 1px;}
.m-tg em{background-position: -372px -0px; top: 3px;}
.m-pic{ position: absolute; left: 10px; top: 10px; width: 300px; height: 180px; overflow: hidden;}
.m-pic em { position: absolute; right: 0; top: 0; width: 51px; height: 51px; background-image: url("../images/icon.png");background-position: -0px -104px;}
.m-pic img { width: 100%; height: 170px;}

.container { width:1250px; margin:0 auto; }
.container .secBox,
.container .aside { background:#fff; border:1px solid #e5e5e5; }
.container .main { float:left; width:896px; }
.container .aside { float:right; width:218px; padding:0 6px; }
.container .secBox { padding:0 30px; margin-bottom:13px; }
.container.activityDetailContainer>div{ padding: 20px 10px; background-color: #FFFFFF; margin-bottom: 10px; overflow: hidden; }
/*.container.activityDetailContainer>div img{ width: 100%; }*/
.container.activityDetailContainer>div.map p{ text-align: center; margin: 10px 0 5px; }

.introdBox{ /*overflow: hidden;*/ margin: 20px auto 10px; padding: 20px; width: 1250px; border:1px solid #e5e5e5; }
.intrTop{ height: 236px; padding:0 0 0 384px; position: relative; }
.intrTop p { position: absolute; left: 0; top: 0; width: 361px; height: 236px; overflow: hidden;}
.intrTop p img { width: 361px; height: 236px;}
.intrTop h3{ overflow: hidden; height: 45px; line-height: 45px; color: #6e6e6e; font-size: 24px;}
.intrTop span { display:inline-block; position: relative; padding-left: 28px; color: #a4a4a4; font-size: 16px; min-height: 32px; line-height: 32px;}
.intrTop span em { position: absolute; width: 24px; height: 21px; left: 0; top:5px;background-image: url("../images/icon.png");}
.in-icon-1{background-position: -272px -64px;}
.in-icon-2{background-position: -425px -64px;}
.in-icon-3{background-position: -296px -64px;}
.in-icon-4{background-position: -320px -64px;}
.in-icon-5{background-position: -344px -64px;}
.in-icon-6{background-position: -369px -64px;}
.in-icon-7{background-position: -400px -64px;}
a.getFor{ margin-right: 30px; display:inline-block; padding:0 17px; overflow: hidden; height: 30px; line-height: 30px; border: 1px solid #00a0e9; color: #00a0e9; font-size: 16px;border-radius: 26px;}
a:hover.getFor{ background: #00a0e9; color: #fff;}
a.getFor.disabled{ border: 1px solid #c2c2c2; color: #fff; cursor:default; background:#c2c2c2; }

.introInfoRight { font-size:0; text-align:right; }
.introInfoRight span.f-left { float:none; width:auto; margin-left:35px; padding-left:0; font-size:16px; }
.introInfoRight span em { position:static; display:inline-block; vertical-align:top; margin:5px 3px 0 0; *margin-top:0; }

.intrTop .btnRegSearch { position:absolute; top:-20px; right:-27px; width:40px; height:94px; padding:10px 10px 0 58px; font-size:16px; line-height:18px; color:#fff; background: url("../images/icon.png") no-repeat -190px -104px; z-index:6; }

.intrTop .btnTuiGuang { position:absolute; bottom:55px; right:10px; width:172px; height:40px; line-height:40px; text-align:center; color:#FFF; border-radius:4px; z-index:6; background-color: #00a0e9; }


.intrBot{ overflow: hidden;}
.intrBot dt { overflow: hidden; margin-top: 22px; height: 25px; line-height: 25px; font-size: 22px; color: #666; border-left: 4px solid #00a0e9; padding-left: 15px;}
.intrBot dd { overflow: hidden; padding: 15px 0; color: #666;font-size: 16px; line-height: 26px; word-break:break-all; text-align:justify; }
a.getKeptBnt{ display: inline-block; background: #00a0e9; width: 172px; height: 52px; line-height: 52px; font-size: 22px; color: #fff; border-radius: 26px;}
a:hover.getKeptBnt{background: #16adf2;}

.DataDialog{position: absolute;border: 1px solid #e3e3e3;display: none; background: #fff; height: 215px; width: 416px; z-index: 99; top: 105px; left: 456px; padding: 15px;}
span.upicon { position: absolute; left: 30px; top: -8px; width: 20px; height: 8px; background-image: url("../images/icon.png");background-position: -51px -104px;}
.DataDialog dt { overflow: hidden; height: 32px; line-height: 32px;}
.DataDialog dd{ overflow: hidden; padding-top: 13px;}
.startData,.endData{ width: 202px; overflow: hidden;}
.disp{ border: 1px solid #dcdcdc; height: 30px; line-height: 30px; text-align: center; color: #999; width: 114px;}
.stxt{ display: inline-block; line-height: 32px; width: 25px; color: #999; text-align: center;}
.cipt{ background: #00a0e9; height: 32px; line-height: 32px; color: #fff; width: 66px; cursor: pointer; margin-left: 8px; border: none; border-radius: 3px;}
.cbnt{border: 1px solid #ddd; color: #a0a0a0; height: 30px; line-height:30px; width: 66px;cursor: pointer; text-align: center; background: #fff;border-radius: 26px;}

.searchKey { overflow: hidden; width: 1140px; margin: 30px auto 0; font-size:24px; }
.searchKey label { float:left; }
.searchKey a { float:left; margin:0 15px 0 0; padding:0 25px 0 15px; position: relative; color:#F45A5A; font-size:20px; line-height:30px; border:1px solid #e4e4e4; }
.searchKey a i { position: absolute; top: 4px; right: 2px; width: 10px; height: 10px; background: url("../images/icon.png") no-repeat -150px -104px; }

.panel { margin-bottom:20px; }
.panel .hd { padding-top:10px; line-height:32px; font-size:16px; color:#666; border-bottom:1px solid #b5b5b5; }
.panel .bd { padding-top:25px; }

.aside .meetsBox { width:auto; }
.aside .meetsBox li { float:none; width:auto; height:auto; margin:0 0 13px 0; }
.aside .meetsBox li a { display:block; width:auto; height:auto; padding:7px; }
.aside .meetsBox li a p { width:auto; height:auto; }
.aside .meetsBox li a p img { width:100%; height:auto; }
.aside .meetsBox li a h3 { width:auto; height:20px; font-size:13px; line-height:20px; }
.aside .meetsBox li a span { width:100%; padding-top:2px; color:#aaa; font-size:13px; }
.aside .meetsBox li a span em { top:3px; }

.commForm { padding:0 30px; }
.commForm .g-textarea { width:1078px; height:50px; padding:5px; resize:none; }
.commForm .avatar { width:60px; margin-right:18px; text-align:center; }
.commForm .avatar div { height:24px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.commForm .avatar img { border-radius:50%; }

.container .commBox { padding:20px 0; margin-top: 10px; }
.commBox .count { margin-bottom:15px; padding:0 30px; font-size:16px; line-height:30px; }

.commList { padding-top:10px; }
.commList li { padding:20px 0; clear: both; }
.commList li:after { content: ''; display: block; width: 0px; height: 0px; overflow: hidden; }
.commList li .avatar { float:left; width:60px; }
.commList li .avatar img { border-radius:50%; }
.commList li .cont {position: relative;  margin-left:78px; min-height:60px; text-align:justify; }
.commList li .info { height:26px; }
.commList li .info span { margin:0 60px; }
.commList li .name { color:#00a0e9; }
.commList li .reply { display:inline-block; vertical-align:top; height:100%; padding:0 10px; }

.commList li ul { margin-top:20px; padding-left:108px; }
.commList li ul li:last-child { padding-bottom:0; border-bottom:none; }
.commList > ul > li { padding-right:30px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.commList > ul > li .commentSubmitBtn { height: 30px; line-height: 30px; margin-top: 10px; position: static; border-radius: 3px; }
.commList > ul > li > .avatar { margin-left:30px; }
.commList > ul > li > .cont { margin-left:108px; }

.commList .more { display:block; margin:20px 30px; text-align:center; line-height:32px; background:#e5e5e5; color:#00a0e9; border-radius:8px; }
.commList .replyBox { margin-top:10px; }
.commList .replyBox .g-input { width:100%; height:40px; text-indent:10px; }

.shareTo { text-align:center; line-height:32px; }
.shareTo a { display:inline-block; width:27px; height:27px; margin:0 6px; vertical-align:middle; margin-top:-2px; background:url("../images/ico-login2.png") no-repeat; position:relative; }
.shareTo .qq { background-position:-49px 0; }
.shareTo .wb { background-position:-97px 0; }
.wxQrBox { display:none; position:absolute; top:30px; right:0; width:300px; text-align:left; color:#666; background:#fff; border:1px solid #ddd; border-radius:4px; z-index:99; }
.wxQrBox .hd { line-height:36px; padding:0 20px; border-bottom:1px solid #ddd; }
.wxQrBox .bd { text-align:center; padding:30px 0; }
.wxQrBox .bd span { padding:0; }
.wxQrBox .ft { line-height:36px; padding:0 20px; border-top:1px solid #ddd; }
.shareTo a.wx.show .wxQrBox { display:block; }

/*门票类型*/
.trangle{position: absolute;left:14px; top: -8px;width: 0;height: 0;border:4px solid transparent;border-bottom-color: #fa9606;  }
.white-span{border-bottom-color: #ffffff;}

.select-ticket{display:block;width:100px;position: absolute;bottom:-38px;left:50%;margin-left:-67px;padding: 5px 10px;border: 1px solid #fa9606;border-radius:2px;color: #fa9606;z-index: 10;background-color: #fff;}

.li-mr{margin: 20px 20px 0 0;}
.li-mr:hover{cursor: pointer;}
.li-mr:nth-child(n+3){margin-right: 0;}

.ticket-type{display:block;position:relative;width:250px;height:55px;padding: 5px;border: 1px solid #d2d2d2;border-radius:2px;text-align: center;}
.ticket-red{color: #ff0000;border-color: #ff0000;}
.ticket-grey{color: #d2d2d2;border-color: #d2d2d2;}
.ticket-red .t-nothing{position: absolute;right: 8px;top: 0;font-size:12px;}
.ticket-active{border: 2px solid #00a0e9;margin: -1px;}
.ticket-detail{position: absolute;width: 55px;height: 20px;line-height:20px;top:8px;left:8px;border: 1px solid #fa9606;font-size:12px;color: #fa9606;border-radius: 2px;}

.ticket-content{display:none;position: absolute;width:160px;padding:5px;top: 25px;left: -15px;border: 1px solid #d2d2d2;color:#a4a4a4;z-index: 99;background-color: #fff;text-align: left;}
.ticket-content .trangle,.select-ticket .trangle{left: 35px;}
.ticket-content .white-span,.select-ticket .white-span{top: -7px;}
.ticket-detail:hover .ticket-content{display: block;}
.ticket-blue{color: #00a0e9;}
.ticket-mar{margin-top: 3px;}

.ticket-checked{position:absolute;bottom:-2px;right:0;display: inline-block;width: 35px;height: 27px;background: url("../images/icon-checked_06.png") 0 0 no-repeat;}
.sale-over{ color:#cdcdcd;background-color: #f6f6f6;border-style: dashed;background-image: url("../images/no-ticket_06.png");background-position: top right;background-repeat: no-repeat;cursor: not-allowed; }

/*活动详情*/
.activityDetailOptionBar{ width: 100%; border-bottom: 1px solid #d2d2d2; box-shadow: -4px 0px 4px 2px #AAA; height: 65px; background-color: #FFFFFF; }
.activityDetailOptionBar .container{ width: 1250px; margin: 0 auto; }
.activityDetailOptionBar .container .left{ width: 500px; }
#navScrollContainer li{ float: left; }
#navScrollContainer li.active a{color: #00a0e9; border-bottom: 2px solid #00a0e9;}
#navScrollContainer li a{display: inline-block; height: 58px; line-height: 65px; color: #202020; margin-right: 25px;}
.activityDetailOptionBar .container .right{ width: 205px; line-height: 65px; }
.activityDetailOptionBar .container .right .ticket-btn{ border-radius: 3px; height: 36px; line-height: 36px; margin-right: 20px; }
.activityTableDiv{ margin-top: 40px; background-color: #FFFFFF; padding: 10px; }

.g-tableList{width:100%;table-layout:fixed;border:1px solid #e3e3e3;text-align:center;}
.g-tableList thead{padding:6px 0;}
.g-tableList thead th{ color:#666;padding:8px 0;font-size:14px;text-align:center;border:1px solid #e3e3e3;border-bottom:none;}
.g-tableList tbody td{padding:12px 6px;color:#666;font-size:14px;background:#FFF;word-break:break-all;word-wrap:break-word;border: 1px solid #EEE;}
/*.g-tableList tbody tr.even td{background:#f7f7f7;}*/
.g-tableList.tableBd tbody td {border:1px solid #e5e5e5;}
.g-tableList.borders thead th { padding:12px 0; background:#f0f0f0; }
.g-tableList.borders tbody td { border:1px solid #e3e3e3; }

/* 二维码 */
.g-tableList .link-url { display:inline-block; }
.g-tableList .qrcodeWrap { display:inline-block; position:relative; }
.g-tableList .qrcodeBox { display:none; position:absolute; top:28px; left:-13px; width:210px; height:240px; text-align:center; border:1px solid #e3e3e3; background:#fff; z-index:98; }
.g-tableList .qrcodeBox p { padding:25px 0 0 30px; line-height:24px; text-align:left; }
.g-tableList .qrcodeBox .qrcode { margin-bottom:8px; }
.g-tableList .qrcodeBox .qrcodeArrow { position:absolute; top:-30px; left:0; width:70px; height:46px; background:url(../images/zhhw/up-black.png) no-repeat center;/*v1.4/应用中心、账户设置、支付成功提醒0304/*/ }
.g-tableList s{ color: #d2d2d2; }

.topLinkNavBar{ margin: 90px auto 20px; }
.topLinkNavBar p{ font-size: 16px; color: #202020; }
.topLinkNavBar p a{ color: #00a0e9; margin-left: 10px; }
.topLinkNavBar p>span{ display: inline-block; width: 12px; height: 20px; text-align: center; line-height: 14px; font-size: 24px; vertical-align: middle; }

/*login css*/
.pc-login-register-container{ width: 100%; height: 920px; background: url("../images/pc-login-bg.png") no-repeat left top; background-size: cover; }
.smallBox{ position: absolute; right: 8%; top: 20%; border: 1px solid #EEE; box-shadow: 5px 3px 12px -4px #AAA; padding: 25px 35px; box-sizing: border-box; border-radius: 4px; background: rgba(255,255,255,0.7); width: 402px; }
.smallBox dt { text-align: center; color: #434343; font-size: 22px;}
/*.smallBox dd { overflow: hidden;}*/
.smallBox dd li{ overflow: hidden; margin-top: 24px; position: relative;}
.s-icon{ position: absolute; width: 28px; height: 29px; overflow: hidden; left: 12px; top: 10px; background-image: url("../images/sicon.png");}
.s-ipt{ border: 1px solid #aaaaaa!important; height: 46px; width: 99%; background: none!important; line-height: 46px; text-indent: 16px; color: #a1a1a1; font-size: 18px; border-radius: 3px;}
.s-i-phone{ background-position: -28px -0px}
.s-i-psw{ background-position: -56px -0px}
.s-bnt-card{ width: 124px; height: 46px; border: 0; border-radius: 3px; font-size: 16px; color: #fff; cursor: pointer; background: #33a4ff;}
.s-bnt-Disable{ background: #bcbcbc!important; font-size: 14px!important;}
.s-tips{ overflow: hidden; height: 20px; line-height: 20px; color: #f45a5a; padding-top: 5px; display: none;}
.getRegBnt{ overflow: hidden; width: 100%; border:none; cursor: pointer; background: #00a0e9; color: #fff; height: 53px; line-height: 53px; font-size: 20px; border-radius: 4px;}
.getRegBnt:hover { background: #3277de;}
.s-txt{ margin-top: 35px; text-align: center; position: relative; height: 20px;}
.s-txt span { display: inline-block; color: #a1a1a1;  width: 128px;  height: 20px; top: -10px; position: absolute; left: 50%; margin-left: -64px; z-index: 999;}
.s-txt span:before,.s-txt span:after{ content: ''; display: block; position: absolute; width: 100px; height: 1px; background-color: #aaaaaa; top: 12px; }
.s-txt span:before{ left: -108px; }
.s-txt span:after{ right: -108px; }
.textReg { font-size:16px; line-height: 24px; margin: 0px 0 0 172px; color:#a1a1a1; }
a.getLogin{ position: relative;color: #33a4ff; margin-top: 20px; }
a.getLogin em { position: absolute; display: inline-block; width: 24px; height: 24px; top: 1px; right: 53px;background-image: url("../images/icon3.png");background-position: -58px -166px;}
/*a.getLogin:hover{ background-color: #3277de;}*/
/*a:hover.getLogin em{animation:gethome 0.7s infinite;-moz-animation:gethome 0.7s infinite; -webkit-animation:gethome 0.7s infinite;-o-animation:gethome 0.7s infinite;}*/

.otherLogin { padding:15px 0; text-align:center; }
.otherLogin a { display:inline-block; width:48px; height:48px; margin:0 15px; background:url("../images/ico-login.png") no-repeat; }
.otherLogin .qq { background-position:-87px 0; }
.otherLogin .wb { background-position:-173px 0; }

.sucess{ height: 103px; width: 258px; padding-left: 147px; position: relative; margin-left: 50px; color: #666; font-size: 36px; line-height: 103px; padding-bottom: 48px;}
.sucess em { position: absolute; left: 0; top: 0; width: 103px; height: 103px; overflow: hidden;background-image: url("../images/sicon.png");background-position: -0px -32px;}
.s-sec-txt{ overflow: hidden; color: #565656; font-size: 16px; line-height: 30px;}
.s-li{ padding-left: 90px; width: 365px; height: 36px; line-height: 36px;}
.en-card-pic { border: 1px solid #eee; width: 131px; height: 131px; padding: 50px;  margin: 20px 0 0 110px;}
.en-card-pic img{width: 131px; height: 131px;}
.s-sicon{background-position: -104px -32px!important;}
.s-icon-failure{background-position: 0px -136px!important;}
.s-icon-login{background-position: -88px -0px;}
.s-icon-search{background: url("../images/icon.png") no-repeat -100px -150px;}
.errorTips{ height: 28px; line-height: 28px; border: 1px solid #ffb5b5; background: #ffdfdf;text-indent: 47px; color: #ff3131; margin-top: 13px; position: relative; display: none;}
.errorTips em { position: absolute; width: 15px; height: 15px;background-image: url("../images/sicon.png");background-position: -128px -0px; left: 18px; top: 7px;}
a.getForget{ color: #434343;text-decoration: underline; line-height: 27px; }
a:hover.getForget{ color: #3277de;}
.remember{ height: 27px; line-height: 27px; width: 100px; padding-left: 40px; color: #434343; font-size: 16px;}
.remember em{ cursor: pointer;position: absolute; left: 0; right: 0; width: 28px; height: 27px;background-image: url("../images/sicon.png");background-position: -152px -0px;}
.remember em input,.cur-icon-radio em input,.single-radio em input{ display: none;}
.cur-rb{background-position: -181px -0px!important;}

.cur-icon-radio{ height: 27px; line-height: 27px;  padding: 0px 40px 0 30px; overflow: hidden; position: relative; margin-top: 20px; color: #666; font-size: 16px; display: inline-block;}
.cur-icon-radio em{ cursor: pointer;position: absolute; left: 0; right: 0; width: 28px; height: 27px;background-image: url("../images/sicon.png");background-position: -181px -0px;}
.cur-radio{background-position: -152px -0px!important;}

.r-select{height:41px;overflow:hidden;position:relative;border:1px solid #e2e2e2; border-radius: 3px;}
.r-select input,.g-select select{position:absolute;top:0;left:0;}
.r-select input:focus{border:none;}
.r-select input{width:100%;height:41px; color:#666;line-height:41px;text-indent:48px;border:none;background:#FFF url("../images/slt.png")right center no-repeat;text-align:left;}
.r-select select{width:100%;height:41px;border:none;background:#FFF;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;}
.r-select select option { height: 30px; line-height: 30px;}
.r-select em { position: absolute;z-index: 9; width: 30px; height: 26px; top: 8px; left: 14px;background-image: url("../images/sicon.png");}
.item-icon{ position: absolute; display:inline-block;width: 30px; height: 26px;top: 0; left: 0;background-image: url("../images/sicon.png");}
.icon-cost{background-position: -216px -0px}
.icon-pay{background-position: -244px -0px}
.icon-common {background-position: -0px -246px}

.invitationBox { width:586px; margin:0 auto; padding:90px; color:#444; border:2px solid #3592bb; }
.invitationBox .inviText1 { line-height:36px; }
.invitationBox .inviText2 { padding:20px 0 50px; font-size:28px; line-height:32px; }
.invitationBox ul { width:280px; margin:0 auto; line-height:30px; text-align:left; font-size:20px; }
.invitationBox li { margin-bottom:15px; }
.invitationBox li i { float:left; width:24px; height:30px; *margin-right:10px; background: url("../images/icon.png") no-repeat -340px -99px; }
.invitationBox li i.locate { background-position:-370px -103px; }
.invitationBox li div { margin-left:35px; text-align:justify; *float:left; *width:245px; *margin-left:0; }

/*添加单选样式*/
.single-radio,.double-radio{height: 27px; line-height: 27px;padding: 0 40px 0 0px; overflow: hidden; position: relative; margin-top: 20px; color: #666; font-size: 16px;}
.single-radio em{ cursor: pointer;position: absolute; left: 0; right: 0; width: 25px; height: 25px;background-image: url("../images/radio-icon_03.png");background-position: 1px -69px;}
.checked-radio{background-position: 1px 1px!important;}
.single-item p {height:26px;line-height: 26px;font-size: 16px;}

.verificationCode{ display: inline-block;width: 124px;height: 46px;background-color: #eee; }
.verificationCode img{ width: 100%; }
.register-success-container,.signup-warning-container,.ticket-search-container{ width: 1250px; height: 858px; background-color: #FFFFFF; margin: 94px auto 50px; padding-top: 115px; }
.register-success-container .tip,
.signup-warning-container .tip{ position: relative; width: 500px; margin: 0 auto; font-size: 36px;color: #666666; text-align: center; padding-left: 110px; }
.signup-warning-container .tip{ width: 400px; }
.register-success-container .tip:before,
.signup-warning-container .tip:before{ content: ''; display: inline-block; width: 105px; height: 105px; position: absolute; left: 66px; top: 50%; margin-top: -46px; background-repeat: no-repeat; background-size: cover; }
.signup-warning-container .tip:before{ background-image: url('../images/warning-big-icon.png'); }
.register-success-container .tip:before{ background-image: url('../images/success-big-icon.png'); }
.register-success-container .loginBtn{ display: block; width: 400px; height: 60px; margin: 160px auto 0; font-size: 24px; line-height: 60px; }
.signup-warning-container p,.register-success-container p{ margin-top: 68px; text-align: center; color: #828282; }
.ticket-search-container .content{ position: relative; width: 514px; height: 210px; margin: 70px auto 0; }
.ticket-search-container .content h1{ font-size: 24px; }
.ticket-search-container .content input{ width: 518px; height: 60px; border: 1px solid #aeaeae; border-radius: 4px; padding-left: 58px; margin-top: 20px; }
.ticket-search-container .content:before{ content: ''; display: block; position: absolute; left: 20px; top: 70px; width: 24px; height: 24px; background-image: url("../images/icon3.png"); background-position: -59px -102px;  }
.ticket-search-container .content .search{ text-align: center; }
.ticket-search-container .content .search a{ width: 200px; height: 50px; line-height: 50px; margin-top: 34px; }

/*activity sign up css*/
.activitySignUpContainer{ background-color: #FFFFFF; padding: 10px 24px; position: relative; }
.activitySignUpContainer .title{ font-size: 18px; }
.activitySignUpContainer .title b{ font-weight: normal; }
.activitySignUpContainer .title p{ width: 100%; position: absolute; left: 0; top: 0; text-align: center; line-height: 40px; }
.activitySignUpContainer .content,
.activitySignUpContainer .payBox{ padding: 20px 35px; border: 1px solid #b8b8b8; border-radius: 4px; margin: 20px 0; }
.activitySignUpContainer .content .uploadImgWrap{ border: 1px solid #e4e4e4; padding: 10px 10px 20px 10px; border-radius: 4px; margin: 26px 0; }
.activitySignUpContainer .content .uploadImgWrap .imgIcon p.p-container{ text-align: center; }
.activitySignUpContainer .content .uploadImgWrap .imgIcon span{ position: relative; }
.activitySignUpContainer .content .uploadImgWrap .imgIcon span.required:after{ content: '*'; display: block; color: #00a0e9; position: absolute; right: -10px; top: 4px; }
.activitySignUpContainer .content .uploadImgWrap .uploadHeadImgTips{ display: none; color: red; font-size: 12px; }
.activitySignUpContainer .content .inputBlock{ position: relative; overflow: hidden; }
.activitySignUpContainer .content .inputBlock .left{ position: relative; width: 10%; float: left; }
.activitySignUpContainer .content .inputBlock .left p{ padding-right: 25%; padding-top: 10px; }
.activitySignUpContainer .content .inputBlock .left.required:after{ content: '*'; color: #00a0e9; display: block; position: absolute; right: 12px; top: 12px; }
.activitySignUpContainer .content .inputBlock .right{ width: 90%; float: left; }
.activitySignUpContainer .content .inputBlock input{ border: 1px solid #e4e4e4; width: 1030px; height: 40px; margin-bottom: 24px; line-height: 40px; border-radius: 4px; padding: 0 10px; }
.activitySignUpContainer .content .inputBlock input:focus{ border-color: #00a0e9; }
.activitySignUpContainer .content .inputBlock p.tips{ display: none; position: absolute; left: 123px; top: 42px; color: red; font-size: 12px; }
.activitySignUpContainer span.requiredMark{ margin: 0 20px 0 10px; vertical-align: middle; }
.activitySignUpContainer span.singleItemTips,
.activitySignUpContainer span.doubleItemTips{ display: none; color: red; font-size: 12px; }
.activitySignUpContainer .spliteLine{ width: 1180px; height: 1px; margin: 20px 0; background-color: #e4e4e4; }
.activitySignUpContainer .uploadImgTips{ display: none; font-size: 12px; color: red; text-align: center; margin-top: 10px; }
.activitySignUpContainer .uploadRequiredMark{ color: #00a0e9; vertical-align: middle; margin-left: 5px; }
.activitySignUpContainer .uploadImgWrap .tips{ color: red; margin-top: 0; display: none; font-size: 12px; }

/*
.activitySignUpContainer .content .inputBlock{ position: relative; overflow: hidden; }
.activitySignUpContainer .content .inputBlock>p{ margin-bottom: 5px; }
.activitySignUpContainer .content .inputBlock>p>span{ position: relative; }
.activitySignUpContainer .content .inputBlock>p>span:after{ content: '*'; color: #00a0e9; display: block; position: absolute; right: -10px; top: 3px; }
.activitySignUpContainer .content .inputBlock input{ border: 1px solid #e4e4e4; width: 1145px; height: 40px; margin-bottom: 24px; line-height: 40px; border-radius: 4px; padding: 0 10px; }
.activitySignUpContainer .content .inputBlock input:focus{ border-color: #00a0e9; }
.activitySignUpContainer .content .inputBlock p.tips{ display: none; position: absolute; left: 0px; bottom: 8px; color: red; font-size: 12px; }
.activitySignUpContainer span.requiredMark{ margin: 0 20px 0 10px; vertical-align: middle; }
.activitySignUpContainer span.singleItemTips,
.activitySignUpContainer span.doubleItemTips{ display: none; color: red; font-size: 12px; }
.activitySignUpContainer .spliteLine{ width: 1180px; height: 1px; margin: 20px 0; background-color: #e4e4e4; }
.activitySignUpContainer .uploadImgTips{ display: none; font-size: 12px; color: red; text-align: center; margin-top: 10px; }
*/

.headerSplitLine{ display: inline-block; width: 1px; height: 32px; background-color: #AAAAAA; vertical-align: middle; margin-left: 15px; }

.uploadHeadImg .imgIcon{ position: relative; width: 205px; height: 205px; margin: 30px auto 18px; text-align: center; overflow: hidden; line-height: 250px; border: 4px solid #efeff0; border-radius: 50%; box-sizing: border-box; background-image: url(../images/signin-default-head-img-bg.png);background-repeat: no-repeat; background-size: contain;}
.uploadHeadImg .upload-file {
    width: 205px;
    height: 205px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -102.5px;
    overflow: hidden;
    cursor: pointer;
    opacity: .01;
    filter: alpha(opacity=1);
    z-index: 9;
}
.uploadHeadImg p{
    color: #bababa;
    text-align: center;
    width: 436px;
    font-size: 20px;
    margin: 0 auto;
}
.uploadHeadImg .imgIcon span{
    display: inline-block;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3);
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
}
.uploadHeadImg .imgIcon img{
    opacity: 0;
    width: 100%;
}
.uploadHeadImg .imgIcon span i{
    width: 58px;
    height: 58px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -29px;
    background-image: url(../../images/loading.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.uploadHeadImg .upload-status-error{
    color: red;
    font-size: 18px;
}
.payTypeWrap{ margin-top: 20px; }
.payTypeWrap li{ cursor: pointer; width: 269px; height: 125px; border-radius: 4px; box-sizing: border-box; float: left; margin-left: 10px; background-color: #FFFFFF; border: 2px solid #EEEEEE; text-align: center; }
.payTypeWrap li img{ margin-top: 12px; }
.payTypeWrap li.on{ background: url("../images/alipay-icon-bg.png") no-repeat left top; background-size: contain; border: none; }
.cut-img-layer-wrap{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9998; }
.cut-img-content{ width: 724px; height: 651px; padding: 36px 174px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-left: -362px; margin-top: -325px; background-color: #FFF; z-index: 9999; opacity: 1; }
.cut-img-body{ height: 504px; text-align: center; }
.cut-img-body>img{ max-width: 100%; }
.cut-img-footer{margin-top: 36px; text-align: center;}
.cut-img-footer>button{width: 132px;height: 46px;border-radius: 4px;background-color: #00a0e9;border: 2px solid #00a0e9;color: #FFF;margin-right: 20px;font-size: 16px;cursor: pointer;}
.cut-img-footer>button.cancel{background-color: #FFF; color: #00a0e9;}

.qrcode-container{ width: 410px; height: 410px; margin: 42px auto; background-image: url("../images/qrcode-border-bg.png"); background-size: cover; padding: 35px; box-sizing: border-box; }
.qrcode-container img{ width: 100%; }