﻿@charset "UTF-8";
/*公共 */
.pang { margin: 30px auto; width: 1150px; position: relative; overflow: hidden; height: 44px; }
.pang .pre, .pang .next { position: absolute; top: 0; width: 100px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #4e73b2; }
.pang .pre a, .pang .next a { color: #4e73b2; }
.pang .pre { left: 0px; }
.pang .next { right: 20px; }
.pang .pangmain { position: absolute; width: 200px; height: 40px; left: 50%; margin-left: -100px; top: 0; line-height: 40px; }
.pang .pangmain li { float: left; width: 40px; line-height: 40px; text-align: center; }
.pang .pangmain li a { color: #999; }
.pang .pangmain li.on { background: #4e73b2; }
.pang .pangmain li.on a { color: #fff; }

.urgent { position: relative; overflow: hidden; margin-bottom: 30px; }

.gtitle { height: 40px; background: #4e73b2; line-height: 40px; overflow: hidden; position: relative; width: 235px; }
.gtitle strong { color: #fff; line-height: 40px; margin-left: 15px; font-size: 18px; }
.gtitle a { position: absolute; right: 15px; color: #fff; line-height: 40px; font-size: 12px; }

.list { overflow: hidden; background: #fff; width: 235px; }
.list li { padding: 0 15px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 35px; height: 35px; color: #999999; position: relative; }
.list li a { color: #999999; }

.hmcard { margin-top: 30px; }
.hmcard p { margin-top: 5px; }

.banner { min-width: 1000px; position: relative; overflow: hidden; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd ul li { width: 100% !important; }
.banner .bd ul li a { width: 100%; display: block; z-index: 1; }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.banner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 15px; height: 15px; margin: 5px; border-radius: 15px; overflow: hidden; line-height: 9999px; background: #FFFFFF; }
.banner .hd li a { width: 100%; display: block; z-index: 1; }
.banner .hd .on { background: #193564; }

.title { height: 60px; border-bottom: 2px solid #eee; position: relative; }
.title:after { content: ' '; visibility: hidden; height: 0; width: 0; display: block; *display: block; _display: inline-block; clear: both; line-height: 0; font-size: 0; overflow: hidden; }
.title strong { float: left; height: 60px; line-height: 60px; font-size: 20px; font-weight: 400; color: #666; }
.title strong i { float: left; margin: 0 8px; color: #666; font-size: 24px; height: 60px; line-height: 60px; }
.title .more { position: absolute; top: 0; right: 10px; height: 60px; line-height: 60px; color: #999; }

.cont h5 { font-weight: 400; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont h5:hover { color: #4e73b2; }
.cont p { color: #666; }

/*首页*/
.content .introduction { position: relative; overflow: hidden; margin-top: 50px; }
.content .introduction .ibrief { width: 780px; margin-right: 30px; }
.content .introduction .ibrief .pic { width: 320px; }
.content .introduction .ibrief .cont { background: #fff; width: 420px; overflow: hidden; height: 260px; margin-top: 30px; padding: 20px; border-radius: 5px; }
.content .introduction .ibrief .cont h5 { font-size: 24px; line-height: 40px; color: #333; }
.content .introduction .ibrief .cont .mian { margin-bottom: 30px; height: 200px; overflow: hidden; }
.content .introduction .ibrief .cont .mian p { line-height: 28px; text-indent: 2em; color: #666; }
.content .introduction .imate { width: 380px; background: #fff; border-radius: 5px; }
.content .introduction .imate li { position: relative; overflow: hidden; margin: 20px 15px; }
.content .introduction .imate li .pic { margin-right: 10px; }
.content .introduction .imate li .cont h5 { font-size: 18px; font-weight: 400; }
.content .introduction .imate li .cont p { line-height: 24px; color: #666; }

.map { margin-top: 50px; }

.newsModular { margin-top: 50px; position: relative; overflow: hidden; }
.newsModular .inews { width: 560px; height: 320px; overflow: hidden; background: #fff; margin-right: 40px; border-radius: 5px; }
.newsModular .inews .mian { margin: 15px 20px; }
.newsModular .inews .mian .top { position: relative; overflow: hidden; }
.newsModular .inews .mian .top .pic { margin-right: 15px; }
.newsModular .inews .mian .top .cont h5 { font-size: 16px; line-height: 35px; }
.newsModular .inews .mian .top .cont strong { font-weight: 400; color: #999; font-size: 14px; }
.newsModular .inews .mian .top .cont p { height: 72px; color: #666; overflow: hidden; line-height: 24px; }
.newsModular .inews .mian .bot { margin-top: 10px; }
.newsModular .inews .mian .bot li { line-height: 30px; font-size: 14px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 80px; }
.newsModular .inews .mian .bot li a { color: #666; }
.newsModular .inews .mian .bot li:hover a { color: #4e73b2; }
.newsModular .inews .mian .bot li span { position: absolute; right: 10px; top: 0; color: #999; font-size: 12px; }
.newsModular .iactivity { width: 593px; background: url(../images/iactbg.png?v=1.1); height: 320px; position: relative; overflow: hidden; }
.newsModular .iactivity .main { position: absolute; left: 330px; top: 0; }
.newsModular .iactivity .main li { margin-top: 20px; }
.newsModular .iactivity .main li h5 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
.newsModular .iactivity .main li p { color: #666; line-height: 24px; }
.newsModular .iactivity .main li .time { border-radius: 10px; width: 90px; height: 30px; line-height: 30px; background: #db211d; text-align: center; margin-top: 5px; }
.newsModular .iactivity .main li .time a { color: #fff; }

.memoirmain { position: relative; overflow: hidden; margin: 50px 0; }
.memoirmain .memoir { width: 710px; background: #fff; border-radius: 5px; overflow: hidden; height: 630px; }
.memoirmain .memoir .main { position: relative; height: 510px; width: 645px; margin: 30px; }
.memoirmain .memoir .main li { position: absolute; overflow: hidden; }
.memoirmain .memoir .main li .pic { text-align: center; position: relative; overflow: hidden; }
.memoirmain .memoir .main .picliM { width: 426px; height: 328px; right: 0; top: 0; }
.memoirmain .memoir .main .picliM .ov-t { height: 80px; padding-top: 30px; margin: 0 30px; }
.memoirmain .memoir .main .picliM .ov-m { height: 240px; margin: 0 30px; overflow: hidden; }
.memoirmain .memoir .main .piclb { width: 208px; height: 160px; }
.memoirmain .memoir .main .piclb .ov-t { height: 55px; padding-top: 25px; margin: 0 15px; }
.memoirmain .memoir .main .piclb .ov-m { height: 55px; margin: 0 15px; overflow: hidden; }
.memoirmain .memoir .main .piclbR1 { left: 0; top: 0; }
.memoirmain .memoir .main .piclbR2 { left: 0; top: 168px; }
.memoirmain .memoir .main .piclbB1 { left: 0; top: 336px; }
.memoirmain .memoir .main .piclbB2 { left: 218px; top: 336px; }
.memoirmain .memoir .main .piclbB3 { right: 0px; top: 336px; }
.memoirmain .memoir .main .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.memoirmain .memoir .main .over .overbg { background: url(../images/black60.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.memoirmain .memoir .main .over .ov-t { position: relative; z-index: 3; color: #fff; overflow: hidden; }
.memoirmain .memoir .main .over .ov-t img { float: left; margin-right: 10px; }
.memoirmain .memoir .main .over .ov-t strong { font-size: 14px; display: block; color: #fff; }
.memoirmain .memoir .main .over .ov-t span { padding-left: 20px; }
.memoirmain .memoir .main .over .ov-t .zan { background: url(../images/xiui.png) no-repeat left center; }
.memoirmain .memoir .main .over .ov-t .plun { background: url(../images/xiui2.png) no-repeat left center; }
.memoirmain .memoir .main .over .ov-m { position: relative; z-index: 3; color: #fff; }
.memoirmain .mateqiye { background: #fff; border-radius: 5px; width: 470px; height: 630px; overflow: hidden; }
.memoirmain .mateqiye .main { margin: 15px 30px; }
.memoirmain .mateqiye .main li { position: relative; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 15px 0; }
.memoirmain .mateqiye .main li .pic { float: left; margin-right: 10px; width: 140px; height: 105px; }
.memoirmain .mateqiye .main li .cont p { height: 72px; line-height: 24px; overflow: hidden; }
.memoirmain .mateqiye .main .con1 { border-bottom: none; }

.abanner { position: relative; text-align: center; z-index: -1; }

.abonav { position: relative; overflow: hidden; margin: 0 auto; margin-top: -35px; text-align: center; }
.abonav ul { display: inline-block; background: #fff; }
.abonav li { float: left; width: 142px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.abonav li a { color: #999; display: block; }
.abonav li.on { background: #4e73b2; border-top: 1px solid #4e73b2; border-bottom: 1px solid #4e73b2; }
.abonav li.on a { color: #fff; }
.abonav .back { width: 50px; border: 1px solid #e5e5e5; }

.acontent { background: #f4f5f9; margin-top: 50px; padding-bottom: 50px; }

.aboutWap { position: relative; overflow: hidden; }
.aboutWap .leftnav { margin-right: 35px; width: 235px; position: relative; overflow: hidden; }
.aboutWap .cur { position: relative; overflow: hidden; color: #999; font-size: 14px; height: 40px; line-height: 40px; }
.aboutWap .cur a { color: #999; display: inline; margin: 0 5px; font-size: 15px; }
.aboutWap .wechatmain { padding: 20px 0; background: #fff; text-align: center; }
.aboutWap .aboutmain { float: left; width: 922px; }
.aboutWap .aboutmain .main { border-top: 3px solid #4e73b2; background: #Fff; padding: 30px; min-height: 887px; position: relative; overflow: hidden; }
.aboutWap .aboutmain .main .atitle { margin: 0 auto; }
.aboutWap .aboutmain .main .atitle h5 { font-size: 22px; text-align: center; font-weight: 400; margin-bottom: 15px; }
.aboutWap .aboutmain .main .atitle p { color: #666; line-height: 28px; font-size: 15px; }
.aboutWap .aboutmain .main .atitle .pic { width: 840px; margin: 0 auto; text-align: center; }
.aboutWap .aboutmain .pang { width: 850px; }
.aboutWap .contact { position: relative; overflow: hidden; margin-top: 50px; }
.aboutWap .contact .tab { position: relative; overflow: hidden; margin-bottom: 80px; }
.aboutWap .contact .tab .lcont { font-size: 20px; color: #000; width: 200px; float: left; line-height: 45px; }
.aboutWap .contact .tab .rcont { float: left; border-top: 1px solid #000; width: 722px; }
.aboutWap .contact .tab .rcont li { border-bottom: 1px solid #999; height: 45px; line-height: 45px; color: #999; }
.aboutWap .contact .tab .rcont li span { color: #666; }

.newsmain { position: relative; overflow: hidden; background: #f6f6f6; }
.newsmain .main { position: relative; overflow: hidden; margin-top: 10px; }
.newsmain .main li { background: #fff; position: relative; overflow: hidden; float: left; margin: 0 15px 30px 10px; }
.newsmain .main li .pic { width: 275px; }
.newsmain .main li .cont1 { float: left; width: 260px; margin: 20px; }
.newsmain .main li .cont1 h5 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #333; font-weight: 400; }
.newsmain .main li .cont1 strong { color: #999; font-size: 14px; display: block; font-weight: 400; }
.newsmain .main li .cont1 p { line-height: 24px; height: 96px; overflow: hidden; color: #999; }

.newsDemain { position: relative; overflow: hidden; background: #f6f6f6; padding-bottom: 80px; }
.newsDemain .main { position: relative; overflow: hidden; margin-top: 15px; }
.newsDemain .main .cont { float: left; background: #fff; width: 880px; padding: 40px; }
.newsDemain .main .cont h4 { font-size: 24px; line-height: 35px; font-weight: 400; margin-bottom: 20px; }
.newsDemain .main .cont h4 strong { font-size: 14px; color: #999; font-weight: 400; }
.newsDemain .main .cont .pic { margin: 10px 0; }
.newsDemain .main .arrow { float: left; width: 50px; background: #fff; margin: 20px 0 0 90px; }
.newsDemain .main .arrow li { text-align: center; }

.job { position: relative; overflow: hidden; background: #fff; margin-top: 20px; }
.job .join { background: #fff; padding: 5px 0; position: relative; border-bottom: 1px dashed #e5e5e5; }
.job .join dl { padding: 15px 0; }
.job .join dt { position: relative; overflow: hidden; zoom: 1; }
.job .join dt h4 { color: #29d2c9; font-size: 14px; cursor: pointer; }
.job .join dt ul { padding: 0 10px 0; overflow: hidden; }
.job .join dt li { float: left; font-size: 16px; padding: 0 20px; }
.job .join dt li span { color: #575757; font-size: 14px; margin-left: 80px; }
.job .join dt li i { font-size: 14px; cursor: pointer; margin-left: 60px; color: #4e73b2; }
.job .join dd { color: #acabab; padding: 20px 10px; margin: 10px 25px; display: none; font-size: 14px; background: #f4f5f9; }
.job .join dd strong { display: block; padding-bottom: 5px; }
.job .join dd p { padding-bottom: 15px; }
.job .reply { width: 100px; height: 40px; line-height: 40px; border: 1px solid #4e73b2; }
.job .reply a { color: #4e73b2; display: block; text-align: center; font-size: 16px; }

/*商城*/
.online { margin: 30px 0; position: relative; overflow: hidden; }
.online .firsrone { position: relative; overflow: hidden; }
.online .firsrone .matejt { width: 300px; height: 400px; background: #fff; }
.online .firsrone .matejt .gtitle { width: 300px; }
.online .firsrone .matejt .main { margin: 15px 30px; }
.online .firsrone .matejt .main li a { display: block; }
.online .firsrone .matejt .main li .video { position: relative; overflow: hidden; height: 135px; width: 240px; }
.online .firsrone .matejt .main li .video .icon { position: absolute; width: 44px; height: 44px; top: 50%; margin-top: -22px; left: 50%; margin-left: -22px; }
.online .firsrone .matejt .main li p { font-weight: 400; color: #333; line-height: 35px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online .i_seckillWrap { margin-top: 35px; }
.online .i_seckillWrap .seckillTitle img { display: block; }
.online .i_seckillWrap .seckillGroup { position: relative; overflow: hidden; margin-top: 20px; }
.online .i_seckillWrap .seckillGroup ul { width: 130%; }
.online .i_seckillWrap .seckillGroup li { background: #fff; height: 240px; width: 530px; margin-right: 20px; padding: 30px; overflow: hidden; float: left; }
.online .i_seckillWrap .seckillGroup li .pic { float: left; width: 240px; height: 240px; position: relative; overflow: hidden; }
.online .i_seckillWrap .seckillGroup li .con { margin-left: 260px; }
.online .i_seckillWrap .seckillGroup li .con h4 { font-size: 18px; font-weight: 400; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.online .i_seckillWrap .seckillGroup li .con .note { height: 24px; line-height: 24px; color: #999; font-size: 12px; }
.online .i_seckillWrap .seckillGroup li .con .price { padding: 20px 0 18px; line-height: 40px; }
.online .i_seckillWrap .seckillGroup li .con .price .nowPrice { font-size: 36px; color: #db211d; font-weight: bold; line-height: 40px; }
.online .i_seckillWrap .seckillGroup li .con .price .nowPrice span { font-size: 16px; display: inline; margin-right: 5px; color: #666; font-weight: 400; }
.online .i_seckillWrap .seckillGroup li .con .price .oldPrice { color: #999; text-decoration: line-through; margin-left: 5px; }
.online .i_seckillWrap .seckillGroup li .con .btnChange { height: 40px; }
.online .i_seckillWrap .seckillGroup li .con .btnChange a { display: block; height: 40px; line-height: 40px; font-size: 20px; background: #db211d; text-align: center; color: #fff; }
.online .i_seckillWrap .seckillGroup li .con .nochage a { color: #fff; background: #c4c4c4; }
.online .rowGroup { position: relative; overflow: hidden; margin-top: 30px; }
.online .rowGroup .i_indianaIng { background: #fff; width: 650px; height: 630px; padding: 0 30px; position: relative; overflow: hidden; }
.online .rowGroup .i_indianaIng .boxCon { margin-top: 25px; }
.online .rowGroup .i_indianaIng ul { width: 120%; }
.online .rowGroup .i_indianaIng li { float: left; width: 312px; height: 480px; margin-right: 22px; }
.online .rowGroup .i_indianaIng li .pic { width: 310px; height: 410px; position: relative; overflow: hidden; }
.online .rowGroup .i_indianaIng li .con { margin-top: 15px; }
.online .rowGroup .i_indianaIng li .con h4 { font-size: 16px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; }
.online .rowGroup .i_indianaIng li .con .joinBtn { margin-top: 20px; }
.online .rowGroup .i_indianaIng li .con .joinBtn a { background: #4e73b2; display: block; width: 140px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; float: left; }
.online .rowGroup .i_indianaIng li .con .btn1 a { border: 1px solid #4e73b2; color: #4e73b2; background: none; height: 38px; line-height: 38px; margin-right: 20px; }
.online .rowGroup .i_hotChange { width: 410px; background: #fff; padding: 0 30px; height: 630px; }
.online .rowGroup .i_hotChange .boxCon { margin: 7px 0 0; }
.online .rowGroup .i_hotChange .hotChange { position: relative; overflow: hidden; }
.online .rowGroup .i_hotChange .hotChange ul { margin-top: -1px; }
.online .rowGroup .i_hotChange .hotChange li { padding: 18px 0; border-top: 1px solid #e5e5e5; position: relative; overflow: hidden; }
.online .rowGroup .i_hotChange .hotChange li .pic { float: left; width: 100px; height: 100px; position: relative; overflow: hidden; border: 1px solid #eee; }
.online .rowGroup .i_hotChange .hotChange li .con { margin-left: 120px; }
.online .rowGroup .i_hotChange .hotChange li .con h4 { font-size: 16px; font-weight: 400; color: #333; }
.online .rowGroup .i_hotChange .hotChange li .con .progressRow { position: relative; overflow: hidden; padding-bottom: 5px; }
.online .rowGroup .i_hotChange .hotChange li .con .progressRow em { margin-left: 8px; color: #999; font-size: 12px; }
.online .rowGroup .i_hotChange .hotChange li .con .progressRow p { color: #666; }
.online .rowGroup .i_hotChange .hotChange li .con .progress { background: #ededed; height: 10px; border-radius: 10px; margin-top: 6px; position: relative; overflow: hidden; float: left; width: 200px; }
.online .rowGroup .i_hotChange .hotChange li .con .progress .progressLine { float: left; background: #db211d; height: 10px; border-radius: 10px; }

.charawap { position: relative; overflow: hidden; margin: 30px 0; }
.charawap .top { position: relative; overflow: hidden; background: #fff; }
.charawap .top .pic { position: relative; overflow: hidden; }
.charawap .top .pic .icon { position: absolute; width: 90px; height: 90px; left: 50%; margin-left: -45px; top: 50%; margin-top: -45px; }
.charawap .top p { line-height: 45px; height: 45px; font-size: 18px; padding: 10px; }
.charawap .bot { position: relative; overflow: hidden; margin-top: 30px; background: #fff; }
.charawap .bot .title { padding: 0 15px; }
.charawap .bot .amain { position: relative; overflow: hidden; margin: 20px 0 0 20px; }
.charawap .bot .amain li { float: left; width: 370px; margin-right: 20px; margin-bottom: 30px; }
.charawap .bot .amain li .pic { position: relative; overflow: hidden; }
.charawap .bot .amain li .pic .icon { position: absolute; width: 44px; height: 44px; left: 50%; margin-left: -22px; top: 50%; margin-top: -22px; }
.charawap .bot .amain li p { font-size: 16px; color: #666; line-height: 30px; height: 60px; overflow: hidden; padding-top: 10px; margin: 0 10px; }

.magawap { position: relative; overflow: hidden; margin: 30px 0; background: #fff; }
.magawap .title { padding-left: 15px; }
.magawap .indianaIng { background: #fff; padding: 30px 20px; position: relative; overflow: hidden; }
.magawap .indianaIng .boxCon { margin-top: 25px; }
.magawap .indianaIng ul { width: 120%; }
.magawap .indianaIng li { float: left; width: 275px; height: 510px; margin-right: 18px; }
.magawap .indianaIng li .pic { width: 275px; height: 365px; position: relative; overflow: hidden; }
.magawap .indianaIng li .con { margin-top: 15px; }
.magawap .indianaIng li .con h4 { font-size: 16px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; }
.magawap .indianaIng li .con .joinBtn { margin-top: 20px; }
.magawap .indianaIng li .con .joinBtn a { background: #4e73b2; display: block; width: 120px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; float: left; }
.magawap .indianaIng li .con .btn1 a { border: 1px solid #4e73b2; color: #4e73b2; background: none; height: 38px; line-height: 38px; margin-right: 20px; }
.magawap .pdfmain { margin: 30px; }

/*兑换商品*/
.productWrap { background: #fff; padding: 30px; margin: 50px 0; }

.proMenu { position: relative; overflow: hidden; }

.proMenu li { float: left; width: 120px; height: 50px; border: 1px solid #ddd; margin-right: 10px; }

.proMenu li a { display: block; text-align: center; height: 50px; line-height: 50px; font-size: 18px; color: #999; }

.proMenu li a:hover { color: #4e73b2; }

.proMenu li.on a { color: #4e73b2; }

.proMain { position: relative; overflow: hidden; margin-top: 10px; }

.proMain ul { width: 110%; }

.proMain li { float: left; width: 270px; height: 410px; margin: 20px 17px 0 0; border: 1px solid #eee; }

.proMain li:hover { border: 1px solid #4e73b2; }

.proMain li .pic { position: relative; overflow: hidden; width: 270px; height: 270px; border-bottom: 1px solid #eee; }

.proMain li .info { padding: 10px 20px; }

.proMain li .info h4 { font-size: 16px; font-weight: 400; }

.proMain li .info p { color: #4e73b2; font-size: 16px; font-weight: bold; padding-top: 3px; }

.proMain li .changeBtn { padding: 7px 20px 0; }

.proMain li .changeBtn a { background: #4e73b2; height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; font-size: 18px; }

/*兑换详情*/
.proDeTop { background: #fff; padding: 20px 30px 30px; margin: 30px 0; }

.proDeTop .proDeInfo { margin-top: 20px; }

.proDeInfo { position: relative; overflow: hidden; }

.proDeInfo .dePic { float: left; width: 350px; height: 350px; border: 1px solid #ddd; }

.proDeInfo .deInfoCon { margin-left: 400px; }

.deInfoCon h3 { font-size: 18px; margin-top: 5px; }

.deInfoCon .infoUl { border-top: 1px solid #ddd; padding-top: 5px; margin-top: 15px; }

.deInfoCon .infoUl .item { margin-top: 10px; position: relative; overflow: hidden; }

.deInfoCon .infoUl .item strong { float: left; width: 80px; font-weight: 400; line-height: 30px; font-size: 16px; }

.deInfoCon .infoUl .item .itemRight { margin-left: 100px; line-height: 30px; font-size: 16px; }

.deInfoCon .infoUl .changePrice .itemRight span { font-weight: bold; color: #4e73b2; font-size: 20px; }

.deInfoCon .infoUl .price .itemRight span { text-decoration: line-through; }

.deInfoCon .infoUl .logistics select { height: 30px; border: 1px solid #ddd; }

.deInfoCon .changeBtn { margin-top: 40px; }

.deInfoCon .changeBtn a { width: 200px; height: 50px; line-height: 50px; background: #4e73b2; font-size: 22px; color: #fff; text-align: center; display: block; }

.exchangeNum { width: 130px; height: 30px; position: relative; }

.exchangeNum i { width: 28px; height: 28px; border: 1px solid #ddd; background: #f5f5f5; position: absolute; text-align: center; line-height: 28px; font-size: 16px; cursor: pointer; }

.exchangeNum .minus { left: 0; }

.exchangeNum .plus { right: 0; }

.exchangeNum .count { width: 70px; height: 28px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 0 30px; text-align: center; }

.exchangeNum .disabled { color: #999; }

.proDeMain { background: #fff; padding: 0 30px 30px; margin: 30px 0; min-height: 600px; }

.proDeMain .deMainTitle { border-bottom: 2px solid #ddd; height: 60px; }

.proDeMain .deMainTitle strong { float: left; height: 60px; line-height: 60px; font-size: 20px; font-weight: 400; border-bottom: 2px solid #4e73b2; padding: 0 8px; }

.proDeMain .deParameter { border: 1px dashed #ddd; background: #f9f9f9; padding: 10px 20px; position: relative; overflow: hidden; margin-top: 20px; }

.proDeMain .deParameter li { float: left; width: 50%; height: 30px; line-height: 30px; color: #666; }

.proDeMain .deIntroduce { margin-top: 20px; }

/*商品兑换*/
.changeWrap { position: relative; overflow: hidden; margin: 30px 0; }

.formTitle { height: 60px; line-height: 60px; position: relative; overflow: hidden; }

.formTitle strong { font-size: 18px; font-weight: 400; }

.formTitle .addBtn { position: absolute; right: 5px; color: #4e73b2; }

.table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; }

.table th, .table td { border-bottom: 1px solid #ddd; }

.table th { background: #f5f5f5; padding: 7px 15px; }

.table td { padding: 12px 15px; text-align: center; }

.table .operate a, .table .operate span { margin: 0 8px; color: #999; }

.table .operate a { color: #4e73b2; }

.formAddress { background: #fff; position: relative; padding: 0 30px 30px; }

.formAddress .formCon .table .col_1 { width: 50px; }

.formAddress .formCon .table .col_7 { width: 200px; }

.formLogistics { background: #fff; position: relative; padding: 0 30px 30px; margin-top: 20px; }

.formLogistics .item { position: relative; overflow: hidden; padding: 8px 0; }

.formLogistics .itemL { float: left; width: 85px; }

.formLogistics .itemR { margin-left: 95px; }

.formLogistics .itemR label { margin-right: 20px; }

.formLogistics .itemR label input { vertical-align: middle; margin-right: 5px; }

.formProduct { background: #fff; position: relative; padding: 0 30px 30px; margin-top: 20px; }

.formProduct .formCon .table .col_1 { width: 400px; text-align: left; }

.formProduct .formCon .table .col_1 .pic { float: left; border: 1px solid #ddd; width: 60px; height: 60px; position: relative; overflow: hidden; }

.formProduct .formCon .table .col_1 .con { margin-left: 75px; }

.formOrder { background: #f5f5f5; border: 1px solid #ddd; border-top: none; padding: 20px 15px; overflow: hidden; }

.formOrder .orderL { float: left; width: 40%; }

.formOrder .orderL .btnLink { color: #4e73b2; margin-left: 30px; }

.formOrder .orderL .btnBack { color: #999; }

.formOrder .orderR { float: right; width: 40%; text-align: right; }

.formOrder .orderR p { text-align: right; }

.formOrder .orderR p b { color: #4e73b2; }

.formOrder .orderR .buyBtn { margin-top: 10px; position: relative; overflow: hidden; }

.formOrder .orderR .buyBtn span { float: right; margin-right: 10px; line-height: 40px; }

.formOrder .orderR .buyBtn a { background: #4e73b2; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; float: right; }

/*兑换成功*/
.prosuccessWrap { position: relative; overflow: hidden; margin: 30px 0; }

.prosuccessWrap .prosucctop { background: #fff; padding: 30px 0; margin-bottom: 20px; }

.prosuccessWrap .prosucctop .successicon { text-align: center; margin-bottom: 30px; }

.prosuccessWrap .prosucctop .successicon p { line-height: 30px; font-size: 20px; color: #07bf3f; }

.prosuccessWrap .prosucctop .successicon span { line-height: 24px; font-size: 14px; color: #333; }

.prosuccessWrap .prosucctop .succhref a { color: #4e73b2; line-height: 44px; margin-right: 15px; }

.prosuccessWrap .proinfor { margin: 0 30px; border-top: 1px solid #eee; }

.prosuccessWrap .proinfor .title { line-height: 50px; font-size: 18px; }

.prosuccessWrap .prosuccbot { background: #fff; padding: 0 30px  30px; }

.prosuccessWrap .prosuccbot ul { width: 110%; }

.prosuccessWrap .prosuccbot li { float: left; width: 272px; height: 350px; margin: 20px 17px 0 0; }

.prosuccessWrap .prosuccbot li:hover { border: 1px solid #4e73b2; }

.prosuccessWrap .prosuccbot li .pic { position: relative; overflow: hidden; width: 270px; height: 270px; border: 1px solid #eee; }

.prosuccessWrap .prosuccbot li .info { padding: 10px 20px; }

.prosuccessWrap .prosuccbot li .info h4 { font-size: 16px; font-weight: 400; }

.prosuccessWrap .prosuccbot li .info p { color: #4e73b2; font-size: 16px; font-weight: bold; padding-top: 3px; }

.lookWap { position: relative; overflow: hidden; margin: 30px 0; }
.lookWap .top .inputSearch { background: #fff; height: 50px; padding: 0 10px; position: relative; margin-bottom: 20px; border: 1px solid #e5e5e5; border-radius: 5px; }
.lookWap .top .inputSearch input { height: 50px; width: 100%; font-size: 16px; }
.lookWap .top .inputBtn { height: 50px; position: absolute; right: 0; top: 0; width: 80px; text-align: center; }
.lookWap .top .inputBtn i { font-size: 28px; color: #999; line-height: 50px; display: inline; }
.lookWap .bot { position: relative; overflow: hidden; margin-top: 30px; background: #fff; }
.lookWap .bot .title { padding-left: 25px; }
.lookWap .bot .main li { position: relative; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 25px 0; }
.lookWap .bot .main li a { display: block; }
.lookWap .bot .main li .pic { float: left; width: 120px; height: 120px; border-radius: 100%; margin: 0 25px; overflow: hidden; }
.lookWap .bot .main li .cont { float: left; width: 850px; }
.lookWap .bot .main li .cont h5 { font-weight: 400; font-size: 16px; }
.lookWap .bot .main li .cont p { font-size: 14px; line-height: 30px; color: #666; }
.lookWap .bot .main li .cont p span { color: #4e73b2; font-size: 14px; line-height: 20px; }
.lookWap .bot .main li .abtn { position: relative; overflow: hidden; }
.lookWap .bot .main li .abtn .followbtn { border: 1px solid #e5e5e5; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #4e73b2; border-radius: 5px; }
.lookWap .bot .main li .abtn .followbtn a { color: #4e73b2; display: block; }
.lookWap .bot .main li .abtn .talk { margin-top: 15px; }

.memoirWap { position: relative; overflow: hidden; margin: 30px 0; }
.memoirWap .top { background: #fafafa; padding: 30px 30px 0 30px; position: relative; overflow: hidden; }
.memoirWap .top .inputSearch { background: #fff; height: 50px; padding: 0 10px; position: relative; margin-bottom: 20px; border: 1px solid #e5e5e5; border-radius: 5px; width: 900px; }
.memoirWap .top .inputSearch input { height: 50px; width: 100%; font-size: 16px; }
.memoirWap .top .inputBtn { height: 50px; position: absolute; right: 0; top: 0; width: 80px; text-align: center; }
.memoirWap .top .inputBtn i { font-size: 28px; color: #999; line-height: 50px; display: inline; }
.memoirWap .top .publishpic { cursor: pointer; background: #4e73b2; position: absolute; right: 30px; top: 30px; height: 50px; line-height: 50px; padding: 0 45px; color: #fff; border-radius: 50px; font-size: 16px; }
.memoirWap .top .publishpic a { color: #fff; }
.memoirWap .top .nav { position: relative; overflow: hidden; }
.memoirWap .top .nav .navl { position: relative; overflow: hidden; float: left; width: 425px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.memoirWap .top .nav .navl li { float: left; width: 140px; height: 45px; line-height: 45px; text-align: center; color: #666; font-size: 16px; border-right: 1px solid #e5e5e5; }
.memoirWap .top .nav .navl li a { color: #666; display: block; }
.memoirWap .top .nav .navl li.on { background: #Fff; }
.memoirWap .top .nav .navl li.on a { color: #4e73b2; }
.memoirWap .bot { position: relative; overflow: hidden; margin: 30px 0; }
.memoirWap .bot .box { position: relative; overflow: hidden; }
.memoirWap .bot .box .post { background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); width: 228px; float: left; margin-right: 12px; margin-bottom: 20px; }
.memoirWap .bot .box .post .pic { width: 100%; overflow: hidden; }
.memoirWap .bot .box .post .p_ti { line-height: 24px; padding: 0 10px; margin: 5px 0; color: #666; height: 48px; overflow: hidden; font-size: 14px; }
.memoirWap .bot .box .post .p_ti a { display: block; }
.memoirWap .bot .box .post .p_ti img { display: block; }
.memoirWap .bot .box .post .sendname { background: #f3f3f3; border: 1px solid #e8e7e7; padding: 10px; overflow: hidden; }
.memoirWap .bot .box .post .sendname .photo { float: left; width: 45px; height: 45px; overflow: hidden; margin-right: 10px; }
.memoirWap .bot .box .post .sendname .m_txt { margin-left: 5px; position: relative; overflow: hidden; }
.memoirWap .bot .box .post .sendname .m_txt h5 { font-size: 14px; color: #666; }
.memoirWap .bot .box .post .sendname .m_txt p { display: block; float: left; font-weight: lighter; color: #ccc; }
.memoirWap .bot .box .post .sendname .m_txt span { color: #999; padding-left: 20px; }
.memoirWap .bot .box .post .sendname .m_txt .zan { background: url(../images/xiui_1.png) no-repeat left center; }
.memoirWap .bot .box .post .sendname .m_txt .plun { background: url(../images/xiui2_1.png) no-repeat left center; }
.memoirWap .memde { position: relative; overflow: hidden; margin: 30px 0; background: #fff; }
.memoirWap .memde .main .topde .pic { text-align: center; }
.memoirWap .memde .main .topde .cont { padding: 10px 20px; }
.memoirWap .memde .main .topde .cont p { line-height: 28px; font-size: 16px; color: #666; }
.memoirWap .memde .main .topde .sendname { background: #f3f3f3; border: 1px solid #e8e7e7; padding: 10px 20px; overflow: hidden; }
.memoirWap .memde .main .topde .sendname .photo { float: left; width: 45px; height: 45px; overflow: hidden; margin-right: 10px; }
.memoirWap .memde .main .topde .sendname .m_txt { margin-left: 5px; position: relative; overflow: hidden; }
.memoirWap .memde .main .topde .sendname .m_txt h5 { font-size: 14px; color: #666; }
.memoirWap .memde .main .topde .sendname .m_txt p { display: block; float: left; font-weight: lighter; color: #ccc; }
.memoirWap .memde .main .topde .sendname .m_txt span { color: #999; padding-left: 20px; cursor: pointer; }
.memoirWap .memde .main .topde .sendname .m_txt .zan { background: url(../images/xiui_1.png) no-repeat left center; }
.memoirWap .memde .main .topde .sendname .m_txt .plun { background: url(../images/xiui2_1.png) no-repeat left center; }

.inputmessage { margin: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; zoom: 1; }

.inputmessage dl { position: relative; overflow: hidden; zoom: 1; }

.inputmessage dt { float: left; width: 70px; height: 70px; }

.inputmessage dd { margin-left: 80px; }

.inputmessage textarea { resize: none; width: 1064px; height: 60px; padding: 5px; border: 1px solid #ddd; border-radius: 5px; }

.inputmessage .btn { margin-top: 10px; }

.inputmessage .btn .send { background: #4e73b2; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; font-size: 14px; padding: 0 15px; display: inline-block; }

.inputmessage .messageList { border-bottom: 1px dotted #ccc; margin-top: 10px; zoom: 1; position: relative; overflow: hidden; }

.inputmessage li { background: #f4f4f4; padding: 10px; margin-top: 10px; overflow: hidden; position: relative; zoom: 1; }

.inputmessage li img { float: left; }

.inputmessage li p { margin-left: 60px; line-height: 18px; color: #666; }

.inputmessage .tomore { border: 1px solid #e5e5e5; background: #fcfcfc; height: 30px; line-height: 30px; color: #4e73b2; display: block; margin-top: 10px; text-align: center; }

.pin_likes { margin: 20px; padding-top: 15px; border-top: 1px solid #e5e5e5; }

.pin_likes h3 { font-size: 14px; padding-bottom: 15px; }

.pin_likes li { float: left; width: 45px; margin: 0 10px 10px 0; }

.insrepro { margin: 30px 0; }

.insrepro table { font-size: 14px; color: #575757; position: relative; width: 100%; border-collapse: collapse; }

.insreproodd { background: #f9f9f9; border-top: none; }

.insrepro table th { height: 60px; line-height: 60px; font-size: 14px; font-weight: 400; }

.insrepro table td { border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 16px; height: 120px; color: #999; }

.insrepro table td a { color: #999; }

.insrepro table td a:hover { text-decoration: underline; }

.insrepro table td .btn a { background: #fff; border: 1px solid #c70014; color: #c70014; width: 70px; heihgt: 30px; line-height: 30px; text-align: center; font-size: 16px; display: block; margin: 0 auto; font-size: 12px; }

.insrepro table td .btn a:hover { background: #c70014; color: #fff; text-decoration: none; }

.insrepro table .col_1 { width: 400px; padding-left: 10px; }

.insrepro .col_2 { width: 185px; }

.insrepro .col_3 { width: 340px; }

.insrepro .col_4 { width: 140px; }

.oppdewap { position: relative; overflow: hidden; margin: 30px 0; background: #fff; padding: 30px; }
.oppdewap .topde { border-bottom: 1px solid #e5e5e5; text-align: center; padding-bottom: 20px; }
.oppdewap .topde h5 { font-size: 18px; line-height: 40px; font-weight: 400; }
.oppdewap .topde span { color: #666; }
.oppdewap .main { margin-top: 20px; color: #666; line-height: 28px; }
.oppdewap .main .callbtn { background: #4e73b2; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; margin-top: 20px; }
.oppdewap .main .callbtn a { color: #fff; display: block; }

.enterwap { position: relative; overflow: hidden; margin-bottom: 30px; }
.enterwap .nav { position: relative; overflow: hidden; height: 70px; border-bottom: 1px solid #e5e5e5; }
.enterwap .nav ul { width: 1026px; margin: 0 auto; }
.enterwap .nav li { float: left; width: 170px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #e5e5e5; margin: 20px 0; font-size: 16px; }
.enterwap .nav li:last-child { border-right: none; }
.enterwap .nav li a { display: block; color: #666; }
.enterwap .nav li.on { border-bottom: 1px solid #4e73b2; color: #4e73b2; padding-bottom: 19px; }
.enterwap .nav li.on a { color: #4e73b2; }
.enterwap .bot { position: relative; overflow: hidden; margin: 30px 0; }
.enterwap .bot .entermain { position: relative; overflow: hidden; }
.enterwap .bot .entermain li { float: left; width: 380px; margin-bottom: 20px; margin-right: 15px; }
.enterwap .bot .entermain li .pic { width: 380px; height: 285px; overflow: hidden; position: relative; }
.enterwap .bot .entermain li .pic .over { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.enterwap .bot .entermain li .pic .over .overbg { background: url(../images/black60.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.enterwap .bot .entermain li .pic .over .main { position: relative; overflow: hidden; z-index: 3; margin: 50px 30px; }
.enterwap .bot .entermain li .pic .over .main .overpic { width: 135px; float: left; margin-right: 10px; }
.enterwap .bot .entermain li .pic .over .main .cont { margin-left: 145px; }
.enterwap .bot .entermain li .pic .over .main .cont p { color: #fff; line-height: 24px; text-align: left; font-size: 14px; }
.enterwap .bot .entermain li p { text-align: center; line-height: 35px; font-size: 16px; }

.activiwap { position: relative; overflow: hidden; margin: 30px 0; }
.activiwap .actop { position: relative; overflow: hidden; }
.activiwap .actop .sildeleft { width: 880px; float: left; margin-right: 20px; }
.activiwap .actop .sideright { width: 280px; float: left; }
.activiwap .actbot { position: relative; overflow: hidden; background: #fff; margin: 30px 0; }
.activiwap .actbot .tit { background: url(../images/actitile.jpg) no-repeat; height: 50px; margin-bottom: 10px; }
.activiwap .actbot .classify { text-align: center; }
.activiwap .actbot .classify li { display: inline-block; _display: inline; margin: 0 8px; color: #666; }
.activiwap .actbot .classify li a { font-size: 14px; color: #666; }
.activiwap .actbot .main { position: relative; overflow: hidden; margin: 30px; }
.activiwap .actbot .main li { float: left; width: 375px; position: relative; overflow: hidden; margin-bottom: 30px; }
.activiwap .actbot .main li .pic { width: 180px; height: 180px; overflow: hidden; margin-right: 15px; }
.activiwap .actbot .main li .cont { float: left; width: 155px; }
.activiwap .actbot .main li .cont h3 { font-size: 16px; }
.activiwap .actbot .main li .cont p { line-height: 24px; height: 120px; overflow: hidden; }
.activiwap .actbot .main li .cont .actLink { margin-top: 8px; }

.activiDewap { position: relative; overflow: hidden; margin: 30px 0; }
.activiDewap .actmainde { width: 820px; background: #fff; padding: 30px; min-height: 960px; }
.activiDewap .actmainde .introduce { position: relative; overflow: hidden; }
.activiDewap .actmainde .introduce .pic { float: left; width: 180px; height: 180px; overflow: hidden; margin-right: 15px; }
.activiDewap .actmainde .introduce .cont { float: left; width: 400px; }
.activiDewap .actmainde .introduce .cont h4 { font-size: 16px; color: #333; font-weight: 400; }
.activiDewap .actmainde .introduce .cont b { font-weight: 400; }
.activiDewap .actmainde .introduce .joinbox { float: right; background: url(../images/talkjoin.png) no-repeat; width: 210px; height: 60px; }
.activiDewap .actmainde .introduce .joinbox .joinBtn { height: 60px; padding: 0 15px 0 60px; cursor: pointer; }
.activiDewap .actmainde .introduce .joinbox .joinBtn strong { display: block; font-size: 24px; font-weight: lighter; text-align: center; color: #fff; padding: 8px 0 3px; }
.activiDewap .actmainde .introduce .joinbox .joinBtn span { text-align: center; color: #fff; font-size: 14px; display: block; }
.activiDewap .actmainde .introdejs { position: relative; overflow: hidden; margin: 30px 0; }
.activiDewap .actmainde .introdejs .introtitle { text-align: center; margin-bottom: 20px; }
.activiDewap .actmainde .introdejs p { color: #666; }
.activiDewap .actmaindejoin { width: 290px; position: relative; overflow: hidden; }
.activiDewap .actmaindejoin .joinpeople { position: relative; overflow: hidden; margin: 20px 0 20px 15px; }
.activiDewap .actmaindejoin .joinpeople li { float: left; margin: 0 10px 20px 0; text-align: center; color: #666; }
.activiDewap .actmaindejoin .joinpeople li img { width: 80px; height: 80px; overflow: hidden; }

/*活动日历*/
.addNewsAct { background: #4e73b2; height: 40px; line-height: 40px; border-radius: 20px; position: relative; }

.addNewsAct a { display: block; text-align: center; color: #fff; font-size: 16px; }

.h-activityRi { margin-top: 20px; }

.h-activityRi .top { position: relative; overflow: hidden; padding: 5px 0 0; zoom: 1; }

.h-activityRi .top strong { font-size: 14px; font-weight: lighter; float: left; }

.h-activityRi .top span { float: right; }

.h-activityRi li { overflow: hidden; border-top: 1px dotted #e5e5e5; padding: 13px 0; }

.h-activityRi .pic { float: left; }

.h-activityRi .cont { margin-left: 110px; }

.h-activityRi .cont h3 { font-weight: lighter; font-size: 16px; }

.h-activityRi .cont p { color: #999; line-height: 20px; font-size: 12px; height: 40px; overflow: hidden; }

.actLink { margin-top: 5px; }

.actLink { background: #4e73b2; height: 30px; line-height: 30px; color: #fff; font-size: 14px; display: block; text-align: center; border-radius: 15px; cursor: pointer; display: block; width: 120px; }

/*标题*/
.rowbox .ti { background: url(../images/titrbg.png) no-repeat right top #4e73b2; height: 35px; line-height: 35px; position: relative; margin-bottom: 10px; }

.rowbox .ti strong { font-size: 16px; line-height: 35px; padding: 0 10px; color: #fff; font-weight: lighter; float: left; }

/*会员登录弹窗*/
.popuplogin .inner { width: 340px; position: relative; margin-left: -170px; left: 50%; }

.popuplogin .item { margin: 20px 0 0; border: 1px solid #ddd; height: 35px; }

.popuplogin .item label { background: #eeeded; width: 45px; float: left; height: 35px; border-right: 1px solid #ddd; position: relative; }

.popuplogin .item .ui_name { background-image: url(../images/ui_2.png); width: 18px; height: 22px; position: absolute; left: 50%; top: 50%; margin: -11px 0 0 -9px; }

.popuplogin .item .ui_pass { background-image: url(../images/ui_1.png); width: 16px; height: 20px; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -8px; }

.popuplogin .item span { display: block; margin-left: 55px; *margin-left: 0; margin-right: 5px; height: 35px; *line-height: 35px; }

.popuplogin .item span input { display: block; width: 100%; height: 35px; border: 0 none; *line-height: 35px; background: none; }

.popuplogin .logSubBtn { margin: 30px 0 0; }

.popuplogin .logSubBtn input { background: #4e73b2; height: 48px; border: 1px solid #4e73b2; font-size: 16px; color: #fff; display: block; width: 100%; cursor: pointer; }

.popuplogin .logBottom { margin: 10px 0 0; overflow: hidden; }

.popuplogin .logBottom a { font-size: 14px; }

.popuplogin .logBottom .link_pass { float: right; text-decoration: underline; color: #666; }

.popuplogin .logBottom .link_register { float: left; font-size: 14px; color: #4e73b2; }

/*step bar*/
.mem_Container { position: relative; overflow: hidden; margin: 50px 0; }

.reg_bd { border: 1px solid #4e73b2; min-height: 500px; }

.reg_step { position: relative; overflow: hidden; height: 162px; margin: 50px; }

.reg_step_list .step_item { height: 162px; line-height: 162px; width: 350px; background: url(../images/center/step_arrow_2.jpg) no-repeat; float: left; }

.reg_step_list .step_item.active { height: 160px; background: url(../images/center/step_arrow_1.jpg) no-repeat; }

.reg_step_list .step_item.active1 { height: 160px; background: url(../images/center/step_arrow_3.jpg) no-repeat; }

.reg_step_list .step_item .num { display: inline-block; *display: inline; margin: 50px 0 0 90px; width: 60px; height: 60px; line-height: 60px; font-size: 48px; color: #fff; float: left; background: url(../images/center/mem_circle_2.png) no-repeat; text-align: center; }

.reg_step_list .step_item .txt { display: inline-block; *display: inline; margin-left: 9px; vertical-align: top; font-size: 24px; color: #4e73b2; width: 150px; float: left; }

.reg_step_list .step_item_sep { width: 253px; height: 48px; }

.reg_step_list .step_item.active .num { margin: 50px 0 0 20px; text-align: center; color: #4e73b2; background: url(../images/center/mem_circle_1.png) no-repeat; }

.reg_step_list .step_item.active1 .num { background: url(../images/center/mem_circle_1.png) no-repeat; color: #4e73b2; }

.reg_step_list .step_item.active1 .txt { color: #fff; }

.reg_step_list .step_item.active .txt { color: #fff; }

.reg_step_one { margin: 0 50px; }

.reg_step_one .conc { position: relative; }

.reg_step_one .tit { font-size: 16px; color: #333; height: 45px; }

.reg_step_one .cont { height: 60px; position: relative; overflow: hidden; }

.reg_step_one .cont .inpt { background: #fff; padding: 0 5px; height: 30px; line-height: 30px; width: 240px; border: 1px solid #e5e5e5; }

.reg_step_one .cont label { color: #666; }

.submit_wrap { margin: 20px 0 50px 0; position: relative; overflow: hidden; }

.submit_wrap .input_btn { width: 300px; height: 60px; line-height: 60px; overflow: hidden; display: block; background-color: #4e73b2; text-align: center; font-size: 24px; color: #fff; }

/*form*/
.reg_form_wrap { margin: 0 50px; }

.reg_form .input_wrap { position: relative; height: 50px; clear: both; margin-bottom: 20px; overflow: hidden; }

.reg_form .input_label { float: left; width: 100px; height: 50px; padding-right: 20px; font-size: 16px; line-height: 50px; text-align: right; color: #575757; }

.reg_form .input_wrap label span { color: #4e73b2; }

.reg_form .input_txt { height: 28px; width: 280px; float: left; padding: 10px; border: 1px solid #4e73b2; border-radius: 3px; float: left; }

/*验证码*/
.reg_form .input_code_wrap .input_code_txt { height: 28px; width: 130px; float: left; padding: 10px; border: 1px solid #4e73b2; border-radius: 3px; float: left; }

.reg_form .input_code_wrap .imgcode_wrap { float: left; margin-left: 10px; padding: 9px 0; }

.reg_form .input_code_wrap .imgcode_wrap img { width: 63px; height: 32px; float: left; }

.reg_form .input_code_wrap .imgcode_control { float: left; line-height: 50px; margin-left: 10px; }

.reg_form .input_code_wrap .imgcode_control a { color: #1ebbfd; }

/*已同意*/
.reg_form .input_chk_wrap { float: left; height: 15px; padding: 30px 0 40px; }

.reg_form .input_chk_wrap label { display: inline; color: #575757; }

.reg_form .input_chk_wrap .check { margin-right: 6px; }

.reg_form .input_chk_wrap .agree { color: #575757; }

.reg_form .input_chk_wrap .agree a { color: #1ebbfd; }

.reg_succ_form .tit { line-height: 45px; font-size: 16px; }

.reg_succ_form .tit a { width: 80px; height: 30px; line-height: 30px; background: #4e73b2; text-align: center; display: inline-block; color: #fff; margin: 0 10px; }

.reg_succ_form .friendlist { position: relative; overflow: hidden; margin: 20px 0; }

.reg_succ_form .friendlist li { float: left; text-align: center; margin-right: 20px; cursor: pointer; }

.reg_succ_form .friendlist li p { font-size: 16px; line-height: 35px; }

.reg_succ_form .friendlist li.on p { color: #ff0000; }

/*找回密码*/
.findPwdMain { background: #fff; border: 1px solid #4e73b2; padding: 100px 90px; }

.findPwdMain .tit { width: 400px; margin: 0 auto; text-align: center; padding-bottom: 20px; }

.findPwdMain .tit h3 { font-size: 36px; color: #de231c; line-height: 36px; font-weight: 400; }

.findPwdMain .testForm { width: 400px; margin: 0 auto; }

.findPwdMain .testForm .item { margin-top: 20px; }

.findPwdMain .testForm .item strong { float: left; line-height: 40px; width: 100px; font-weight: 400; }

.findPwdMain .testForm .item .input { float: left; width: 250px; border: 1px solid #ddd; padding: 0 30px 0 10px; height: 40px; position: relative; }

.findPwdMain .testForm .item .input input { height: 40px; width: 100%; background: none; }

.findPwdMain .testForm .item .input i { position: absolute; top: 50%; }

.findPwdMain .testForm .phone i { background: url(../images/ui_2.png); width: 18px; height: 22px; margin: -11px 0 0 -9px; right: 5px; }

.findPwdMain .testForm .chitCode .input { width: 120px; }

.findPwdMain .testForm .chitCode button { float: left; background: #f3f3f3; border: 1px solid #dedede; height: 40px; line-height: 40px; width: 120px; padding: 0 10px; margin-left: 10px; }

.findPwdMain .btnSubmit { margin-top: 30px; margin-left: 100px; }

.findPwdMain .btnSubmit input { background: #4e73b2; height: 48px; width: 290px; font-size: 20px; color: #fff; display: block; cursor: pointer; }

.findPwdMain .resetForm { width: 400px; margin: 0 auto; }

.findPwdMain .resetForm .item { margin-top: 20px; }

.findPwdMain .resetForm .item strong { float: left; line-height: 40px; width: 100px; font-weight: 400; }

.findPwdMain .resetForm .item .input { float: left; width: 250px; border: 1px solid #ddd; padding: 0 30px 0 10px; height: 40px; position: relative; }

.findPwdMain .resetForm .item .input input { height: 40px; width: 100%; background: none; }

/*# sourceMappingURL=sub.css.map */
