@charset "UTF-8";
/*－－全局样式－－*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, span, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section, nav, header, footer{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-align:inherit;line-height:inherit;}
html{ width:100%; height:100%; -webkit-text-size-adjust:none;}
.placeholder{ color:#b2b2b2;}
::-webkit-scrollbar{ width:0;}
::-webkit-input-placeholder{ color:#b2b2b2}
:-moz-placeholder{ color:#b2b2b2}
::-moz-placeholder{ color:#b2b2b2}
:-ms-input-placeholder{ color:#b2b2b2}
:focus::-webkit-input-placeholder{ opacity:0;}
:focus:-moz-placeholder{ opacity:0;}
:focus::-moz-placeholder{ opacity:0;}
:focus:-ms-input-placeholder{ opacity:0;}

body{ width:100%; color:#333333; line-height:2em; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
strong{ font-weight:bold;}
a{ text-decoration:none; text-transform:none; color:#333;}
a img{ border:0;}
a:hover{ }
a span{ cursor:pointer;}
em{ text-transform:none; color:#333; font-weight:bold; font-style:normal;}
.noFloat::after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
textarea{ resize:none;}
input,textarea,button,select{ -webkit-appearance:none;}
input:focus,textarea:focus,select:focus{ outline:none;}
ul, ol, dl{ list-style:none; display:block;}
dd, dt, li{ display:block;}

.bodyhasbg{ background:url(../img/bodybg.jpg) 0 100% no-repeat #c7e6f3; background-size:100% auto}

.select1{ padding:0; margin:0; border:0; display:block; width:100%; text-align:end; text-align:right; background:transparent; font-size:1.4em; color:inherit; line-height:inherit; position:relative; color:#333;}
.select1 option{ color:#333}
.select1.placeholder{ color:#b5b5b5;}

/*加载*/

