*{margin: 0;padding: 0;outline: none;border: none;text-decoration: none;list-style: none;font-family: "微软雅黑";}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.topbox{width: 100%;border-bottom: 1px solid #e3e3e3;}
.top{width: 1200px;margin: auto;padding: 25px 0 20px;box-sizing: border-box;}
.log{width:478px;float: left;}
.log img{width: 100%;}
.menu{float: left;width: 30px; margin-left: 15px;margin-top: 23px;display: none;}
.menu img{width: 100%;}
.callbox{width: 335px;float: right;margin-top: 35px;position: relative;}

.callbox span{vertical-align: middle;font-size: 28px;color: #ff6c00;margin-left: 13px;}
.callbox img{vertical-align: middle;margin-left: 13px;cursor: pointer;}

.searbox{position: absolute;height: 35px;width: 235px; z-index: 100;width: 0;overflow: hidden; right:286px;top: 4px;background: #dddddd;border-radius: 17.5px;}
.searbox img{margin-left: 0;cursor: pointer;}
.searbox input{vertical-align: middle; width: 195px;height: 35px;line-height: 35px;background: transparent;padding-left: 13px;box-sizing: border-box;}
body{ color: #000000 !important;}
/*top*/
.navbox{width: 1200px;margin: auto;}
/* .nav{width: 860px;float: left;} */
.navbox .nav { width: 860px;float: left;}
.nav_list>li{float: left;height: 58px;line-height: 58px;position: relative;z-index: 200;}
.nav_list>li>a{display: block;height: 100%; padding: 0 27px;transition: all .3s ease-in; box-sizing: border-box;color: #000000;font-size: 14px;line-height: 58px;}
.nav_list>li a:hover{color: #12baff;}
.nav_list>li a img{position: relative;top: -5px;}
.regbtn{width: 130px;float: right;text-align: center;line-height: 58px;position: relative;}
.regbtn a{color: #000000;font-size: 14px;transition: all .3s ease-in;}
.rebtn{border-right: 1px solid #000000;padding: 0 7px 0 0;box-sizing: border-box;margin-right: 2px;}
.regbtn a:hover{color: #12baff;}
/*nav*/
.mainbox{width: 100%;padding: 50px 0 156px;box-sizing: border-box; background-image: url(../images/mainbj.png);background-size: 100% 100%;}
.remain{width: 1200px;margin: auto;height: 554px;}
.remain.mains{height: 610px;}
.main_right{float: right;width: 472px;text-align: center; height: 100%;background: #00ccff;position: relative;}
.margin_left{float: left;width: calc(100% - 472px);position: relative; height: 100%;background: #FFFFFF;}
.regbox{width: 100%;height: 100%;background: #ffffff;}
.bigbox{width: 100%;height: 100%;}
.member{position: absolute;width: 100%; left: 50%;top: 45%;transform: translateY(-50%);margin-left: -50%;}
.member h1{font-size: 42px;color: #FFFFFF;font-weight: 300;}
.member p{color: #FFFFFF;font-size: 24px;}
/*会员号*/
.regbox{width: 100%;height: 100%;padding: 40px 148px 70px 60px;box-sizing: border-box;position: relative; }
.reg_tit{font-size: 24px;color: #000000;}
.regprt{width: 100%;position: relative;}
.regprt input{display: block;width: 100%;padding-bottom: 15px;box-sizing: border-box;margin-top: 50px; border: none;font-size: 18px;color: #0a0a0a;text-indent: 8px; border-bottom: 1px solid #dfdfdf;}
.ident{width: 372px;float: left;}
.ind_btn{width: 140px;height: 44px;transition: all .3s ease-in; cursor: pointer; float: right;margin-top: 49px;position: relative;left: 10px; border-radius: 8px;line-height: 44px;border: 1px solid #12baff; color: #12baff;font-size: 18px;text-align: center;}
.ind_btn:hover{color: #FFFFFF;background: #12BAFF;}
.agree{margin-top: 10px;}
.reg_btn{margin-top: 46px;}
.agree span{font-size: 14px;color: #9a9a9a;}
.agree a{font-size: 14px;color: #12baff;padding-bottom: 2px;margin-left: 5px; box-sizing: border-box;border-bottom: 1px solid #12BAFF;}
.enroll{float: left;width: 168px;height: 46px;text-align: center;line-height: 46px;}
.enroll a{display: block;transition: all .3s ease-in; border-radius: 5px; width: 100%;height: 100%;background: #12BAFF;color: #FFFFFF;font-size: 18px;}
.enroll a:hover{color: #FFFFFF;background: #00ccff;}
.entry{width: 132px;float: right;text-align: right;font-size: 14px;margin-top:15px;}
.entry span{color: #9a9a9a;}
.entry a{color: #12BAFF;border-bottom: 1px solid #12BAFF;margin-left: 6px;}
.margin_lefts{position: absolute;left: 0;top: 0;z-index: 100;width: 100%;height: 100%; display: none;}
/*注册*/
.mess{width: 370px;display: none; text-align: center; height: 44px;background: #ffd7d7;border: 1px solid #ff3543; font-size:14px;color: #000000; line-height: 44px;position: absolute;top: 1px;left: 50%;transform: translateX(-50%);}

.regprt .enro{border-bottom: 1px solid #ee0000;}
/*错误提示*/
.agr{margin-top:74px;}
.nav_down{background:#f5f5f5;position: absolute;left: 0;top: 58px;z-index: 10;}
.nav_downs{width:605px;padding: 0 10px;box-sizing: border-box;display: none;}
.auth{width: 184px; float: left; margin: 0 5px;}
.auth a{display: block;width: 100%;padding: 0 15px 0 20px; transition: all .3s ease-in; line-height: 40px; font-size: 13px;color:  #000000; box-sizing: border-box;}
.counse{width: 184px;float: left;margin: 0 5px;}
.counse a{display: block;transition: all .3s ease-in; line-height: 40px; width: 100%;font-size: 13px;color:  #000000; padding: 0 15px 0 20px;box-sizing: border-box;}
.school{width: 184px;float: left;margin: 0 5px;}
.school a{display: block;transition: all .3s ease-in; line-height: 40px; width: 100%;font-size: 13px;color:  #000000; padding: 0 15px 0 20px;box-sizing: border-box;}
.down_tit{padding: 0 15px 0 20px;line-height: 40px; font-size: 13px; border-bottom: 1px solid #c2c2c2;transition: all .3s ease-in;}
.down_tit img{vertical-align: middle;}
.down_tit span{vertical-align: middle;margin-left: 2px;color: #12baff;}
.auth:hover .down_tit{border-bottom: 1px solid #1889FF;}
.autharea:hover .down_tit{border-bottom: 1px solid #1889FF;}
.counse:hover .down_tit{border-bottom: 1px solid #1889FF;}
.school:hover .down_tit{border-bottom: 1px solid #1889FF;}
.navjob{width: 204px;padding: 0;box-sizing: border-box;font-size: 13px;display: none;}
.navjob a{padding: 0 24px;box-sizing: border-box;}
.nav_down a{display: block;width: 100%;transition: all .3s ease-in; height: 40px;line-height: 40px;color: #000000;}
.nav_list>li .nav_down a:hover{color: #FFFFFF;background: #1789FC;}

.nav_about{width: 146px;padding: 0;box-sizing: border-box;font-size: 13px;display: none;}
.nav_about a{padding: 0 24px;box-sizing: border-box;}
.imgpic{width: 75px;height: 75px;border-radius: 50%;position: absolute;left: 0;top:-45px;}
.imgpic img{width: 100%;height: 100%;}
.regprts{margin-top: 70px;}

.regprts input{text-align: right;}
.succ{text-align: center;position: absolute;left: 50%;top: 50%;transform: translateY(-50%);margin-left: -21%;}
.succ h1{font-size: 36px;font-weight: 300;}
.succ p{font-size: 18px;color: #4e4e4e;margin-top: 10px;}
.succ .enroll{margin:39px auto 0;float: none;}
.rem{position: relative;width: 75px;float: left;}
.rem input{width: 74px;height: 18px;position: absolute;left: 0;top: 0;z-index: 100;opacity: 0;}
.rem .rems{display: inline-block; width: 16px;height: 16px;box-sizing: border-box; border: 1px solid #b5b5b5;vertical-align: middle;}
.rem span{color: #b5b5b5;font-size: 16px;vertical-align: middle;}
.rem .checks{background-image: url(../images/check2.png);background-size: 100%;background-position: 0;background-repeat: no-repeat;}
.forg{float: right;width: 80px;text-align: right;font-size: 16px;color: #8b8b8b;}
.forg a{color: #8b8b8b;transition: all .3s ease-in;}
.forg a:hover{color:#12BAFF;}
.reglog{margin-top: 20px;}
.wechat{text-align: right;margin-top: 40px;}
.wechat span{vertical-align: middle;font-size: 14px;color: #9a9a9a;}
.wechat img{vertical-align: middle;}
/*登录页*/
.accountbox{width: 100%;background: #F2F2F2;padding-top: 34px;padding-bottom: 100px; box-sizing: border-box;}
.account{width: 1200px;margin: auto;}
.picture{width: 45px;cursor: pointer; height: 45px;border-radius: 50%;overflow: hidden;margin: 6px auto;}
.picture img{width: 100%;}
.regdown{width: 100%;text-align: left; position: absolute;left: 0;display: none; top:60px;line-height: 38px;background: #FFFFFF;box-shadow: 0 0 9px 5px #F5F5F5;z-index: 100;}
.regdown p{padding: 0 10px;box-sizing: border-box;transition: all .3s ease-in;}
.regdown p:hover{background: #FAFAFA;}
.regdown a{vertical-align: middle;}
.regdown img{vertical-align: middle;width: 20px;margin-right: 10px;}
.sign{width: 100%;background: #FFFFFF;padding:0 68px 32px;box-sizing: border-box;}
.clpic {padding: 32px 36px 28px 16px;border-bottom: 1px solid #e2e2e2; box-sizing: border-box;position: relative;}
.fipic {width: 100px;height: 100%;border-radius: 50%;overflow: hidden;float: left;position: relative;left: -22px;z-index: 10;}
.fipic img{width: 100%;height: 100%;}
.fitext{height: 100px;width: calc(100% - 100px);float: left;}
.fitext .cen{height: 100px; vertical-align: bottom;border-bottom: 1px solid #292929; text-align: center; ;text-align: left;display: table-cell;}
.clpic .fil{width: 176px;height: 100px;position: absolute;left:-5px;top:32px;opacity: 0;z-index: 100;}
.cl_name{display: block;float: left;width: 98px;font-weight: 900;font-size: 15px;color: #000000;line-height: 38px;}
.signa{ width: 400px;float: left;font-size: 18px;height: 38px; color: #000000;line-height: 38px;font-weight: 200;}
.cl_btn{width: 128px;height: 40px;float: right;cursor: pointer;text-align: center; line-height: 40px;font-weight: 200; background: #e7e7e7;border-radius: 5px; font-size: 14px;color: #000000;}
.aler{float: left;font-size: 18px;color: #000000;line-height: 38px;}
.weiname{font-size: 18px;color: #006fec;float: left;line-height: 38px;}
.signate{padding-left: 23px;box-sizing: border-box;margin-left: 30px;border-left: 1px solid #ff8e54;}
.cenname{font-size: 24px;font-weight: 900;}
.signs{ width: 100%;background: #FFFFFF;padding: 0 68px 100px;box-sizing: border-box;margin-top: 39px;}
.clpics{ padding: 32px 36px 0 16px;box-sizing: border-box;position: relative;}
.keepbox{float: right;width: 170px;display: none;text-align: right;}
.keepbox span{display: inline-block;cursor: pointer;margin-left:5px; padding: 0 10px; height: 30px; text-align:center;line-height: 30px;border-radius: 5px;border: 1px solid #7a7979;}
.sens{display:none; width: 100%;float: left;margin-top: 20px;}
.sens input{width: 140px;height: 40px;border: 1px solid #e2e2e2;text-align: center;}
.sens span{display: inline-block;  width: 128px; height: 40px;float: right;cursor: pointer; text-align: center;line-height: 40px; font-weight: 200; background: #e7e7e7;border-radius: 5px;font-size: 14px; color: #000000;}


.keepbox .cancel{color: #7a7979;}
.keepbox .keep{color: #006fec;border: 1px solid #006fec;}

/*个人设置页*/
.home_title{width: 100%;font-size: 33px;color: #333333;border-bottom: 1px solid #b5b5b5; padding: 0 24px;box-sizing: border-box;margin-bottom: 35px;}
.home_title span{box-sizing: border-box;padding:  0 27px 23px;margin-right: 20px;display: inline-block;cursor: pointer;}
.home_title .active{border-bottom: 6px solid #ff8e54;color: #ff8e54;}
.texts{width: 100%;background: #f7f7f7; padding: 40px 0 34px 30px;box-sizing: border-box;margin-bottom: 25px;}
.text_tit{font-size: 24px;color: #000000;margin-bottom: 30px;}
.text_a a{ display:inline-block;margin-right: 30px; width: 168px;height: 46px; text-align: center; line-height: 46px;transition: all .3s ease-in;border-radius: 5px;background: #12BAFF; color: #FFFFFF;font-size: 18px;}
.text_a a:hover{color: #FFFFFF;background: #00ccff;}
.textbox{display: none;}
.textbox.active{display:block;}
/*我的测试*/
table{width: 100%;text-align: left;margin-bottom: 30px;}
tr{width: 100%;}
.text_name{width: 30%;}
.util{height: 30px;}
.text_top td{padding-bottom: 32px;box-sizing: border-box;}
.text_ser td{line-height: 108px;}
.text_ser{background: #f7f7f7;}
.text_order td{line-height: 56px;background:#eeeeee;}
.text_order{background:#eeeeee;}
.text_time{text-align: right;padding-right: 52px;box-sizing: border-box;}
td{padding-left: 28px;box-sizing: border-box;}
.text_ser td:nth-child(2){color: #ff0000;}
.text_ser td:nth-child(4){color: #ff0000;}
.text_ser td:nth-child(1){width: 303px;}
.clpics .cen{border: none;}
/*测评结果1*/
.bound{width:333px;float: left;}
.clpic img{vertical-align: middle;}
.boun{display: none;}
.bound_btn{float: right;color: #7a7979;}
.clpic a {font-size: 18px;color: #000000;}
a {color: #000;}
.bannerBox {width: 100%; height: auto; background: #00ccff;}
.bannerW {width: 1200px; height: auto; margin: 0 auto;}
.bannerW img {width: 100%;display: block;}
.mainBox {width: 100%; height: auto; padding-bottom: 85px; background: #f2f2f2;}
.mainTit {width: 100%; height: auto; background: #fff;}
.mainTitW {width: 1200px; height: auto; margin: 0 auto;}
.mainTitW p {padding-left: 35px; line-height: 58px; background: url(../images/main_t_icon.png) no-repeat left center;}
.mainTitW p a:hover {color: #00ccff; text-decoration: underline;}
.mainWrap {width: 1200px; height: auto; margin: 0 auto; margin-top: 50px; background: #fff;}
.mainInner {width: 920px; padding: 50px 0 70px 0; margin: 0 auto;font-weight: 300;}
.mainInner h2 {font-size: 18px; line-height: 32px;font-weight: 300;}
.mainInner h3 {font-size: 24px; line-height: 38px;font-weight: 300;}
.mainInner p {margin-top: 8px; line-height: 25px;}
.test1 {width: 100%; height: auto; padding-bottom: 25px; margin-top: 30px; text-align: center; background: #e8fdff; border: 3px solid #e05f00; border-radius: 4px;}
.test1 h4 {font-size: 30px; line-height: 88px;font-weight: 300;}
.mainBottom {width: 1200px; height: 86px; margin: 25px auto 0; font-size: 18px; line-height: 86px; /*text-align: center;*/ background: #fff;}
.mainBottom>a {display: inline-block; width: 75px; height: 34px; margin-left: 295px; /*margin-top: 26px;*/ line-height: 34px; text-align: center; color: #fff; background: #12baff; border-radius: 5px;}
.mainBottom>a:hover {background: #05a2e2;}
.mainBottom p {display: inline-block; margin-left: 10px; /*margin-top: 26px; line-height: 34px;*/}
.mainBottom p a {color: #0064da;}

/*测评结果1_2*/
.testResultBox {width: 1200px; height: auto; margin: 25px auto 0; padding: 25px 0 65px 0; background: #fff;}
.testResultW {width: 580px; height: auto; margin: 0 auto; color: #000000 !important;}
.testResultW h2 {padding-left: 25px; font-size: 24px; line-height: 56px;font-weight: 300;}
.testResultW ul {border-top: 1px solid #ababab;}
.testResultW ul li {width: 100%; height: 60px; border-bottom: 1px solid #e0e0e0;}
.testResultW ul li div {display: block; padding-top: 12px; line-height: 48px;}
/*.testResultW ul li div:hover {color: #12BAFF; background: #fafafa;}*/
.testResultW ul li div:after {display: block; clear: both; content: ""; overflow: hidden;}
.testResultW ul li p {float: left; margin-left: 25px;}
.testResultW ul li span {float: right; margin-right: 35px;}
.testImport {display: block; width: 220px; height: 48px; margin: 50px auto 0; font-size: 16px; line-height: 48px; text-align: center; color: #fff !important; background: #ff8e54; border-radius: 4px;}
.testImport:hover {background: #f17d42;}

/*测评结果2*/
.test2 {width: 930px; height: auto; margin: 0 auto; padding-bottom: 70px;}
.test2 h2 {font-size: 24px; line-height: 108px;font-weight: 300;}
.test2 h3 {font-size: 30px; line-height: 94px;font-weight: 300;}
.test2Img1 {padding: 0 0 35px 0; margin-top: 48px; border: 1px solid #ececec; border-radius: 4px; text-align: center;}
.test2Img1:first-child {margin-top: 0;}

/*测评结果3*/
.text_title{font-size: 48px;color: #000000;width: 1200px;margin:40px auto;}
.wrap_title{font-size: 24px;color: #000000;background: #f2f2f2;line-height: 75px;padding-left: 36px;margin-bottom: 30px; box-sizing: border-box;}
.in_tit{font-size: 14px;color: #292929;padding-left: 36px;box-sizing: border-box;}
.main_job{font-size: 18px;color: #000000;padding-left: 36px;box-sizing: border-box;line-height: 37px;}
.main_job span{margin-top: 20px;display: inline-block;}
.test5{text-align: center;}
.plain{font-size: 18px;color: #292929;font-weight: 900;padding-left: 40px;box-sizing: border-box;}
.mainWrap table{width: 898px;margin: auto;margin-top: 24px;height: 53px;}
.mainWrap td{line-height: 53px;border-top: 1px dashed #c2c2c2;border-left: 1px dashed #c2c2c2;font-size: 18px;color: #000000;}
.mainWrap td:first-child{width: 215px;box-sizing: border-box;background: #f7f7f7;}
.mainWrap td:nth-child(2){width: 351px;box-sizing: border-box;line-height: 34px;border-top: 1px solid #c2c2c2;}
.mainWrap td:nth-child(3){box-sizing: border-box;background: #f7f7f7;border-right: 1px dashed #c2c2c2;}
.mainWrap tr:last-child td{border-bottom: 1px dashed #C2C2C2;}
.mainWrap tr:last-child td:nth-child(2){border-bottom: 1px solid #C2C2C2;}
.mainWrap tr:first-child td{font-size: 16px;color: #8f8f8f;font-weight: 200;}
.mainWrap tr:nth-child(2) td{vertical-align: top;line-height: 34px;padding: 10px 28px;box-sizing: border-box;}
.anchor{width: 800px;margin:30px auto;}
.anchor ul{border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;}
.anchor li{padding: 20px 32px;box-sizing: border-box;border-bottom:1px solid #d7d7d7}
.anch_tit{width: 131px;float: left; font-weight: 900;font-size: 18px;}

.anch_cont{width: 534px;float: right;font-size: 14px;}
.anchor li:first-child{background: #00adc7;}
.anchor li:first-child .anch_tit{font-size: 14px;color: #FFFFFF;}
.anchor li:first-child .anch_cont{font-size: 14px;color: #FFFFFF;}
.tests{padding-top: 48px;box-sizing: border-box;}
.tests .wrap_title{margin-bottom: 0;}
.text_cont{font-size: 16px;color: #292929;width: 864px;margin:54px auto 0;line-height: 32px;}
.mainWraps{    width: 1200px; height: auto;margin: 0 auto;margin-top: 50px;background: #fff;padding-top: 45px;box-sizing: border-box;}
.text_conts{font-size: 14px;color: #000000;width: 815px;text-align: justify;padding-left: 38px;box-sizing: border-box;}

/*职业性格测试报告_5_2*/
.mainBoxW5 {width: 1200px; margin: 0 auto;}
.test5Tit {padding-left: 18px; font-size: 48px; line-height: 172px;}
.test5Inner {padding: 30px 0 45px 0; background: #fff;}
.mainBoxW5 .mainWrap {margin-top: 30px;}
.test5Head {padding-left: 35px; line-height: 72px; font-size: 24px; background: #f2f2f2;}
.test5 {padding-top: 48px;}
.test5 .test2Img1 {margin-top: 45px;}
h3.test5Head1 {font-size: 24px; line-height: 110px;}
.testPepl {padding: 45px 0 35px 0; margin-top: 30px; background: #fff;}
.testPepl .test2 {padding-bottom: 0;}
.testPeplInner {margin-top: 25px;}
.testPeplL {float: left; width: 160px; height: 160px; margin-left: 30px; margin-top: 5px; border: 1px solid #c8c8c8; border-radius: 50%; overflow: hidden;}
.testPeplL img {width: 100%;}
.testPeplR {float: right; width: 705px; }
.testPeplR p {line-height: 25px; margin-top: 18px;}
.testPeplR p:first-child {margin-top: 0;}
.testJbms {padding: 45px 0 55px 0;}
.testTxt {padding-left: 35px; margin-top: 20px;}
.testTxt p {line-height: 25px;}
.testTxt ul {margin: 5px 0 15px 0;}
.testTxt ul li {float: left; width: 226px; height: auto; margin-left: 106px;}
.testTxt ul li:first-child {margin-left: 0;}
.testTxt1 p {margin-top: 20px;}
.testTxt1 p:first-child {margin-top: 0;}
img{border: none;}


@media only screen and (max-width:1280px ) {
.account{width: 1100px;}
.remain{width: 1100px;}	
.main_right{width: 415px;}
.margin_left{width: calc(100% - 415px);}
.regbox{padding: 40px 112px 70px 60px;}
.text_title{width: 1100px;}
.testResultBox{width: 1100px;}
.mainWrap{width: 1100px;}
.mainBottom{width: 1100px;}
.mainBoxW5{width: 1100px;}
.mainWraps{width: 1100px;}
}
.htmleaf-container{position: fixed;left: 0;top: 0;z-index: 200;width: 100%;height: 100%;background: #FFFFFF;display: none;}
.fitext .cen{cursor: pointer;}
.fipic{cursor: pointer;width: 100px;height: 100px;}

@charset "utf-8";
.containers {
	width: 400px;
	margin: 40px auto 0 auto;
	position: relative;
	font-family: 微软雅黑;
	font-size: 12px;
}
.containers p {
	line-height: 12px;
	line-height: 0px;
	height: 0px;
	margin: 10px;
	color: #bbb
}
.action {
	width: 400px;
	height: 30px;
	margin: 10px 0;
}
.cropped {
	position: absolute;
	right: -230px;
	top: 0;
	width: 200px;
	border: 1px #ddd solid;
	height: 460px;
	padding: 4px;
	box-shadow: 0px 0px 12px #ddd;
	text-align: center;
}
.imageBox {
	position: relative;
	height: 400px;
	width: 400px;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: 4px 4px 12px #B0B0B0; 
}
.imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 400px;
	background: rgba(0,0,0,0.7);
}
.Btnsty_peyton{ float: right;
   width: 66px;
  display: inline-block;
  margin-bottom: 10px;
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #FFFFFF;
  margin:0px 2px;
  background-color: #12BAFF;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 0px #fff solid;}
/*选择文件上传*/
#upload-file{ background-color: #12BAFF !important;}
.new-contentarea {
	width: 165px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;float:left;
}
.new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.new-contentarea input[type=file] {
	width:188px;
	height:60px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2;
}
a.upload-img{
	width:165px;
	display: inline-block;
	margin-bottom: 10px;
	height:57px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #12BAFF;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	border: 0px #fff solid;
	box-shadow: 0px 0px 5px #B0B0B0;
}
a.upload-img:hover{
	background-color: #ec7e70;
}

.tc{text-align:center;}