*{padding:0;margin:0;}
html{font-size:62.5%;}
body{font-size:14px;font-size:1.4rem;font-family:"微软雅黑";color:#333;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;cursor: pointer;}
img{border: 0;/*max-width: 100%; */}
input, select, button, textarea {font: 1.4rem/1.5 "微软雅黑" "黑体"; color: #666;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;outline:none;}
h1, h2, h3, h4, h5, h6, b {font-weight: normal;}
i, em {font-style: normal; }

.clear{clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pa{position: absolute;}
.pr{position: relative;}
.fixed{position: fixed;}
.content{ margin:0 auto;width:73.34%;box-sizing: border-box;}
@media (max-width:1440px){
.content{width:80%;box-sizing: border-box;}
}
@media (max-width:1366px){
.content{width:80%;box-sizing: border-box;}
}
#login {  margin-top:100px;}
#login #main,#user-index #main { float:none !important; margin-bottom: 20px; padding-bottom:0px !important;  width:950px; background-color: #fff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #efefef; border-right-color: #ddd; border-bottom-color: #ccc; border-left-color: #e3e3e3; box-shadow: 3px 3px 0px #eee; font-size:14px;}
#login #foot {  }
#login #main .login-l,#login #main .login-r { padding:15px; margin-top:30px;  }
#login #main .login-l { float: left; width: 500px; border-right: 1px dotted #ccc; padding-bottom: 40px; }
#login #main .login-r { float: right; width: 380px; height: 300px; padding-top: 45px; }
#login #main .login-r .title { font-size:16px; text-align:center; line-height:35px; }
#login #main .login-r .button { background-color: #f90;  }
#login #main .login-r .button:hover { color: #fff; background-color: #fc0 }
#main { float: left; padding: 15px; width: 768px; padding-bottom: 80px; }
#main #header { height: 40px; line-height: 30px; border-bottom: 1px solid #eee; }
#main #header .title { float: left; font-size: 18px; font-weight: bold }
#main #header .title h1 { float: left; font-weight: bold }
#main #header .title .small { float: left; font-size: 12px; font-weight: normal; padding-left: 10px; line-height: 22px; padding-top: 7px; color: #999 }
#main #header .return { float: right }
#main #header .return a { color: #999; }
#main .box { padding-top: 10px; }
#main .box ul { }
#main .box ul li { float: left; width: 50%; line-height: 30px;  }
#main .box-title { margin-top: 20px; }
#main .box-title h2 { line-height: 45px; color: #06c; font-size: 14px; padding: 0px; border-bottom: 1px solid #eee; font-weight: bold }
#main .content { font-size:14px; line-height:30px; padding:20px; padding-bottom:50px !important;}
#main .content h1 { text-align:center; font-size:18px; font-weight:bold; padding:20px;}

header{width:100%;height:70px;background:#fff;position: fixed;top:0px;left: 0;z-index: 999;}
header .logo{padding-top: 10px;}
header .logo img{height:44px;display: block;}
header.register_header{height:70px;background:#fff;}
header.register_header .logo{padding-top: 10px;}
header.register_header .logo img{height:44px;display: block;}
header .register_header_con{padding-top:10px;font-size:20px;line-height:1em;color: #000;}
header.register_header .register_header_con{padding-top:25px;}

.register{height:810px;padding-top: 120px; background: url(/uploads/image/eupimages/login_contenr_bg.jpg) no-repeat center;}
.register_con{width:440px;padding-bottom: 65px; background: #fff;margin: 0 auto;}
.register_con h3{font-size:24px;text-align: center;color: #212121;line-height: 1em;padding-top: 30px;}
.register_con h5{display: block;margin:20px auto; width: 369px;height: 32px;background: url(/uploads/image/eupimages/login_ico1.png) no-repeat;}
.register_con form{width: 340px;margin: 0 auto;}
.register_con form p{width:100%;margin-bottom: 14px;}
.register_con form p img.register_con_img{width:45px;height: 48px;display: block; float: left;}
.register_con form p input[type="text"]{border: 1px solid #dedede;height:46px;text-indent: 15px;}
.register_con form p input[type="password"]{border: 1px solid #dedede;height:46px;text-indent: 15px;}
.register_con form p input[type="password"]{float: right;width:293px;}
.register_con form p input[type="text"].register_con_text1{float: right;width:293px;}
.register_con form p input[type="text"].register_con_text2{float: left;width:215px;}
.register_con form p input[type="text"]::-webkit-input-placeholder {color:#8c8c8c;font-size: 14px;}
.register_con form p input[type="text"]:-moz-placeholder {color:#8c8c8c;font-size: 14px;}
.register_con form p input[type="text"]::-moz-placeholder {color:#8c8c8c;font-size: 14px;}
.register_con form p input[type="text"]:-ms-input-placeholder {color:#8c8c8c;font-size: 14px;}
.register_con form p img.register_yzm_img1{width:110px;height: 46px;display: block; float: right;}
.register_con form input[type="submit"]{width:160px;height: 52px;border:0;font-size: 18px;vertical-align: middle;margin-top:20px;background:#78b142;color: #fff;cursor: pointer;}
.register_con form input[type="reset"]{width:160px;height: 52px;border:0;font-size: 18px;vertical-align: middle;margin-top:20px;background:#cbcbcb;color: #3c3c3c;float: right;}
.register_content{margin-top: 44px;font-size:14px;text-align: center;color: #959595;line-height:1em;}
.login_content{margin:20px 0px;font-size:14px;text-align: center;color: #959595;line-height:1em;}
.register_content a,.login_content a{color: #000000;}

.register_foot{height:144px;line-height: 144px;color: #414141;}
.register_foot a{color: #414141;}
.register_foot span{display: inline-block;margin:0 5px;}
@media (max-width:1620px){
.register_foot p{width:100%; text-align: center;line-height: 72px;}
}

.reg { padding-bottom:30px !important;}
.reg .text { width:230px !important;}
.reg .content h1 img{ margin-right:20px;}
#reg_head { padding-top:40px; padding-bottom:10px;font-weight:bold; border-bottom:1px solid #eee; margin-left:20px; margin-right:20px;}
#reg_head ul {}
#reg_head ul li { float:left; padding-right:100px;}
#reg_head ul li .num { padding:1px 7px; text-align:center; background-color:#989898; color:#fff; }
#reg_head ul li .title { font-size:16px; line-height:18px;}
#reg_head .current {}
#reg_head .current .num { background-color:#fe6d1e; }
#reg_head .current .title { color:#fe6d1e; }
/*首页banner部分*/


.menu{width: 100%; border-top: 1px solid #d2d2d2;background: #fff;/*position: fixed;top:113px;left: 0;z-index: 999999;*/}
.menu_ul ul.ul0 li.li1{float: left;margin-right:10px;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.menu_ul ul.ul0 li.li1:last-child{margin-right: 0;}
.menu_ul ul.ul0 li.li1 a.menu_a{display: block;font-size:16px;color:#000000;padding:0 5px; line-height: 55px;height:55px;position: relative;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.menu_ul ul.ul0 li.li1 a.menu_a span{display: block;width:0;height: 2px;position: absolute;bottom: 0;left: 0;background:#0d60d0;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.menu_ul ul.ul0 li.li1:hover a.menu_a{color: #0d60d0;}
.menu_ul ul.ul0 li.li1:hover a.menu_a span{width: 100%;}
.menu_hover{width:100%;height: 730px;position: absolute;top:55px;left: 0;z-index: 99;display: none;}
.menu_hover ul.ul1{width: 18%; height: 730px;background:url(/uploads/image/eupimages/menu_bg001.png) no-repeat center top;}
.menu_hover ul.ul1 li.li2:nth-child(1){padding-top: 25px;}
.menu_hover ul.ul1 li.li2{height: 45px;}
.menu_hover ul.ul1 li.li2 a.menu_a1{display: block;width: 100%; height:45px;line-height: 45px;color: #fff; text-indent: 20%;position: relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.menu_hover ul.ul1 li.li2 a.menu_a1 em{display: block;width: 5px;height: 8px;background: url(/uploads/image/eupimages/ico4.png) no-repeat;position: absolute;top:18px;right: 20%;}
.menu_hover ul.ul1 li.li2:hover a.menu_a1{background: #027bd6;}
.menu_hover1{width: 82%;height: 730px;background: #fff;background: url(/uploads/image/eupimages/bg1.png) no-repeat right top; position: absolute;top: 0;right: 0;display: none;}
.menu_hover ul.ul1 li.li2:hover .menu_hover1{display: block;}
.menu_hover1_list{margin:25px 0 0 1%;width: 22%;height: 685px;background: url(/uploads/image/eupimages/ico5.png) no-repeat right top;}
.menu_hover1_con{width:72%; margin: 50px 2% 0 0;}
.menu_hover1_list ul.ul2 li{height: 45px;}
.menu_hover1_list ul.ul2 li a.menu_a2{line-height:45px;color: #b9b9b9;display: block;width: calc(100% - 40px);height: 45px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.menu_hover1_list ul.ul2 li:hover a.menu_a2,.menu_hover1_list ul.ul2 li.on a.menu_a2{color: #0d60d0;}
.menu_hover1_con_title{height: 43px;background: url(/uploads/image/eupimages/ico6.png) no-repeat left top;margin-bottom: 40px;}
.menu_hover1_con_title h4{color: #0266d6;font-size: 24px;line-height: 1em;font-weight: bold;padding-top: 18px;margin-left: 55px;}
.menu_hover1_con_img{width: 51%;}
.menu_hover1_con_img img{width: 100%;display: block;}
.menu_hover1_con_text{width:46%;padding-top: 15px;}
.menu_hover1_con_text h4{color: #0d60d0;font-size: 16px;line-height:36px;}
.menu_hover1_con_text h4 img{height: 13px;vertical-align: middle;margin-right: 8px;}
.menu_hover1_content{color: #727272;line-height: 2em;margin-top: 60px;height: 6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.menu_hover1_ico{margin-top: 60px;}
.menu_hover1_ico ul li{width: 25%;float: left;text-align: center;}
.menu_hover1_ico ul li i{display: inline-block;width: 85px;height: 85px;background-repeat: no-repeat;background-position: top;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.menu_hover1_ico ul li:hover i{background-position: bottom;}
.menu_hover1_ico ul li p{color: #1a1a1a;font-size: 16px;line-height: 1em;margin-top: 20px;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.menu_hover1_ico ul li:hover p{color: #0d60d0;}
.menu_right{height: 50px;}
.menu_search{width:150px;height: 28px;border: 1px solid #70abdc;margin:10px 0;position: relative;}
.menu_search form input[type="text"]{width:120px;height:28px;border: 0;text-indent: 10px;font-size: 12px;}
.menu_search form input[type="image"]{width:18px;height:15px;display: block;position: absolute;top:6px;right:5px;}
.xian{color:#b5b5b5;height:50px;margin:0px 10px;line-height: 50px;font-size: 18px;}
.menu_login{height:30px;margin-top: 10px;font-size:0;line-height: 30px;}
.menu_login img{width:12px;height: 15px;vertical-align:calc(-3px);}
.menu_login a{display: inline-block;font-size:14px;margin-left: 10px;height: 30px;color: #515151;}
.menu_link{height:30px;margin-top: 10px;font-size:0;line-height: 30px;}
.menu_link a{display: inline-block;margin-right: 10px;}
.menu_link a img{height: 25px;}
.menu_link a:last-child{margin-right: 0;}
.menu_lang{width: 55px;margin-top: 10px;height: 40px;}
.menu_lang_ico{width: 55px;height: 30px;line-height: 30px;}
.menu_lang_ico img{height: 28px;vertical-align: middle;}
.menu_lang_ico span{display: block;width: 6px;height: 4px;position: absolute;top:13px;right:0; background: url(/uploads/image/eupimages/ico3.png) no-repeat top;}
.menu_lang_con{width:80px;position: absolute;top: 40px;right:0;background:#fff;z-index: 999;display: none;}
.menu_lang_con a{display: block;width: 100%;line-height: 30px;color: #515151;text-align: center;}
.menu_lang_con a:hover{color:#70abdc;}

#wrapper {position:relative;width:100%;}
#main {width:73.34%;position: relative;overflow: visible;margin: -10px auto 75px;box-sizing: border-box;}
@media (max-width:1440px){
#main{width:80%;box-sizing: border-box;}
}
@media (max-width:1366px){
#main{width:1200px;box-sizing: border-box;}
}
.section {min-height: 500px;}
.pagescroll{position: fixed;top:50%;left: 20px;z-index: 9999;margin-top: -96px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/*display: none;*/}
.return_top{position: fixed;top:50%;left: 20px;width: 48px;text-align: center; height: 48px;background: #027bd6; z-index: 9999;margin-top: 48px;overflow: hidden;/*display: none;*/}
.return_top a{display: block; color: #fff;width: 48px; height: 48px;font-size:14px;line-height:18px;}
.return_top a img{display: block;margin: 7px auto 4px;}
.pagescroll.right {margin-left: 500px;}
.scrollnav a{display: block;color: #fff;font-size:14px;line-height:18px; padding:6px 10px;background: #085e9e;}
.scrollnav a:hover {background: #027bd6;color: #fff;}
.scrollnav.active a {background: #027bd6;color: #fff;}

.section_1,.section_2{background: #fff;}
.section_title{width: 100%;height: 145px;background: url(/uploads/image/eupimages/ico8.png) no-repeat;background-size: 100% 145px;}
.section_title_tm{width: 14.28%;text-align: center;font-size: 24px;line-height:1em;}
.section_title_tm h3{color: #bbd5f9;padding-top: 40px;font-weight: bold;}
.section_title_tm h4{color: #0d60d0;margin-top: 15px;font-weight: bold;}
.section_title_con{width: 85.72%;}
.section_title_con ul li{width:14.28%;float: left;text-align: center;position: relative;}
.section_title_con ul li span{display: block;width: 1px;height: 77px;background: #cfcfcf;position: absolute;top: 34px;right: 0;}
.section_title_con ul li:last-child span{display: none;}
.section_title_con ul li i{display: block;width: 60px;height: 60px;margin: 25px auto 15px;background-position: left top;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.section_title_con ul li p{color: #272727;font-size: 16px;line-height:1em;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.section_title_con ul li:hover i,.section_title_con ul li.on i{background-position: right bottom;}
.section_title_con ul li:hover p,.section_title_con ul li.on p{color: #76b040;font-weight: bold;}
.index_dian{margin: 40px 28px 0;padding-bottom: 1px;}
.index_dian_con{display: none;}
.index_dian_con ul li{width:30.66%;float: left;margin: 0px 4% 40px 0;position: relative;-webkit-box-shadow:0 0px 0px rgba(2,123,214,0.3);box-shadow:0 0px 0px rgba(2,123,214,0.3);
-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.index_dian_con ul li:nth-child(3n){margin-right: 0;}
.index_dian_con ul li:hover{-webkit-box-shadow:0 10px 20px rgba(2,123,214,0.3);box-shadow:0 10px 20px rgba(2,123,214,0.3);}
.index_dian_img{width: 100%;overflow: hidden;}
.index_dian_img img{width: 100%;display: block;}
.index_dian_con ul li h4{width: 100%;font-size: 22px;line-height:1em;color: #fff;text-align: center;font-weight: bold; position: absolute;top:16%;left: 0;}
.section_2{margin-top: 55px !important;}
.index_cice_con{display: none;}
.index_cice_con img{width: 100%;display: block;}
.section_3{padding-top: 45px;}
.index_news{width: 48%;}
.index_title{height: 26px;}
.index_title h4{color: #3c3c3c;font-size: 24px;line-height: 1em;font-weight: bold;}
.index_title h4 img{height: 24px;vertical-align:calc(-2px);margin-right: 5px;}
.index_title h5{display:block;width:calc(100% - 160px);height: 10px;background: url(/uploads/image/eupimages/ico9.png) no-repeat;position: absolute;top:8px;right: 24px;}
.index_title a{display:block;width: 24px;height: 24px;color: #fff;font-size: 14px;background: #0d60d0;text-align: center;line-height: 24px;position: absolute;top: 0;right: 0;}
.index_news_title{margin:50px 0 15px;position: relative;}
.index_news_img{width:38%;position: relative;}
.index_news_img img{width: 100%;display: block;}
.index_news_img em{display: block;width:42%;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #0d60d0; position: absolute;top:0;left: 0;display: none;}
.index_news_title:hover em{display: block;}
.index_news_con{width: 60%;}
.index_news_con h4{color: #3e3e3e;font-size: 16px;line-height: 1.5em;height: 3em;font-weight: bold;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.index_news_con p{color: #8a8a8a;font-size: 14px;line-height:2em;height: 6em;margin-top: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.index_news_con span{display: block;width:90px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #cecece;font-size: 12px;  position: absolute;bottom: 0;right: 0;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.index_news_title:hover h4{color: #0d60d0;}
.index_news_title:hover span{background: #da3b3b;}
.index_news_list{border-top: 1px solid #eeeeee;}
.index_news_list p{position: relative; line-height:48px;border-bottom: 1px solid #eeeeee;}
.index_news_list p a{display: block;width:75%;height:48px;color:#8b8b8b;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.index_news_list p a em{display: inline-block;width:6px;height:6px;background:#0d60d0;border-radius: 50%; vertical-align: middle;margin-right: 4px;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.index_news_list p span{display: block;color:#cacaca;font-size: 12px; line-height:34px;position: absolute;top: 0;right: 0;}
.index_news_list p a:hover{color: #0d60d0;}
.index_partner{margin-top: 50px;}
.index_partner_title h4{color: #3c3c3c;font-size: 18px;line-height: 24px;font-weight: bold;}
.index_partner_title h4 img{height: 20px;vertical-align:calc(-2px);margin-right: 5px;}
.index_partner_con{margin-top: 25px;}
.picscroll-left{position:relative;}
.picscroll-left .hd{position:relative;}
.picscroll-left .hd .prev,.picscroll-left .hd .next{ display:block;  width:21px; height:19px; float:right; margin-right:5px;  overflow:hidden; cursor:pointer;  position:absolute;top:-45px; z-index:10;}
.picscroll-left .hd .prev{ right:30px;background:url(/uploads/image/eupimages/left.png) no-repeat;}
.picscroll-left .hd .next{background:url(/uploads/image/eupimages/right.png) no-repeat; right:0px;}
.picscroll-left .bd{width:100%; margin:0px auto;overflow: hidden;}
.picscroll-left .bd ul{overflow:hidden; zoom:1;}
.picscroll-left .bd ul li{margin-right:25px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picscroll-left .bd ul li img{width:181px; height:98px;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;
	filter: grayscale(100%);//ie浏览器
  -webkit-filter: grayscale(100%);//谷歌浏览器
  -moz-filter: grayscale(100%);//火狐
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);
  -webkit-filter: grayscale(1);//谷歌浏览器}
.picscroll-left .bd ul li:hover img{width:181px; height:98px;filter: grayscale(0%);//ie浏览器
  -webkit-filter: grayscale(0%);//谷歌浏览器
  -moz-filter: grayscale(0%);//火狐
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter:progid:dximagetransform.microsoft.basicimage(grayscale=0);
  -webkit-filter: grayscale(0);//谷歌浏览器}

footer{height: 435px;padding-top: 64px; background: url(/uploads/image/eupimages/foot_bg.png) no-repeat top center;color: #fff;}
footer a{color: #fff;}
.foot_menu{width: 68%;height: 330px;}
.foot_menu ul li{width: 19.1%;height: 330px;float: left;position: relative;overflow: hidden;}
.foot_menu ul li:first-child{width: 23.6%;}
.foot_menu ul li h4{font-size:16px;line-height:24px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.foot_menu ul li a{display: block;width: 100%;text-align: center;font-size: 12px;line-height:30px;}
.foot_menu ul li span{display:block;width: 1px;height: 330px;background: rgba(255,255,255,0.21); position: absolute;right: 0px;top: 0;}
.foot_menu ul li:first-child h4{text-align:left;}
.foot_menu ul li:first-child a{text-align: left;}
.foot_menu ul li:first-child a.w50{width: 50%;float: left;}
.foot_contact{width: 25%;padding-top: 10px;height: 330px;}
.foot_contact_con{text-align: center;}
.foot_contact_con p{line-height: 42px;font-size:14px;}
.foot_contact_con p img{vertical-align: middle;margin-right: 8px;}
.foot_contact_con p b{font-size: 20px;}
.foot_ewm{margin-top: 18px;}
.foot_ewm ul li{width: 48%;float: left;margin-right: 4%;text-align: center;}
.foot_ewm ul li:nth-child(2){margin-right: 0;}
.foot_ewm ul li img{display: block;width: 100%;}
.foot_ewm ul li p{font-size: 12px;line-height: 1em;margin-top: 10px;}
.foot_right{width: 100%;height:60px;line-height: 60px;background: #262626;margin-top: 33px;font-size: 12px;}
.foot_right span{display: inline-block;margin: 0 5px;}





#central {
    background-color: #fff;
    margin-top: 20px;
    background-repeat: repeat-y;
    background-position: left top;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #efefef;
    border-right-color: #ddd;
    border-bottom-color: #ccc;
    border-left-color: #e3e3e3;
    box-shadow: 3px 3px 0px #eee;
}
.warp {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
#sidebar {
    float: left;
    width: 151px;
    padding: 15px;
    font-size: 12px;
}
#sidebar .title {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    margin-bottom: 5px;
}
#sidebar .list {
    padding-bottom: 10px;
}
#sidebar .list li {
    background-repeat: no-repeat;
    height: 35px;
    padding-left: 20px;
    background-position: left center;
}
#sidebar .list li a {
    color: #666;
    line-height: 35px;
    display: block;
}
#main {
    float: left;
    padding: 15px;
    width: 768px;
    padding-bottom: 80px;
}

#main #header {
    height: 40px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
}
#main .box {
    padding-top: 10px;
}
.user-box .user-pic img {
    width: 120px;
    height: 120px;
    padding: 2px;
    border: 1px solid #efefef;
    float: left;
}
.user-box .user-info {
    float: left;
    margin-left: 20px;
    width: 590px;
}
.red {
    color: #f00;
}