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;font-size:66.3%}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
/*a:hover{text-decoration: none;color:#000;}*/
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */

/*html,body{height:100%;}*/
body{font:12px "Microsoft Yahei ","微软雅黑",sans-serif;overflow:scroll;position: relative;margin: 0 auto;display: block;width: 750px;}
audio{position:absolute;left:0;top:-9999px;display:none}





.header{position: relative;width: 750px;height: 89px;background: #fff;/*border-bottom: 1px solid #ec0928;*/}
.header .logo{position: absolute;top: 19px;left: 37px;}
.header .header-user{position: absolute;top: 0px;right: 40px;font-size: 24px;line-height: 89px;}
.header-n{position: absolute;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    background: #ec0928;
    color: #fff;
    border-radius: 18px;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
}


.footer{position: fixed;bottom: 0px;width: 750px;height: 84px;background: #fff;border-top: 3px solid #ec0928;z-index: 99999999999999;}
.footer .nav-n{float: left;width: 150px;height: 100%;background-color: #fff;}
.footer .nav-n img{margin: 13px auto;display: block;}
.footer .nav-1.active{float: left;width: 150px;height: 100%;background-color: #ec0928;}
.footer .nav-2.active{float: left;width: 150px;height: 100%;background-color: #ec0928;}
.footer .nav-3.active{float: left;width: 150px;height: 100%;background-color: #ec0928;}
.footer .nav-4.active{float: left;width: 150px;height: 100%;background-color: #ec0928;}
.footer .nav-5.active{float: left;width: 150px;height: 100%;background-color: #ec0928;}


/*---------------------------------------------------------------------------------------------------*/
.home-banner{width: 100%;height: 400px;overflow: hidden;}
.home-banner img{width: 100%;height: 100%;}
.home-submenu{position: relative;width: 750px;height: 230px;background: #fff;}
.home-submenu .home-submenu1{position: absolute;top: 45px;left: 83px;}
.home-submenu .home-submenu2{position: absolute;top: 45px;left: 249px;}
.home-submenu .home-submenu3{position: absolute;top: 45px;left: 413px;}
.home-submenu .home-submenu4{position: absolute;top: 45px;left: 577px;}

.home-column{position: relative;width: 750px;height: 348px;background: #fff;}
.home-column .home-news{position: absolute;top: 0px;left: 24px;}
.home-column .home-videos{position: absolute;top: 0px;left: 261px;}
.home-column .home-parenting{position: absolute;top: 0px;left: 496px;}

.home-newest-content{padding-bottom: 100px;}
.home-newest-list{position: relative;height: 147px;border-bottom: 1px solid #c8c3c4;}
.newest-list-pic{position: absolute;top: 13px;left: 44px;width: 120px;height: 120px;}
.newest-list-tip{position: absolute;top: 19px;left: 204px;font-size: 18px;line-height: 30px;color: #fff;width: 114px;border-radius: 4px;text-align: center;}
.newest-list-t1{position: absolute;top: 19px;left: 204px;font-size: 32px;line-height: 32px;}
.newest-list-t2{position: absolute;top: 69px;left: 204px;font-size: 18px;line-height: 18px;}
.home-newest-all{position: relative;width: 180px;height: 60px;font-size: 21px;line-height: 60px;color: #fff;background-color: #ec0928;text-align: center;margin: 25px auto;border-radius: 5px;}
.home-newest-all a{color: #fff;text-decoration: none;}


.question-title1 {position: absolute;top: 19px;left: 204px;font-size: 38px;line-height: 32px;}
.question-title1 a {color:#ec0928;}
.question-title2 {position: absolute;top: 66px;left: 204px;font-size: 24px;line-height: 35px;}

/*---------------------------------------------------------------------------------------------------*/
.babyshow-dorpmenu{position: relative;width: 750px;height: 71px;background: #fff;margin-top: -5px;}
.babyshow-dorpmenu1{float: left;padding: 0px 64px;width: 229px;height: 100%;/*background: #09e;*/font-size: 20px;line-height: 70px;border: none;text-align: center;}
.babyshow-dorpmenu2{float: left;padding: 0px 64px;width: 229px;height: 100%;/*background: #09e;*/font-size: 20px;line-height: 70px;border: none;text-align: center;}
.babyshow-dorpmenu3{float: left;padding: 0px 64px;width: 229px;height: 100%;/*background: #09e;*/font-size: 20px;line-height: 70px;border: none;text-align: center;}



.babyshow-topic1{width: 615px;margin: 0 auto;font-size: 18px;line-height: 36px;text-align: center;margin-top: 44px;}
.babyshow-topic2{width: 615px;margin: 0 auto;font-size: 30px;line-height: 60px;text-align: center;}
.babyshow-detail{width: 615px;margin: 0 auto;font-size: 18px;line-height: 36px;text-align: left;}
.babyshow-box-outer{width: 750px;margin: 0 auto;overflow: hidden;/*padding-bottom: 200px;*/}
.babyshow-upload{position: fixed;}
.babyshow-box{float: left;width: 233px;height: 363px;border-radius: 0px;background-color: #fff;margin: 5px 5px;border: 1px solid #d1d3d4;overflow: hidden;padding-bottom: 10px;}
.babyshow-box-pic-outer{width: 200px;height: 240px;overflow: hidden;margin: 10px auto;margin-bottom: 10px;text-align: center;/*line-height: 240px;*/}
.babyshow-box-pic-outer img{max-width: 100%;/*max-height: 100%;*/margin: 0 auto;display: inline-block;}
.babyshow-box-user{margin: 0 auto;width: 200px;font-size: 22px;line-height: 40px;height: 40px;text-align: left;overflow: hidden;}
.babyshow-box-nickname{margin: 0 auto;width: 200px;font-size: 22px;line-height: 40px;height: 40px;text-align: left;overflow: hidden;}
.babyshow-box-ticket{margin: 0 auto;width: 200px;font-size: 22px;line-height: 40px;height: 40px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.babyshow-array div{float: right;margin-right: 20px;font-size: 20px;line-height: 40px;cursor: pointer;}

.babyshow-upload{position: fixed;bottom: 108px;left: 50%;margin-left: 280px;z-index: 99999;}


/*---------------------------------------------------------------------------------------------------*/
.vip-dorpmenu{background: #fff;color: #000;}
.vip-dorpmenu.active{background: #fe9fa3;color: #fff;}

.vip-dorpmenu1{float: left;padding: 0px 24px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 70px;border: none;text-align: center;border-bottom: 1px solid #c8c3c4;}
.vip-dorpmenu2{float: left;padding: 0px 24px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 70px;border: none;text-align: center;border-bottom: 1px solid #c8c3c4;}
.vip-dorpmenu3{float: left;padding: 0px 24px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 70px;border: none;text-align: center;border-bottom: 1px solid #c8c3c4;}
.vip-dorpmenu4{float: left;padding: 0px 24px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 70px;border: none;text-align: center;border-bottom: 1px solid #c8c3c4;}

.vip-title{margin: 73px auto;display: block;}
.vip-contaner{width: 700px;margin: 0 auto;display: block;padding-bottom: 100px;/*overflow: scroll;*/}
.vip-list{position: relative;padding: 0px 40px;height: 210px;border-bottom: 1px solid #c8c3c4;background-color: #fff;margin-bottom: 35px;}
.vip-list-pic{position: absolute;top: 0px;left: 0px; width: 188px;height: 169px;}
.vip-list-t1{position: absolute;top: 0px;left: 205px;font-size: 32px;line-height: 40px;width: 430px;}
.vip-list-t2{position: absolute;top: 90px;left: 205px;font-size: 18px;line-height: 36px;}
.vip-list-t3{position: absolute;top: 126px;left: 205px;font-size: 18px;line-height: 36px;}
.vip-list-t4{position: absolute;top: 162px;left: 205px;font-size: 18px;line-height: 36px;}
.vip-try{position: absolute;top: 113px;right: 0px;width: 180px;height: 60px;background-color: #ec0928;color: #fff;text-align: center;font-size: 20px;line-height: 60px;}
.vip-try a{color: #fff;}
.vip-backtop{position: fixed;bottom: 108px;left: 50%;margin-left: 300px;}


/*---------------------------------------------------------------------------------------------------*/


.active-dorpmenu{position: relative;width: 750px;height: 90px;top: -4px;margin-bottom: 50px;}
.active-dorpmenu a {color: #fff; padding-bottom: 5px;text-decoration: none;}
.active-dorpmenu a:hover {border-bottom: 3px solid #fff}
.active-dorpmenu a.active {border-bottom: 3px solid #fff}
.activity-dorpmenu1{float: left;padding: 0px 8.3px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 90px;border: none;text-align: center;background-color:  #f6ce55;}
.activity-dorpmenu2{float: left;padding: 0px 8px 0px 9px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 90px;border: none;text-align: center;background-color:  #70c2f6;}
.activity-dorpmenu3{float: left;padding: 0px 8px 0px 7.9px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 90px;border: none;text-align: center;background-color:  #fe9fa3;}
.activity-dorpmenu4{float: left;padding: 0px 8.2px;width: 171px;height: 100%;background: #fff;font-size: 20px;line-height: 90px;border: none;text-align: center;background-color:  #97c840;}

.activity-title{margin: 3px auto;display: block;padding-left: 8px;}
.activity-contaner{width: 700px;margin: 0 auto;display: block;padding-bottom: 100px;overflow: scroll;}
.activity-list{position: relative;height: 210px;border-bottom: 1px solid #c8c3c4;background-color: #fff;margin: 0px 20px 35px 15px;}
.activity-list2{margin-top: 27px;}
.activity-list-pic{position: absolute;top: 0px;left: 0px;width: 188px;height:169px;}
.activity-list-t1{position: absolute;top: 0px;left: 205px;font-size: 32px;line-height: 40px;width: 430px;}
.activity-list-t2{position: absolute;top: 58px;left: 205px;font-size: 18px;line-height: 36px;}
.activity-list-t3{position: absolute;top: 98px;left: 205px;font-size: 18px;line-height: 36px;}
.activity-list-t4{position: absolute;top: 138px;left: 205px;font-size: 18px;line-height: 36px;}
.activity-try{position: absolute;top: 140px;right: 0px;width: 180px;height: 60px;background-color: #ec0928;color: #fff;text-align: center;font-size: 20px;line-height: 60px;}
.activity-try a{color: #fff;}

/*---------------------------------------------------------------------------------------------------*/


.survey-title{margin: 56px auto;display: block;margin-bottom: 68px}
.survey-contaner{width: 700px;margin: 0 auto;display: block;margin-bottom: 100px;}
.survey-list{position: relative;margin:10px 20px 40px 12px;height: 210px;border-bottom: 1px solid #c8c3c4;background-color: #fff;}
.survey-list-pic{position: absolute;top: 0px;left: 0px;}
.survey-list-t1{position: absolute;top: 4px;left: 205px;font-size: 32px;line-height: 40px;width: 430px;}
.survey-list-t2{position: absolute;top: 90px;left: 205px;font-size: 18px;line-height: 36px;}
.survey-list-t3{position: absolute;top: 126px;left: 205px;font-size: 18px;line-height: 36px;}
.survey-try{position: absolute;top: 100px;right: 0px;width: 180px;height: 60px;background-color: #ec0928;color: #fff;text-align: center;font-size: 20px;line-height: 60px;}


/*---------------------------------------------------------------------------------------------------*/

.classroom-title{margin: 63px auto;display: block;}
.classroom-contaner{width: 700px;margin: 0 auto;display: block;}

.classroom-list {padding: 35px 54px;height: 100%;margin-bottom: 32px;background-color: #f9f9f7;border-radius: 10px;}
.classroom-list-title {font: 30px "宋体";color: #fe9fa3; }
.classroom-content {margin-top: 16px;height: 100px}
.classroom-news {font:19px "微软雅黑";width: 90%; float: left; line-height: 1.6; height: 90px;text-overflow:ellipsis;overflow: hidden;}
.classroom-news:hover {color:#fe9fa3;}
.classroom-news-right {float: right; font:20px "微软雅黑";color: #fe9fa3;}
.classroom-list-t2 {margin-top: 32px;}

/*---------------------------------------------------------------------------------------------------*/


.notice-title{margin: 57px auto;display: block;}
.notice-contaner{width: 700px;margin: 0 auto;display: block;margin-bottom: 100px;}

.notice-list {padding: 12px 20px 32px 32px;height: 200px; border-bottom: 1px solid #c8c3c4}
.notice-list-title {font: 32px "宋体";color: #fe9fa3; white-space:nowrap;text-overflow:ellipsis;overflow: hidden; }
.notice-content {margin-top: 24px;height: 70px;}
.notice-news {font:24px "宋体";width: 92%; float: left; line-height: 1.4;text-overflow:ellipsis;}
.notice-news:hover {color:#fe9fa3;}
.notice-news-right {float: right; font:22px "宋体";padding-top: 32px;color: #fe9fa3;}
.notice-time {margin-top: 44px;color: #acacac;font:20px "宋体";}
.notice-list-t2 {margin-top: 40px;}

/*---------------------------------------------------------------------------------------------------*/

.exchange-dorpmenu {position: relative;width: 750px;height: 71px;background: #fff;top:-6px;}
.exchange-dorpmenusel {width: 100%; height: 100%;border: none;font-size: 20px;line-height: 71px;text-align: center;background: #fff;}
.exchange-dorpmenusel.active{width: 100%; height: 100%;border: none;font-size: 20px;line-height: 71px;text-align: center;background: #fe9fa3;color: #fff;}
.exchange-dorpmenu1{float: left;padding: 0px 32px;width: 73px;height: 100%; background: #fff;font-size: 20px;line-height: 70px;text-align: center;border-bottom: 1px solid #c8c3c4;position: relative;margin-right: 16px}
.exchange-icon1 {display: block;width: 12px;height: 48px;position: absolute;top: 22px;left: 90px;background-color: #ffffff;text-align: center;line-height: 48px;color: #fe9fa3;font: bold 22px "微软雅黑";}
.exchange-dorpmenu2{float: left;padding: 0px 14px;width: 109px;height: 100%; background: #fff;font-size: 20px;line-height: 70px;text-align: center;border-bottom: 1px solid #c8c3c4;position: relative;margin-right: 16px}
.exchange-icon2 {display: block;width: 12px;height: 48px;position: absolute;top: 22px;left: 110px;background-color: #ffffff;text-align: center;line-height: 48px;color: #fe9fa3;font: bold 22px "微软雅黑";}
.exchange-dorpmenu3{float: left;padding: 0px 16px 0 18px;width: 104px;height: 100%; background: #fff;font-size: 20px;line-height: 70px;text-align: center;border-bottom: 1px solid #c8c3c4;position: relative;margin-right: 16px}
.exchange-dorpmenu4{float: left;padding: 0px 14px;width: 109px;height: 100%; background: #fff;font-size: 20px;line-height: 70px;text-align: center;border-bottom: 1px solid #c8c3c4;position: relative;margin-right: 16px}
.exchange-dorpmenu5{float: left;padding: 0px 14px;width: 109px;height: 100%; background: #fff;font-size: 20px;line-height: 70px;text-align: center;border-bottom: 1px solid #c8c3c4;position: relative;}
.exchange-hove.active{background: #fe9fa3;color: #fff;}

.exchange-title{margin: 54px auto;display: block;}
.exchange-contaner{width: 696px;margin: 0 auto;display: block;margin-bottom: 100px;padding-top: 50px;clear: both;}

.exchange-list {padding: 18px 50px;background-color: #f9f9f7;margin: 0 auto 20px auto;position: relative;border-radius: 10px}
.exchange-content {display:block ; margin: 0px 0;height: 38px;position: relative;}
.exchange-news {margin-top: 3px;font:22px "微软雅黑";line-height: 35px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;color: #646363;}
/*.exchange-news:hover {color:#fe9fa3;}*/
.exchange-news-right {float: right; color: #fe9fa3;font:22px "宋体";padding-top: 6px;}
.exchange-time {padding-left: 36px;color: #fe9fa3;font: 28px "微软雅黑";color: #646363;height: 40px;line-height: 40px}
.exchange-time.icon1{background: url(/images/forum-grid-icon1.png) left center no-repeat; }
.exchange-time.icon2{background: url(/images/forum-grid-icon2.png) left center no-repeat; }
.exchange-time.icon3{background: url(/images/forum-grid-icon3.png) left center no-repeat; }
.exchange-time.icon4{background: url(/images/forum-grid-icon4.png) left center no-repeat; }
.exchange-owner{color: #646363;font-size: 20px;line-height: 35px;}

.exchange-timer {padding-left: 10px;border-left: 1px solid #646363;}
.exchange-new {display: inline-block;width: 70px;margin-left: 20px;border: 1px solid #97c840;border-radius: 5px;text-align: center;color: #97c840;font-weight: bold;font:22px "微软雅黑";}
.exchange-new2{display: inline-block;width: 70px;margin-left: 20px;border: 1px solid #d6bc6b;border-radius: 5px;text-align: center;color: #d6bc6b;font-weight: bold;font:22px "微软雅黑";}
.exchange-list-t2 {margin-top: 40px;}
.exchange {font:20px "微软雅黑";}
.exchange-name {color: #d6bc6b;padding-right: 22px}
.exchange-post {padding-left: 20px;border-left: 1px solid #646363;color: #646363;}
.exchange-issue{position: fixed;bottom: 108px;left: 50%;margin-left: 260px;color: #646363;z-index: 1;}
.exchange-num{color: #646363;}
/*-------- forum --------*/
.forum-top{position: relative;float: left;margin-top: 55px;margin-right: 20px;width: 340px;height: 313px;background: url(/images/forum-topbg.png) no-repeat;background-size: cover;}
.forum-add{position: absolute;top: 50px;right: 30px;width: 50px;height:50px;background: url(/images/forum-add.png) no-repeat;display:none;background-size:cover;}
.forum-add-detail{position: absolute;top: 30px;right: 65px;width: 250px;height: 160px;background: #646363;color: #fff;font-size: 30px;text-align: center;border-radius: 10px;display: none;z-index: 99;}
.forum-add-detail td{width: 170px;}

.forum-add-inner{position: absolute;top: 30px;right: 300px;width: 450px;height: 160px;background: #646363;color: #fff;font-size: 30px;text-align: center;border-radius: 10px;display: none;z-index: 99;}
.forum-add-inner td{width: 200px;}



.forum-top-inner{position: absolute;top: 150px;right: 0px;width: 350px;height: 160px;background: #646363;color: #fff;font-size: 30px;text-align: center;border-radius: 10px;display: none;z-index: 99;}
.forum-top-inner td{width: 200px;}

.forum-type{position: absolute;top: 25px;left: 40px;width: 95px;font-size: 16px;line-height: 28px;height: 28px;border: 2px solid #fd9106;text-align: center;color: #fd9106}
.forum-time{position: absolute;top: 80px;left: 40px;width: 260px;font-size: 18px;line-height: 28px;color: #646363;}
.forum-title{position: absolute;top: 138px;left: 40px;width: 260px;font-size: 24px;line-height: 28px;height: 56px;color: #646363;overflow: hidden;border-bottom: 1px solid #646363;padding-bottom: 20px;}
.forum-number{position: absolute;top: 238px;left: 40px;width: 260px;font-size: 16px;line-height: 16px;height: 16px;color: #646363;overflow: hidden;}
.forum-owner1{position: absolute;top: 270px;left: 40px;font-size: 16px;line-height: 16px;height: 16px;color: #646363;}
.forum-owner2{position: absolute;top: 270px;left: 290px;font-size: 16px;line-height: 16px;height: 16px;color: #fd9ea2;}

/*-------- forum --------*/


/*---------------------------------------------------------------------------------------------------*/

.pigeon-nav {background-color: #fff;margin: 0 30px;width: 690px;height: 660px;position: relative;top:-124px;border-radius: 0 45px 0 55px;}
.pigeon-nav div {position: absolute;}
.pigeon-news {top:-20px;left: 0;z-index: 10}
.pigeon-recommend {top:-3px;right: 0;}
.pigeon-video {top:248px;left: 0;}
.pigeon-parenting {top:248px;left: 214px;}
.pigeon-popular {top:248px;right: 0;}
.pigeon-exhibition {bottom:-2px;left: 0;}
.pigeon-activity {bottom:-2px;right: 0;}


/*---------------------------------------------------------------------------------------------------*/


.video-pic {text-align: center;margin-top: 40px;}
.video-pic img {padding-left: 23px;}
.video-newest-all{position: relative;width: 220px;height: 60px;font-size: 21px;line-height: 60px;color: #fff;background-color: #ec0928;text-align: center;margin: 6px auto;border-radius: 5px;}
.video-title{margin: 73px auto;display: block;margin-bottom: 45px}
.video-content {margin: 0 42px;height: 576px;}
.video-img {margin: 0 12px; float: left; margin-bottom: 40px;}
.video-img p {font:20px "微软雅黑";padding-left: 2px}
.video-all {position: relative;width: 180px;height: 60px;font-size: 21px;line-height: 60px;color: #fff;background-color: #ec0928;text-align: center;margin: 15px auto;border-radius: 5px;}
.video-margin-bottom {margin-bottom: 99px;height: 1px;}

/*---------------------------------------------------------------------------------------------------*/

.ms-t1{font-size: 18px;line-height: 36px;text-align: center;margin-top: 45px;}
.ms-topic{font-size: 32px;line-height: 64px;text-align: center;}
.ms-outerA{width: 665px;margin: 0 auto;background: #fff;overflow: hidden;margin-top: 45px;}
.ms-outerB{width: 665px;margin: 0 auto;background: #fff;overflow: hidden;margin-top: 45px;padding-bottom: 100px;}
.ms-tag{float: left;width: 325px;font-size: 18px;line-height: 68px;border-top: 1px solid #c8c3c4;border-bottom: 1px solid #c8c3c4;}
.ms-tag-a{float: left;width: 325px;font-size: 18px;line-height: 36px;background: #fff;}
.ms-tag-b{float: left;width: 325px;font-size: 18px;line-height: 72px;background: #fff;}
.ms-icon{margin: 60px auto;display: block;}
.ms-ask{font-size: 20px;line-height: 40px;}
.ms-question{width: 100%;height: 200px;text-align: left;margin-bottom: 40px;border: 1px solid #000;}
.ms-question td{padding: 0px 25px;width: 50%;font-size: 20px;}



.personal-edit{background: #fff;overflow: hidden;position: relative;min-height: 250px;}
.personal-edit-head{float: left;width: 150px;height: 150px;border-radius: 75px;overflow: hidden;margin: 35px 38px; }
.personal-edit-head img{width: 100%;height: 100%;}
.personal-edit-name{float: left;width: 350px;font-size: 24px;line-height: 150px;margin: 35px 0px;background-color: #fff;overflow: hidden;}
.personal-edit-btn{float: left;width: 150px;font-size: 24px;line-height: 60px;margin-top: 80px;background-color: #fe9fa3;overflow: hidden;text-align: center;color: #fff;border-radius: 6px;}
.personal-edit-btn a{color:#fff;}

.edit-portrait{position: absolute;top: 190px;left: 60px;background: #fe9fa3;color: #fff;font-size: 20px;line-height: 40px;border-radius: 6px;padding: 5px;cursor: pointer;}
.portrait-in{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(255,255,255,1);display: none;z-index: 999;overflow: hidden;}
.portrait-in-close{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: none;}
.btn-upload{position: absolute;bottom: 300px;left: 50%;width: 200px;height: 100px;margin-left: -100px;background: #ec0928;text-align: center;}
.btn-upload div{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;font-size: 24px;line-height: 100px;color: #fff;text-align: center;}
.btn-submit{position: absolute;bottom: 150px;left: 50%;width: 200px;height: 100px;margin-left: -100px;background: #ec0928;font-size: 24px;line-height: 100px;color: #fff;text-align: center;}

.final-pic{opacity: 0;position: absolute;top: 0px;left: 0px;width: 500px;height: 500px;}
.edit-circle{position: relative;top: 200px;width: 500px;height: 500px;left: 50%;margin-left: -250px;border: 1px solid #000;overflow: hidden;background: #fff;}
.edit-pic {height: 100%;border: 1px solid #fff;margin: 0 auto;display: block;}
.edit-pic-outer{position: absolute;top: 200px;width: 500px;height: 500px;left: 50%;margin-left: -250px;cursor: pointer;overflow: hidden;}
.edit-pic-outer img{height: 100%;margin: 0 auto;display: block;}
#stage1{opacity: 0;border: 1px solid #ec0928;}


.personal-detail{padding: 0px 25px;margin: 0 auto;background: #fff;border-top: 1px solid #ddd;overflow: hidden;}
.personal-detail-left{float: left;margin-top: 20px;width: 370px;border-right: 1px solid #ddd;}
.detail-left-words{font-size: 20px;line-height: 40px;}
.personal-detail-right{float: left;margin-top: 20px;margin-left: 110px;}

.personal-block{margin: 15px auto;height: 103px;background: #fff;}
.personal-block span{position: absolute;top: 30px;right: 90px;width: 10px;height: 10px;background: #ec0928;border-radius: 5px;}
.personal-block1{position: relative;float: left;width: 250px;font-size: 24px;line-height: 103px;text-align: center;}
.personal-block2{position: relative;float: left;width: 246px;font-size: 24px;line-height: 103px;text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.personal-block3{position: relative;float: left;width: 250px;font-size: 24px;line-height: 103px;text-align: center;color: #ec0928;}
.personal-block3 a{color: #ec0928;}

.personal-list-container{background: #fff;padding-bottom: 120px;}
.personal-list{margin-left: 25px;padding-left: 70px;font-size: 26px;line-height: 86px;border-bottom: 1px solid #ddd;background: url(/images/personal-center.png) no-repeat;}
.personal-list span {float: right;color: #ddd;margin-right: 35px;}

.exit-container{background: #fff;margin: 15px auto;height: 85px;overflow: hidden;margin-bottom: 100px;}
.exit{margin: 13px auto;font-size: 20px;line-height: 60px;width: 180px;background: #ec0928;color: #fff;text-align: center;border-radius: 6px;}

/**加载效果旋转**/  
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);}}  
@keyframes rotate {0% {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}  

.loadmore {display:block;line-height: 50px;text-align:center;color:#ccc;font-size:14px;}  
.loadmore span{height:20px;width: 20px;border-radius: 100%;display:inline-block;margin:10px;border:2px solid #f60;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s 0 linear infinite;animation: rotate 0.75s 0 linear infinite;}  
.loadover{position:relative;margin:0 12px;padding:24px 0;height:20px;line-height:20px;color:#909090;text-align: center;}  
.loadover span{position:relative;display:inline-block;padding:0 6px;height:20px;background:#F2F2F2;z-index:2}  
.loadover:after {content:'';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #DCDCDC;z-index: 1;}

.float{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(255,255,255,0.9);z-index: 9;display: none;}
.float-t1{font-size: 24px;line-height: 48px;color: #fff;background-color: #ec2829;padding: 50px 50px;width: 500px;text-align: center;border-radius: 10px;margin: 0 auto;margin-top: 450px;}
.float-t1 span{font-size: 32px;line-height: 64px;color: #fff;background-color: #ec2829;}
.float-t2{font-size: 24px;line-height: 48px;color: #fff;background-color: #ec2829;padding: 10px 10px;width: 150px;text-align: center;border-radius: 10px;margin: 50px auto;}

.bbsebox {position: fixed;top:0px;left:0px;width:100%;height: 100%;z-index: 999;background: rgba(0,0,0,.7);display: none;overflow: hidden;}
.bbsebox-title {width: 500px ;height: 520px;position: absolute;top:50%;left:50%; background-color: #fff;text-align: left;margin-top: -275px; margin-left: -250px;}
.bbsebox-title img {width: 170px;margin-top: 10px;margin-left: 5px;display: block;}
.bbsebox-height {height: 15px;}
.bbsebox-content {position: absolute;top:50px;left:0;border-top:2px solid red; margin-top: 2px;padding: 15px 20px 0;font-size: 26px;}
.bbsebox-content input {font-size: 24px;margin: 18px;transform:scale(3,3)}
.bbsebox-submit {width: 220px;height: 60px;text-align: center;color: #fff;background-color: #ec2829;font-size: 26px;line-height: 60px;margin: 0 auto;margin-top: 30px;border-radius: 5px;}
.bbsebox-close {position: absolute; top:0;right:0;font-size: 50px;width: 50px;height: 50px;line-height: 50px;}

/*.exchange-news-img {width: 128px; position: absolute;top:0;right:0;text-align: left;}*/
.exchange-news-img {float: left;overflow: hidden;margin-right: 5px;}

/*-----------------forum new------------------------------*/
.best-news {width: 696px;margin: 0px auto;background-color: #f9f9f7;position: relative;padding: 30px 10px 40px 10px;box-sizing:border-box;}

.best-news-top.ui-widget.ui-widget-content{margin: 0px auto;padding: 0px;width: 696px;height: 70px;color: #fff;text-align: left;font-size: 32px;margin-top: 20px;position: relative;background-color: #fff;border-radius: 0px;border: 0px;
border-bottom: 1px solid #ec0928;}


/*
.bnt-post{float: left;font-size: 22px;height: 69px;line-height: 69px;cursor: pointer;background-color: #fff;text-align: center;border-radius:0px;color: #b5b5b5;
background-image: url(/images/forum-star2.png) no-repeat 5px 15px;}
.bnt-show{float: left;font-size: 24px;height: 49px;line-height: 50px;cursor: pointer;background-color: #fff !important;text-align: center;border-radius:0px;color: #b5b5b5;margin-left: 10px;
border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;background: url(/images/forum-love2.png) no-repeat 5px 15px;}
.bnt-post.active{height: 50px;background-color: #f9f9f7!important;color: #ec0928;border-top: 1px solid #ec0928;border-left: 1px solid #ec0928;border-right: 1px solid #ec0928;background: url(/images/forum-star.png) no-repeat 5px 15px;}
.bnt-show.active{height: 50px;background-color: #f9f9f7!important;color: #ec0928;border-top: 1px solid #ec0928;border-left: 1px solid #ec0928;border-right: 1px solid #ec0928;background: url(/images/forum-love.png) no-repeat 5px 15px;}*/



.best-news-top .btn{width: 223px;float: left;background-color: white;height: 68px;line-height: 68px;color: #646363;text-align: center;text-indent: 50px;}
.best-news-top .btn.active{background-color: #f9f9f7;color: #ec0928;height: 70px;line-height: 70px;}

.best-news-top .btn:nth-child(1){background-image: url(/images/forum-icon1-off.png);background-position: 45px 20px;background-repeat: no-repeat;border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
.best-news-top .btn.active:nth-child(1){background-image: url(/images/forum-icon1-on.png);background-color: #f9f9f7!important;color: #ec0928;border-top: 1px solid #ec0928;border-left: 1px solid #ec0928;border-right: 1px solid #ec0928;}

.best-news-top .btn:nth-child(2){margin-left: 10px;background-image: url(/images/forum-icon2-off.png);background-position: 46px 15px;background-repeat: no-repeat;border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
.best-news-top .btn.active:nth-child(2){background-image: url(/images/forum-icon2-on.png);background-color: #f9f9f7!important;color: #ec0928;border-top: 1px solid #ec0928;border-left: 1px solid #ec0928;border-right: 1px solid #ec0928;}

.best-news-top .btn:nth-child(3){margin-left: 10px;background-image: url(/images/forum-icon3-off.png);background-position: 45px 16px;background-repeat: no-repeat;border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
.best-news-top .btn.active:nth-child(3){background-image: url(/images/forum-icon3-on.png);background-color: #f9f9f7!important;color: #ec0928;border-top: 1px solid #ec0928;border-left: 1px solid #ec0928;border-right: 1px solid #ec0928;}


.best-hot-new{float: left;margin-top: 22px;margin-right: 10px;}
.best-news-list {width: 640px;margin: 0px auto;position: relative;height:65px;line-height: 65px;overflow: hidden;box-sizing:border-box;border-bottom: 1px solid #c6c6c4;}
.best-news-title {float: left;font-size: 22px; width:300px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#646363;}
.best-news-time {float: right;font-size: 22px; width: 230px;text-align: right;color: #c6c6c4;background: url(/images/forum-time-arrow.png) right center no-repeat;padding-right: 28px;}
.best-news a:hover {color: #ec2829;}

/*------------------------forum list new banner----------------*/
.banner-box { width: 750px;}
.banner-l {float: left;width:375px;}
.banner-r {float: right;width:375px;}


.new-news {position: absolute;bottom:52px;left:24px;z-index: 9;width: 227px;}
.tishi{width: 599px;height: 723px;position: absolute;display:none;}
.babyshow-box-title {margin: 10px;color: #ec2829;font:32px "微软雅黑";}
.babyshow-box-title .box-text {padding: 5px 15px 5px 0;}
.box-title {width: 135px;font-weight: bold;}

.my-integral-page{background-color: #fff;overflow: hidden;margin-top: 15px;}
.mi-prev{float: left;width: 180px;height: 60px;background: #ec0928;border-radius: 5px;text-align: center;color: #fff;font-size: 20px;line-height: 60px;margin-left: 70px;margin-top: 12px;}
.mi-state{float: left;width: 110px;height: 50px;background: #fff;text-align: center;color: #000;font-size: 20px;line-height: 50px;border: 1px solid #c8c3c4;margin: 18px 73px;}
.mi-next{float: left;width: 180px;height: 60px;background: #ec0928;border-radius: 5px;text-align: center;color: #fff;font-size: 20px;line-height: 60px;margin-top: 12px;}
.mi-prev a,.mi-next a{color: #fff;}

    @keyframes myfirst
    {
        0% {transform: translate(750px, 0px);}
        100% {transform: translate(-500px, 0px);}
    }

    @-webkit-keyframes myfirst
    {
        0% {-webkit-transform: translate(750px, 0px);}
        100% {-webkit-transform: translate(-500px, 0px);}
    }