/* CSS Document */
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.bgf2{ background-color:#f2f2f2;}
.card_w{padding:12px 4%; border-bottom:10px solid #F2F2F2;}
.card_w .card_con{ position:relative; background-color:#f7fdff; padding-top:10px; width:100%;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-webkit-box-shadow:0px 1px 7px rgba(102, 102, 102, .4);-moz-box-shadow:0px 1px 7px rgba(102, 102, 102, .4); box-shadow:0px 1px 7px rgba(102, 102, 102, .4);}
.card_w .card_con .img_topic{ margin-left:10px;}
.card_w .card_con .con_topic{ margin-left:64px;min-height:42px;}
.card_w .card_con .con_topic h4{font-size:0.875em;font-weight:normal;}
.card_w .card_con .con_topic .expert{ color:#FF6600; position:relative;}
.card_w .card_con .con_topic .expert i{ position:absolute;left:85px;top:2px;width:16px;height:16px;display:inline-block;background:url(../imagesV2/icon4_32.png) no-repeat -128px 0; background-size:150px auto;}
.card_w .card_con .card_info{ background-color:#00aeeb; color:#b0def6;min-height:80px;padding:10px; margin-top:10px; position:relative;}
.card_w .card_con .card_info p{font-size:13px;line-height:16px;}
.card_w .card_con .card_info .cardbg{ display:block;width:85px;height:auto; position:absolute; right:0;bottom:0;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.card_w .card_con .card_info .cardbg img{width:100%;}
#expert_con{width:96%; left:2%;border-radius:2px;position:absolute;top:50px; z-index:100; background-color:#FFF; box-shadow:0px 1px 7px rgba(102, 102, 102, .4);}
#expert_con p{font-size:0.875em; margin:8px; color:#ff9567; line-height:140%;}
#expert_con .triangle{position:absolute;width:16px;height:7px;margin-top:-7px;left:145px;display:inline-block;background:url(../imagesV2/icon4_32.png) no-repeat 0px -25px; background-size:150px auto;}

.card_w .card_con .card_wenku,.card_w .card_con .card_code,.card_w .card_con .card_medio{ z-index:99; position:absolute;top:12px;width:20px;height:20px; display:inline-block;background:url(../imagesV2/icon4.png) no-repeat -60px -44px; background-size:150px auto;}
.card_w .card_con .card_wenku{ background-position:-100px -114px; right:40px;}
.card_w .card_con .card_code{background-position:-80px -44px;right:12px;}
.card_w .card_con .card_medio{background-position:-100px -44px;right:40px;}
.card_w .card_con .card_info .btn_fwhite{ position:absolute;right:12px;top:12px;font-size:0.75em;width:60px; display:block;text-align:center;line-height:180%;color:#FFF;border:1px solid #FFF;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.card_w .card_con .card_edit{ font-size:0.75em;z-index:99; position:absolute;top:35px;right:12px;display:inline-block;}

.card_w .card_con .card_info p .lock{ position:absolute;left:140px;top:8px;width:20px;height:20px; display:inline-block;background:url(../imagesV2/icon4.png) no-repeat -40px -44px; background-size:150px auto;}
.card_data{ padding:10px 0;}
.card_data li{float:left;width:33.3%; font-size:0.875em; line-height:20px; color:#00aeeb; text-align:center;background:url(../imagesV2/b_sel.png) no-repeat right center;}
.card_data li span{ font-size:0.75em;}
.card_data li:last-child{ background-image:none;} 


#tab1{padding:0; margin:0;height:36px;}
#tab1 li{float:left;width:33.3%;border-bottom:1px solid #f2f2f2; text-align:center; font-size:0.937em; line-height:36px;}
#tab1 li.now{border-bottom:3px solid #00aeeb;margin-bottom:-1px; color:#00aeeb;line-height:34px;}
.tablist{display:none;overflow:hidden;}
.block{display:block;}

#tablist1{ margin:12px 4%;}

.title01{font-size:0.937em;color:#333333; line-height:200%;}
.card_con{font-size:0.937em;margin:12px 0; color:#666;}
.ul_list01 li{font-size:0.937em;color:#999999; border-bottom:1px solid #f2f2f2; padding-bottom:12px ; margin-bottom:12px;}
.ul_list01 li a.tit{color:#666;}
.ul_list01 li .btn_fblue{color:#00aeeb; margin-left:10px;}
.ul_list01 li .btn_fblack{color:#666;margin-left:10px;}

.code_w{width:80%; margin:20px auto; padding:12px;-webkit-box-shadow:0px 1px 3px rgba(35, 24, 21, .3);-moz-box-shadow:0px 1px 3px rgba(35, 24, 21, .3); box-shadow:0px 1px 3px rgba(35, 24, 21, .3);}
.code_w .code_2 img{width:90%; margin:20px;}

/*private letter*/
.letter_img_l{width:42px; margin-right:10px;}
.letter_img_r{width:42px; margin-left:10px;}
.letter_con{}
.letter_time{ margin:12px; text-align:center; font-size:0.75em; color:#999;}
.letter_con h3{font-size:0.8125em;color:#999;}
.letter_msg{position:relative;padding:12px; color:#000000; border:1px solid #ccc; border-radius:5px; background-color:#FFF;margin-top:5px;}
.letter_msg .triangle_l{position:absolute;top:10px;left:0px; margin-left:-6px;display:inline-block;width:6px;height:13px;background:url(../imagesV2/icon4.png) no-repeat -140px -44px; background-size:150px auto;}
.letter_msg .triangle_r{position:absolute;top:10px;right:0px; margin-right:-6px;display:inline-block;width:6px;height:13px;background:url(../imagesV2/icon4.png) no-repeat -140px -64px; background-size:150px auto;}

.marR52{margin-right:52px;}
.marl52{margin-left:52px;}

.letter_bottom{position:fixed; background-color:#FFF;bottom:0;left:0;width:100%; border-top:1px solid #f2f2f2; padding:8px 0px;height:32px;}
.letter_bottom .send_w{ position:relative;margin-left:12px;margin-right:12px;padding-left:28px;border-bottom:1px solid #cccccc;height:31px;background:url(../imagesV2/write.png) no-repeat 0px 5px; background-size:20px 20px;}
.letter_bottom .input_send{height:31px; line-height:31px; border:0 none;width:100%;}
.letter_bottom  .btn_send{border:0 none;width:64px;height:32px; line-height:32px; background-color:#FFF;}

.letter_bottom .i_emotion,.letter_bottom .i_mro{width:25px;height:27px;display:inline-block;background:url(../imagesV2/icon4.png) no-repeat; background-size:150px auto;}
.letter_bottom .i_mro{ position:absolute;right:5px;top:0px;background-position:-60px -87px;  }
.letter_bottom .i_emotion{background-position:-110px -87px; margin-right:10px; margin-top:5px;}

/*private letter*/
.connect_img{float:left;width:62px;height:62px;position: relative;}
.connect_con{margin-left:72px;position:relative;}
.connect_con h3{ color:#000; line-height:36px; font-size:1.0625em;}
.connect_con h4{ color:#999;font-size:0.937em;}

.team_type{ padding:8px 0;height:30px; line-height:30px;border-bottom:1px solid #F2F2F2;position:relative;}
.team_type a{float:left;width:50%; display:block; text-align:center; color:#666666;position:relative;}
.team_type a:first-child{ background:url(../imagesV2/line-space.gif) repeat-y right;}
.team_type a.ceate_team i{ margin-left:5px;border-bottom:1px solid #666666;border-left:0 none;border-right:1px solid #666666;display:inline-block;height:10px; width:10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.team_type a.classify i{position:absolute;top:7px;right:30px;border-top:1px solid #666666;border-left:0 none;border-left:1px solid #666666;display:inline-block;height:10px; width:10px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}

.scroll_2{width:80%;margin:0 auto;height:48px;}
.scroll_2 a{ float:left;width:50%; color:#b8e1f7; line-height:48px; text-align:center;}
.scroll_2 a.on{ color:#FFF;border-bottom:2px solid #ffffff; line-height:46px;}

.subject_list{position:absolute;top:48px;z-index:1000;background-color:#FFF;left:50%;width:92%; margin-left:-46%;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.subject_list ul{padding:12px 8px;}
.subject_list ul li{float:left; display:inline-block;width:50%; margin:10px 0;text-align:center;font-size:0.937em;height:28px;line-height:28px; color:#333333;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.subject_list ul li.on{color:#00aeeb; background-color:#eeeeee;}
.subject_list .triangle_up{position:absolute; margin-top:-16px;right:50%; margin-right:28px;display:inline-block;width:0px;height:0px;border:8px solid transparent;border-bottom:8px solid #fff;}

.noresult{text-align:center; min-height:120px; color:#999; background:url(../imagesV2/empyt.png) no-repeat center; background-size:52px auto; margin-top:100px;}
.sech_con{width:100%;height:38px; background-color:#f2f2f2;-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px; position:relative;}
.sech_con .sech_input{font-size:0.937em;border:0 none;background-color:#f2f2f2;height:38px; line-height:38px; margin-left:15px; color:#666666;width:90%;}
.sech_con .btn_sech,.sech_con .btn_del{ position:absolute;top:9px;width:20px;height:20px;display:inline-block;background:url(../imagesV2/icon4.png) no-repeat; background-size:150px auto;}
.sech_con .btn_sech{right:15px; background-position:-120px -64px; border:0 none;}
.sech_con .btn_del{right:50px;background-position:-100px -64px; display:none;}
.sech_con .s_line{display:inline-block;height:12px; background-color:#cccccc;width:1px; position:absolute;top:13px; right:42px;}

.sech_title{ padding:12px 4%;font-size:1em;color:#333333;}
@media screen and (max-width: 320px)  {html,body {font-size:14px;}}
@media screen and (min-width: 321px){html,body{font-size: 16px;}}