.loading{ text-align:center; padding:1em 3em 1em 1.5em;}
.loading .loaderIcon{ display:inline-block; vertical-align:middle; width:2em; height:2em; position:relative; margin-right:0.8em;}
.loading .loaderIcon i{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
    -webkit-animation: loadingRotate 2s linear 0s both infinite;
    -moz-animation: loadingRotate 2s linear 0s both infinite;
    -ms-animation: loadingRotate 2s linear 0s both infinite;
    -o-animation: loadingRotate 2s linear 0s both infinite;
    animation: loadingRotate 2s linear 0s both infinite;
}
.loading .loaderIcon svg{ display:block; width:100%; height:100%; fill:#ccc;}
.loading::after{ content:'加载中...'; font-size:1.2em;}
@-webkit-keyframes loadingRotate{0%{ -webkit-transform:rotate(0)} 100%{ -webkit-transform:rotate(360deg)}}
@-moz-keyframes loadingRotate{0%{ -moz-transform:rotate(0)} 100%{ -moz-transform:rotate(360deg)}}
@-ms-keyframes loadingRotate{0%{ -ms-transform:rotate(0)} 100%{ -ms-transform:rotate(360deg)}}
@-o-keyframes loadingRotate{0%{ -o-transform:rotate(0)} 100%{ -o-transform:rotate(360deg)}}
@keyframes loadingRotate{0%{ transform:rotate(0)} 100%{ transform:rotate(360deg)}}

.loadDiv{ position: fixed; top:0; left:0;right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:50; color:#fff}
.loadDiv .loadArea{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}



/*弹出框*/
.dialogue{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); text-align:center;}
.dialogue_container{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:block; width:90%; max-width:51.2em; height:auto; background:#fff; margin-bottom:-0.8em; border-radius:0.5em; }
.dialogue_container h1{ font-size:1.8em; line-height:1.5em; padding:0.75em 1em 0; text-align:center; color:##454545; font-weight:bold;}
.dialogue_content{  padding:1em 0 0;}
.dialogue_content em{ display:block; color:#e22a2c; padding:0 0 1em; margin:0 0 1em; border-bottom:1px solid #eee;}
.dialogue_content em:last-child{ padding:0; margin:0; border:0;}
.dialogue_content span{ display:block; }

.dialogue_content .content2{ padding:3.6em 1em 2.5em; position:relative}
.dialogue_content .content2 .icon{ position:absolute; left:50%; top:-4em; width:6em; height:6em; text-align:center; line-height:6.5em; color:#e32235; border-radius:5em; margin-left:-3em; background:#f7f7f7; box-shadow:0.1em 0.4em 0.5em rgba(0,0,0,0.3)}
.dialogue_content .content2 .icon i{ font-size:3em; color:#e32235; }
.dialogue_content .content2 h1{ padding:0 0 0.2em; font-size:1.8em;  text-align:center;}
.dialogue_content .content2 p{ font-size:1.4em; line-height:1.4em; color:#999999}
.dialogue_content .content2 .pic{ width:10em; margin:0.5em auto 1em}
.dialogue_content .content2 .pic img{ display:block; width:100%; height:auto;}

.dialogue_btns{background:#e32235;display:-webkit-box; display:-moz-box; display:box; display:-ms-flexbox; display:-webkit-flex; padding:1.5em 0; border-radius:0 0 0.5em 0.5em}
.dialogue_btns .btn1{ text-align:center; border:0 none; background:none; padding:0; margin:0; height:4em; line-height:4em; display:block; -webkit-box-flex:1.0; -moz-box-flex:1.0; box-flex:1.0; width:100%; text-align:center; margin:0 2em; border:1px solid #f4a7ae; border-radius:0.5em; background:#e43647}
.dialogue_btns .btn1 span{ font-size:1.5em; color:#fff }


.dialogue_loading{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:1.25em; color:#fff; padding:0; margin:0;}
.dialogue_loading:only-child{ margin:0;}
.dialogue_loading:only-child .loading_icon{ margin:0; color:#fff;}
.dialogue_loading::after{ content:'';}




#main{ width:100%; max-width:64em; margin:0 auto;}

.indexBaner{ position:relative}
.indexBaner .picArea{ position:relative }
.indexBaner .picArea img{ display:block; width:100%; height:auto}
.indexBaner .picArea .logo{ position:absolute; left:50%; top:0; width:11.1em; margin-left:-5.55em}

.indexInfor{ text-align:center}
.indexInfor h1{ font-size:1.5em; text-align:center; padding:0 0 0.5em}
.indexInfor h2{ margin:1em 1.2em 0; display:inline-block; background:#c01c1a; border-radius:3em; height:2.8em; line-height:2.8em; padding:0 2em}
.indexInfor h2 span{ font-size:1.4em; color:#fff}
.indexInfor h3{ font-size:2.2em; font-weight:bold; padding:0.6em 0}
.indexInfor h3 span{ color:#c01c1a}
.indexInfor p{ font-size:1.4em; padding:0 2em 0.5em; line-height:1.4em; text-align:center}
.indexInfor em{ color:#c01c1a; font-weight:normal; font-size:1.2em;}

.indexList{ padding:3em 1em 0}
.indexList li{ padding:0 0 3.5em;}
.indexList li .list{ border:0.1em solid #c01c1a; padding:2.2em 0.75em 0.75em; position: relative; border-radius:0.5em; background:#FFF;}
.indexList li .list:after{content:""; position:absolute;right:1.5em;top:-2em; width:5.9em; height:1.9em; background: url(../img/gift_icon.jpg) 0 0 no-repeat; background-size:100% auto}
.indexList li .list .title{ position:absolute; left:2.1em; top:-1.4em; padding:0 1.2em; background:#fff; color:#c01c1a}
.indexList li .list .title i{ font-size:3em;}
.indexList li .list .title span{ font-size:1.6em;}
.indexList li .list .content{ border-radius:0.5em; background:#c01c1a; padding:1em 0.2em; text-align:center; color:#fff}
.indexList li .list .content p{ font-size:1.4em; line-height:1.6em; text-align:center}

.indexfooter{ position:relative; background:#ba0503; padding:0 1.5em 1.5em; }
.indexfooter:before{content:''; width:100%; position:absolute; left:0; right:0; top:-0.4em; height:0.4em; background:url(../img/icon_index01.png) 0 0 repeat-x; background-size:1em auto}
.indexfooter:after{content:"";width:100%; position:absolute; left:0;right:0; bottom:0; height:1em;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 12%, rgba(173,25,23,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 12%,rgba(173,25,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 12%,rgba(173,25,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.indexfooter  .title{ width:100%; padding:0.5em 0 0}
.indexfooter  .title h2{ text-align:center; font-size:1.6em; color:#fff; padding:1em 0; position:relative;}
.indexfooter  .title h2:before{content:''; position:absolute; left:0; top:50%; width:28%; height:1px; background:#d05554}
.indexfooter  .title h2:after{content:'';position:absolute; right:0; top:50%; width:28%; height:1px; background:#d05554}

.indexfooter  .content{ display:table; padding:0;}
.indexfooter  .content_row{ display:table-row;}
.indexfooter  .content_cell{ color:#fff; font-size:1.4em; vertical-align:top; padding:0.4em 0; margin:0; display:table-cell;}
.indexfooter  .content_cell span{ padding:0 0.5em}

.footerbtns{ background:#ba0503;}
.footerbtnsbg{ background:url(../img/bg_indexbtn.jpg) 0 0; background-size:1em auto; padding:1.6em 0.5em;display:-webkit-box; display:-moz-box; display:box; display:-ms-flexbox; display:-webkit-flex;}
.footerbtnsbg .btn{ display:block; -webkit-box-flex:1.0; -moz-box-flex:1.0; box-flex:1.0; width:100%; margin:0 0.5em; border:0.1em solid #ff8d1d; border-radius:0.5em; overflow:hidden; padding-bottom:0.3em}
.footerbtnsbg .btn span{ display:block; width:100%; height:3.6em; line-height:3.6em; text-align:center; box-shadow:0 0.4em #e5910d; background:#ffbb50;}
.footerbtnsbg .btn span em{ font-weight:bold; color:#c70026; font-size:1.5em;}

.inerTitle{ position:relative; padding:2em 0}
.inerTitle h2{ font-size:1.6em; text-align:center}
.inerTitle h2:before{content:''; position:absolute; left:0; top:50%; width:28%; height:1px; margin-top:-0.05px; background:#c2c2c2}
.inerTitle h2:after{content:'';position:absolute; right:0; top:50%; width:28%; height:1px;  margin-top:-0.05px;background:#c2c2c2}

.inerTitle.titlepadding{ padding:4em 0}

.loginlogo{ padding:6em 0; text-align:center}
.loginlogo img{ display:inline-block; width:16em; height:auto}


.formList ul{ padding:0 2em}
.formList ul li{ background:#fff; margin-bottom:1em; border-radius:0.5em; position:relative}
.formList ul li label{ display:block; padding:1.2em 1.5em; position:relative}
.formList ul li .txt{ width:100%; border:none; background:none; font-size:1.4em; line-height:1.5em}
.formList ul li .codebtn{ position:absolute; right:1em; top:0.8em; bottom:0.8em; width:8em; background:#c70026; border-radius:0.5em; text-align:center; color:#fff}
.formList ul li .codebtn span{ font-size:1.2em; line-height:2.4em;}
.formList ul li label.arrow:after{content:''; position:absolute;right:1em; top:50%; width:1em; height:1em; border:1px solid #a0a0a0; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); margin-top:-1em;}

.formbtns{ padding:2em 1em 1em;display:-webkit-box; display:-moz-box; display:box; display:-ms-flexbox; display:-webkit-flex;}
.formbtns .btn{ display:block; -webkit-box-flex:1.0; -moz-box-flex:1.0; box-flex:1.0; width:100%; margin:0 1em;  border-radius:0.5em; overflow:hidden; height:4em; line-height:4em; text-align:center; background:#c70026}
.formbtns .btn span{ font-size:1.5em; color:#fff;}

.formList.loginform li{ margin-bottom:1.5em}
.formList.loginform li label{ padding:1.2em 1.5em 1.2em 4.5em}
.formList.loginform li label .icon{ display:block; position:absolute; left:1.5em; top:50%; width:1.4em; height:1.4em; margin-top:-0.7em; line-height:1.6em}
.formList.loginform li label .icon i{ font-size:24px; color:#aaaaaa}


.giftPanel{ padding:0 2em}
.giftPanel .giftContent{ background:rgba(255,255,255,0.8); border-radius:0.5em; padding:0.8em;}
.giftPanel .giftContent .pic{ border-radius:0.2em; overflow:hidden}
.giftPanel .giftContent .pic img{ display:block; width:100%; height:auto}
.giftPanel .giftContent .text{ padding:1.5em 0 1.5em}
.giftPanel .giftContent .text h2{ font-size:1.6em;font-weight:normal}
.giftPanel .giftContent .text em{ color:#c70026;font-weight:normal}
.giftPanel .giftContent .text p{ padding:1em 0; font-size:1.4em}
.giftPanel .giftContent .text h3{ font-size:1.4em; font-weight:normal}

.exchangeCode{ background:#f1f1f1}
.exchangeCode li{ border-top:1px solid #e2e2e2;  margin-bottom:1em; background:#fff}
.exchangeCode li h2{ border-bottom:1px solid #c70026; padding:1.2em 1.5em}
.exchangeCode li h2 span{ font-size:1.6em; color:#c70026}
.exchangeCode li .item{ padding:1em 1.5em; border-bottom:1px solid #e2e2e2;zoom:1}
.exchangeCode li .item:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.exchangeCode li .item small{ display:block; width:6.5em; font-size:1.4em; float:left}
.exchangeCode li .item big{ display:block; font-size:1.4em; margin-left:6.5em}
.exchangeCode li .item em{ color:#c70026; font-weight:normal}
.exchangeCode li .item img{ display:block; width:10em; height:auto}
.exchangeCode li:last-child .item:last-child{ border:none}

.mebcenter{}
.mebcenter .mebbanner{ background:url(../img/memberbg.jpg) 0 80% no-repeat; background-size: cover; position:relative; padding:2.4em 2em 2.5em}
.mebcenter .mebbanner:after{content:''; position:absolute; left:0;right:0; bottom:0; height:0.4em; background:url(../img/icon_index02.png) 0 100% repeat-x; background-size:1em auto}
.mebcenter .mebbanner .intro{ width:100%; position:relative; zoom:1;}
.mebcenter .mebbanner .intro:before{content:''; position:absolute; top:0; bottom:0; left:8.6em; width:1px; background:#d0d0d0}
.mebcenter .mebbanner .intro:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.mebcenter .mebbanner .intro .name{ position:absolute; left:0; top:0;}
.mebcenter .mebbanner .intro .name span{ font-size:1.8em;}
.mebcenter .mebbanner .intro .txt{ margin-left: 10em; }
.mebcenter .mebbanner .intro .txt h2{ font-size:1.6em; color:#c70026; padding:0 0 0.5em}
.mebcenter .mebbanner .intro .txt p{ font-size:1.4em; height:4em}
.mebcenter .mebbanner .intro .txt .links{}
.mebcenter .mebbanner .intro .txt .links .link{ display:inline-block; vertical-align:middle; padding:0.5em 2em 0.5em 0.5em}
.mebcenter .mebbanner .intro .txt .links .link:last-child{ padding-right:0}
.mebcenter .mebbanner .intro .txt .links .link i{ font-size:1.5em; color:#000; display:inline-block; vertical-align:middle; line-height:2em}
.mebcenter .mebbanner .intro .txt .links .link span{ font-size:1.4em; color:#000; display:inline-block; vertical-align:middle; padding:0 0.5em}

.mebcenter .melist{ padding:3em 2em 0}
.mebcenter .melist .link{ display:inline-block; width:100%; border-radius:0.5em; padding:1.5em 0 1.5em 8rem; line-height:3em; color:#fff; margin-bottom:1.2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.mebcenter .melist .link i{ font-size:2.2em;}
.mebcenter .melist .link span{ font-size:1.6em; padding:0 0.5em}
.mebcenter .melist .link.bgcolor1{ background:#c70026}
.mebcenter .melist .link.bgcolor1 i{ font-size:2em;}
.mebcenter .melist .link.bgcolor2{ background:#03bfbf}
.mebcenter .melist .link.bgcolor3{ background:#b091f8}
.mebcenter .melist .link.bgcolor4{ background:#f24254}
.mebcenter .melist .link.bggray{ background:#b7b7b7}

.activpanel{}
.activpanel .activinfor{ background:#c70026;position:relative; padding:2.4em 3em 2.5em; color:#FFF}
.activpanel .activinfor:after{content:''; position:absolute; left:0;right:0; bottom:0; height:0.4em; background:url(../img/icon_index02.png) 0 100% repeat-x; background-size:1em auto}
.activpanel .activinfor h2{ padding:0 0 1.2em;}
.activpanel .activinfor h2 span{ font-size:1.6em;}
.activpanel .activinfor p{ font-size:1.4em; line-height:1.6em;}
.activpanel .activBtn{ display:block;  width:100%; height:3.8em; margin:1.5em 0 0 ;text-align:center; line-height:3.6em; border:0.1em solid #fff; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; color:#fff; border-radius:0.5em}
.activpanel .activBtn span{ font-size:1.6em;}

.activpanel .codelist{ padding:2em 1.5em 0}
.activpanel .codelist .codeitem{ border:1px solid #d3d3d3; background:#ebebeb; padding:1.5em; border-radius:0.5em; margin-bottom:2em}
.activpanel .codelist .codeitem h2{ font-size:1.6em; padding:0 0 1em}
.activpanel .codelist .codeitem label{ display:block; padding:1.2em 1.5em;  background:#fff; border-radius:0.5em; margin-bottom:2em;}
.activpanel .codelist .codeitem .txt{ width:100%; border:none; background:none; font-size:1.4em; line-height:1.5em}
.activpanel .codelist .codeitem .btn{ display:block;  width:100%;  border-radius:0.5em; overflow:hidden; height:4.6em; line-height:4.6em; text-align:center; background:#c70026}
.activpanel .codelist .codeitem .btn span{ font-size:1.5em; color:#fff;}

.topsearch{ background:#c70027; padding:1em}
.topsearch .seachField{ width:100%; height:3em; background:#fff; position:relative; border-radius:4em;}
.topsearch .seachField .ssbtn{ display:block; position:absolute; right:0; top:0; bottom:0; width:4em; height:3em; line-height:3em; text-align:center}
.topsearch .seachField .ssbtn i{ font-size:2em; color:#999999}
.topsearch .seachField label{ display:block; width:100%; height:3em; line-height:3em; border:0 none; background:0 none; padding-right:4em; padding-left:1.5em;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;box-sizing:border-box; -webkit-box-sizing:border-box;}
.topsearch .seachField .sstxt{background:0 none; border:none; font-size:1.4em; width:100%; }

.exchangeList{ padding:1em }
.exchangeList ul{}
.exchangeList li{ background:#f0f0f0; border-radius:1em; padding:1em 1em 1.8em; margin:0 0 1.5em}
.exchangeList li .item{ border-bottom:1px solid #e4e4e4; padding:0.6em 1em 0.6em 2em; position:relative}
.exchangeList li .item:after{content:""; position:absolute; left:0.5em; top:50%; border:0.5em solid; border-color:transparent transparent transparent #bbbbbb; margin-top:-0.25em}
.exchangeList li .item span{ font-size:1.4em; color:#656565}
.exchangeList li .item span em{ color:#c70027; font-weight:normal}


/*spring 0307*/
.indexInfor.lst h2{
    padding: 0;
}
.indexInfor.lst h2 span{ font-size:1.4em; color:#fff;padding: 0 1em;}
.indexList li .list.lst .title{
    padding: 0 0 1.2em 0;
    line-height: 1em;
}
.indexList li .list.lst .content{
    margin: 0 0 0.75em 0;
}
.indexList li .list.lst .content:last-child{
    margin: 0;
}
.indexList li:last-child{
    padding: 0 0 2em;
}
/*spring 0307*/