@charset "utf-8";
/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr,acronym { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ins,a { text-decoration:none; }
a:hover { text-decoration: underline; }
a:focus,*:focus { outline:none; }  /* IE6_7 clear dottedLine */

/* clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; font-size:0; }
.clearfix:after,.cl{ clear:both; }
.clearfix { *zoom:1; } /* IE < 8 */

/* float */
.fl { float: left; display: inline; border: none; background: none; }
.fr { float: right; display: inline; }

body { font: 13px/24px "微软雅黑"; background: #f2f2f2; color: #333; }
#wp,.wp,#hd .wp { width: 1200px; padding: 0; background: none; }
#hd a:hover { text-decoration: none; }
#pt {margin-bottom: 12px;margin-top: 2px; }
.topNav,.hdc,#nv,#hd .nv { min-width: 1200px; }
#ft { background: none; }

.inl-block { display: inline-block; }
.textcen { text-align: center; }

/*宽度*/
.w1200 { width: 1200px; margin: 0 auto; }
.w625 { width: 625px; margin: 0 auto; }
.w500 { width: 500px; }
.w216 { width: 216px; margin: 0 auto; }

/*边距*/
.mr30 { margin-right: 30px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt17 { margin-top: 17px; }
.ml96 { margin-left: 96px; }
.mb22 { margin-bottom: 22px; }
.ml87 { margin-left: 87px; }
.mt44 { margin-top: 44px; }
.mb22 { margin-bottom: 22px; }
.ml120 { margin-left: 120px; }

.pt15 { padding-top: 15px; }
.pb20 { padding-bottom: 20px; }
.pl6 { padding-left: 6px; }
.pl18 { padding-left: 18px; }

/* 颜色 字体*/
.block { margin:0; }
i { font-style: normal; }
.f14,.font14 { font-size: 14px; }


.grey6 { color: #666; }
.c62 { color: #626262; }
.c92 { color: #929292; }
.c5e { color: #5e5e5e; }
.green{ color: #06af3c; background:none; border:0; }
#vote_info .red { color: #f00; border:0; background:none; }
.red { color: #DD2222; padding-right: 6px; border: 0; background: none; }

.bdshare-button-style0-16 .bds_more { background-position:0 0; }

.limit3{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}
    
/*********试用中心 begin********/

/*分页*/
.pageNav {padding: 25px 0;font-size: 14px;text-align: center;}
.pageNav a, .pageNav span {display: inline-block;zoom: 1;*display: inline;margin-right: 4px;padding: 5px 14px;border: 1px solid #e4e4e4;text-decoration: none;}
.pageNav a:hover, .pageNav .current {border-color: #009933;background-color: #009933;color: #fff;text-decoration: none;}

.warp { border-radius: 2px; background: #fff; }

/*切换导航*/
.switch_nav { height: 58px; background: url(../images/nav_bg.png); padding-left: 20px; border: 1px solid #e4e4e4; position: relative; z-index: 50;}
.tab_nav a,.mytry span { display: inline-block; width: 153px; font: 16px/58px "微软雅黑"; color: #333; text-align: center; position: relative; }
.tab_nav a:hover,.tab_nav a.cur,.mytry span.cur { text-decoration: none; width: 151px; height: 57px; border: 1px solid #008B29; border-bottom: 0; color: #fff;
	                  background-color: #008B29;}
.tab_nav .cur:after,.tab_nav a:hover:after,.mytry span.cur:after { content: ""; position: absolute; bottom: 0; left: 68px; width:0px; height:0px;  border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; }

/*我的试用*/
.mytry {float: left;margin-left: 3px; position: relative; z-index: 99; }
.mytry:hover { border: 1px solid #a1a1a1; width: 151px; }
.mytry:hover span { height: 51px; line-height: 50px; color: #fff; border: 0; width: 151px;
	                background-color: #008B29;}
.mytry:hover span.cur:after { border: 0; }
.sub_nav { display: none;position: absolute;width: 151px;left: -1px;bottom: -66px;border: 1px solid #a1a1a1; }
.sub_nav a { display: block; width: 100%; height: 33px; color: #666; text-align: center; line-height: 33px; background: #fff; }
.sub_nav a:hover { text-decoration: none; background: #f2f2f2; }

/*用户发起*/
#ini_do { width: 151px; height: 41px; border-radius: 3px; text-align: center; font: 16px/40px "微软雅黑"; color: #fff; background: #c30817; float: right; margin: 7px 48px 0 0; }
#ini_do:hover { text-decoration: none; background: #da0c1d; }
#ini_do span { font-size: 20px; font-weight: bold; }
.try_box ul #initiate_tip { width: 420px; margin: 2px auto 60px; font: 13px/24px "微软雅黑"; color: #333; }
#initiate_tip #ini_do { width: 115px; height: 32px; display: block; font: 13px/32px "微软雅黑"; margin: 36px 0 0 54px; float: none; }

/*试用信息排列*/
.try_box ul { padding: 48px 0 14px 48px; border: 1px solid #e4e4e4; border-top: 0; }
.try_box li { width: 265px; height: 380px; border: 1px solid #d7d7d7; margin: 0 34px 35px 0; float: left; }
/*.try_box li:nth-child(4n) { margin-right: 0; }*/

/*正在申请*/
.img_area,.theme_img { width: 100%; height: 208px; position: relative; }
.theme_img { border-bottom: 1px solid #d7d7d7; }
.process_img { position: absolute; width: 50px; height: 40px; top: 0; left: 0; }
.info_atea { padding: 5px 8px; text-align: center; }
.info_atea h3 a { font: bold 14px/26px "微软雅黑"; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info_atea h3 a:hover { color: #c00; text-decoration: none; }
.info_atea .a-btn { display: inline-block; background: #009933; width: 85px; height: 30px; font: 13px/32px "微软雅黑"; color: #fff; text-align: center; margin: 10px 8px 22px; }
.info_atea .a-btn:hover { color: #fff; background: #017528; text-decoration: none; }

.a-num,.a-person,.see_report,.dots { color: #093; }
.countdown { color: #666; }
.countdown b { color: #DD2222; margin: 0 2px 0 2px; font-weight: normal; }

/*查看报告*/
.collect_report .info_atea .a-btn { background: #0099cc; }
.collect_report .info_atea .a-btn:hover { background: #017da6; }

/*即将开始*/
.beginning .info_atea .a-btn { background: #00591d; }
.beginning .info_atea .a-btn:hover { background: #003812; }

/*已经结束*/
.end .info_atea .a-btn { background: #aeaeae; }
.end .info_atea .a-btn:hover { background: #8d8d8d; }

.a-buybtn { display: inline-block; background: #f2f2f2; width: 85px; height: 30px; font: 13px/32px "微软雅黑"; color: #6b6b6b; text-align: center; margin: 10px 8px 22px; border-radius:3px; border: 1px solid #c9c9c9; }
.a-buybtn:hover { background: #e4e4e4; color: #5e5e5e; text-decoration: none;}

/*投票*/
.vote .a-person,.vote_end .a-person { font-weight: bold; font-size: 20px; }
.dots { padding-left: 2px; }
.tovote .info_atea .a-btn { width: 104px; height: 35px; background: #009e96; }
.tovote .info_atea .a-btn:hover { background: #027771; }

/*加载更多*/
.show_more { display: block; width: 100%; height: 60px; font: 16px/60px "微软雅黑"; text-align: center; color: #999; }

/*试用报告*/
.info_list { padding: 2px 30px 0; border: 1px solid #e4e4e4; border-top: 0; }
.info_list .report li { padding: 14px 0; border-bottom: 1px dashed #e4e4e4; border-top: 0; }
.report li img { width: 160px; height: 100px; }
.report_inner { font: 12px/24px "微软雅黑"; color: #999; }
.report_inner h3 a { display: block; height: 24px; font: bold 17px/24px "微软雅黑"; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.report_inner h3 a:hover { text-decoration: underline; color: #3377aa; }
.report_inner span { padding-right: 16px; }
.report_inner span a { color: #3377aa; }

/*********试用中心 end********/

/*********发起试用 begin********/
.ini_title { font: bold 20px/112px "微软雅黑"; width: 100%; text-align: center; }
#ini_trial { width: 650px; margin: 0 auto; padding-bottom: 60px; font: bold 14px/36px "微软雅黑"; color: #666; }
#ini_trial h3 { font: bold 18px/32px "微软雅黑"; margin-bottom: 30px; color: #333; }
#ini_trial label { width: 120px; cursor: text; }
#ini_trial label b { padding-right: 10px; }
.forminput { width: 476px; height: 30px; border: 1px solid #d7d7d7; border-radius: 3px; padding: 2px 10px; }
.forminput::-webkit-input-placeholder{ color: #949494; }
.forminput::-moz-placeholder{ color: #949494; }
.forminput:-moz-placeholder { color: #949494; } /* Mozilla Firefox 4 to 18 */
.forminput:-ms-input-placeholder { color: #949494; } /* Internet Explorer 10+ */
textarea.forminput { min-height: 78px; padding: 10px; }
.error_tip { height: 26px; color: #ff0000; display: none; }
/*提交*/
.sub_ini { width: 136px; height: 40px; font: 20px/30px "微软雅黑"; color: #fff; text-align: center; background: #ff0000; border: 0; cursor: pointer; }
.sub_ini:hover { background: #d90000; }
/*上传图片*/
.upload_img { position: relative; }
/*.upload_img .swfupload { width: 111px; height: 28px; background: #3399ff; border: 1px solid #d7d7d7; border-radius: 3px; padding-top: 3px; margin-right: 28px; }*/
.upload_img .describe{margin-left: 20px;}
.progressContainer,.progressName { font-weight: normal; margin: 0; margin-top: 5px; }
.progressName { height: 35px; }
.progressName,.progressBarStatus { padding-left: 15px; }
/*编辑器*/
.edui-default { font-weight: normal; }
.edui-default .edui-editor-bottomContainer td { display: none; }
.edui-default .edui-editor-toolbarbox { box-shadow: none; }
/*提交成功提示*/
#success_tip { display: none; width: 322px; position: fixed; top: 26%; left: 40%; background: white; z-index: 9999; }
.white_box { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: white; opacity: 0.6; filter: alpha(opacity=60); z-index: 999; }
#success_tip h2 { width: 307px; height: 52px; padding-left: 15px; background: #009933; font: bold 18px/52px "微软雅黑"; color: #fff; }
#tipInfo { min-height: 110px; padding: 24px 0 30px; text-align: center; border: 1px solid #aeaeae; border-top: 0; font: 13px/40px "微软雅黑"; color: #5f5f5f; }
#tipInfo h3 { font: bold 18px/32px "微软雅黑"; color: #434343; }
#tipInfo h3 img { position: relative; top: 5px; margin-right: 6px; }
.tip_close { width: 22px; height: 22px; cursor: pointer; float: right; margin: 15px 10px 0 0; }
.back_center { display: block; width: 65px; height: 25px; text-align: center; margin: 12px auto 0; font: bold 13px/24px "微软雅黑"; background: #009933; color: #fff; }
.back_center:hover { background: #007a29; text-decoration: none; color: #fff; }

/*********发起试用 end********/

/*********投票详情页 begin********/

/*左右栏*/
.con_left { width: 830px; padding: 17px 19px; background: #fff; border: 1px solid #e4e4e4; }
.con_right { width: 300px; }

/********左侧********/
#apply-page { position: relative; margin-top:20px; }
/*产品信息*/
#trial-apply img { width: 298px; height: 250px; border: 1px solid #e4e4e4; }
#trial-des h2 { color: #333; font-size: 24px; font-weight: bold; }
#trial-des { color: #333; font-size: 13px; line-height: 1.8; width: 500px; }
#trial-des .more { color: #1c8ae3; }
#trial-area { margin-top: 40px;  }
#trial-area .a-person { color: #06ad39; font-weight: bold; font-size: 16px; }
.a-btn { display: block; background: #009933; width: 130px; height: 40px; font: 20px/40px "微软雅黑"; border-radius: 3px; color: #fff; text-align: center; margin: 10px 16px 21px 0; }
.a-btn:hover { color: #fff; background: #17bb4d; text-decoration: none; }
.share-area { color: #9c9c9c; font-size: 12px; }
.share-area span { margin-top: 3px; }
#trial-des .countdown { color: #666; }
.mlt { margin: 16px 0 0 10px; }
.numdown { margin-top: 10px; }
#trial-apply .countdown b { color: #333; font-size: 20px; margin: 0 5px 0 5px; font-weight: normal; }

/*试用规则*/
.trial_hd { width: 100%; height: 48px; background: #f2f2f2; }
.trial_hd li { float: left; font: 16px/48px "微软雅黑"; color: #333; width: 100px; text-align: center; }
.trial_hd li:hover,.trial_hd li.cur { position: relative; background: #009933; font-weight: bold; color: #fff; cursor: pointer; }
.trial_hd li:hover span,.trial_hd li.cur span { width: 100px; height: 6px; background: url(../images/trial_hd_bg.png) no-repeat;position: absolute;bottom: -6px;left: 0; }
#trial-info { background-color: #f8f8f8; margin-top: 26px; font: 14px/24px "微软雅黑"; color: #666; padding-bottom: 30px; }
.inner_list { padding-top: 16px; /*display: none;*/ }
.rule-des { padding: 16px 24px 20px;}
.rule-des h2 { color: #06af3c; font-size: 16px; font-weight: bold; margin-bottom: 16px; }
.rule-des p { color: #626262; line-height: 1.8; }
.repost { color: #a2a2a2 !important; font-size: 12px; }
.rule-des h3 { font-size: 12px; color: #727272; font-weight: bold; }

/*试用名单*/
.name_list { padding-bottom: 30px; }
.name_list h3 { width: 100%; font: bold 16px/64px "微软雅黑"; color: #333; border-bottom: 1px solid #e4e4e4; }
.name_list li { float: left; padding: 29px 70px 3px 0; width: 130px; }
.name_list li img { width: 40px; height: 40px; border-radius: 50%; margin-right: 4px; }
.name_list li a { width: 86px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3377aa; font: 12px/40px "微软雅黑"; }
.name_list li a:hover { text-decoration: underline; }
#apply_name_more { width: 828px; height: 38px; background: #f2f2f2; border: 1px solid #e4e4e4; font: 14px/38px "微软雅黑"; color: #666; border-radius: 3px; text-align: center; cursor: pointer; margin-top: 40px; }

/*产品介绍*/
#trial-show h2 { width: 812px; height: 35px; border: 1px solid #e4e4e4; padding-left: 16px; font: 15px/34px "微软雅黑"; color: #5f5f5f; background: #f2f2f2; }

/********右侧********/
.col_box { width: 262px; padding: 0 19px 16px; background: #fff; margin-bottom: 30px; position: relative;; }
.col_box h2 { font: bold 17px/52px "微软雅黑"; color: #333; border-bottom: 1px dashed #e4e4e4; }
.col_box h2.bor_non { border-bottom: 0; }
.bor { border: 1px solid #e4e4e4; }
.col_box h2 .more { font-size: 13px; color: #999; font-weight: normal; }

/*其他投票*/
.vote_list { padding: 1px 0 16px; }
.vote_list li { padding-top: 15px; font: 14px/38px "微软雅黑"; }
.vote_list li img { display: block; width: 35px; height: 39px; }
.vote_list li .vote_title { display: block; color: #333; width: 158px; padding: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.go_vote { font-weight: bold; color: #33a5ff; }
.go_vote span { font-size: 10px; }

/*他们正在申请*/
#apply-lists { height: 460px; overflow: hidden; position: relative; border: 1px solid #e4e4e4;  }
.sub-apply-list { margin: 0px 16px; padding: 15px 0px; width: 216px; border-bottom: 1px dashed #e4e4e4; }
.sub-apply-list a { display: inline-block; }
.sub-apply-cont { width: 160px; font-size: 12px; float: right; }
.sub-apply-cont a { color: #5f5f5f; }
.sub-apply-cont span { margin-left: 4px; color: #bfbfbf; }
.user-hd { width:44px; height:44px; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; }

/*关注我们*/
.vline { background-color: #e4e4e4; width: 1px; height: 72px; }
.attentag { width: 123px; height: 72px; display: inline; float: left; }
.wxtag { background: url(../images/weixin-link.jpg) 38px 19px no-repeat; position: relative; }
.wbtag { background: url(../images/weibo-link.jpg) 43px 19px no-repeat; }
.wxtag:hover { background: url(../images/weixin-hover.jpg) 38px 19px no-repeat; }
.wbtag:hover { background: url(../images/weibo-hover.jpg) 43px 19px no-repeat; }
#wximg { position: absolute; left: 1px; top: 64px; background: url(../images/wx-elecfans.jpg) no-repeat;  width: 120px; height: 128px; display: none; }

/*我要投票表单*/
#vote_info { display: none; width: 322px; position: fixed; top: 26%; left: 40%; background: white; z-index: 9999; }
.white_box { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: white; opacity: 0.6; filter: alpha(opacity=60); z-index: 999; }
#vote_info h3 { position: relative; width: 312px; height: 52px; padding-left: 10px; background: #009933; font: bold 18px/52px "微软雅黑"; color: #fff; }
#voteForm { padding: 20px 9px 14px; width: 302px; min-height: 240px; border: 1px solid #aeaeae; border-top: 0; }
#voteForm label { width: 87px; font: 14px/24px "微软雅黑"; color: #0D0D0D; }
#voteForm input { width: 152px; height: 24px; border: 1px solid #797979; padding: 0 3px; }
#voteForm .sub_btn { width: 120px; height: 38px; border: 0; font: bold 18px/30px "微软雅黑"; color: #fff; text-align: center; background: #009933; padding: 0; cursor: pointer; }
.sub_btn:hover { background: #037c2b; }
.vote_close {position: absolute;width: 22px; height: 22px; right: 5px; top: 0; cursor: pointer;}
.error_tip { height: 26px; color: #ff0000; display: none; }
/*success tip*/
.suc_tip { display: none; width: 320px; min-height: 150px; padding-top: 50px; text-align: center; font: 26px/48px "微软雅黑"; color: #009933; border: 1px solid #aeaeae; border-top: 0; }
.suc_tip img { margin-right: 16px; position: relative; top: 14px; }
/*投票详情页进度展示*/
.progress{margin-bottom: 8px;color: #6b6b6b;font-size: 16px;}
.progress .notOver span{color: #009933;font-weight: 700;}
.progress .allreadyOver span{color: #ff6633;font-weight: 700;}
/*********投票详情页 end********/

/*gotoTop*/
#gotoTop { background:url(../images/backtop-1.jpg) no-repeat; display:none; position:fixed; right:50px; bottom:50px; width:40px; height:40px; z-index: 30; }
a:hover#gotoTop { background:url(../images/backtop-2.jpg) no-repeat; }

/*index页面增加新手帮助*/
#right-slide{position: relative;float: right;margin-top: 15px;margin-right: 30px;z-index: 50;}
#right-slide a{display: block;padding: 3px 20px;text-decoration: none;white-space: nowrap;}
#right-slide a.a-blue{border: 1px solid transparent;border-bottom: none;background: url(../images/upanddown.png) no-repeat;color: #0066FF;}
#right-slide a.down{background-position: 80px 13px;}
#right-slide a.up{border-color: #019934;background-position: 80px -17px;background-color: #019934;color: #fff;}
#right-slide a:hover{background-color: #019934;color: #fff;}
#right-slide ul{display: none;position: absolute;border: 1px solid #019934;background-color: #fff;}

.procedure{display: block;margin: 0 auto;padding: 20px 0;}
.moretips{line-height: 32px;color: #666;font-size: 16px;text-align: center;}

/*试用中心改版*/
.new-wrap{border-radius: 2px;}
.new-wrap .pageNav {background-color: #fff;}

.new-nav{position: relative;width: 100%;height: 50px;line-height: 50px;background-color: #fff;text-align: center;}
.new-nav .nav-tit{ position: relative; display: inline-block;zoom: 1;*display: inline;line-height: 47px;margin-right: 20px;padding: 0 20px;border-bottom: 3px solid #fff;vertical-align: top;}
.new-nav .marginr0{position: relative;margin-right: 0;background: url(../images/blackstyle.png) no-repeat;z-index: 50;}
.new-nav .up{background-position: 90px -8px;}
.new-nav .down{background-position: 90px 22px;}
.new-nav .now-tit{border-color: #b00000;}
.nav-tit a{display: block;color: #282828;font-size: 16px;text-decoration: none;}
.nav-tit a:hover{color: #840000;}
.nav-tit .new-blank { position: absolute; width: 32px; height: 32px; display: block; top: -16px; right: 0; background: url(../images/NEW.png?520) no-repeat center top; }
.new-nav .sub-nav{display: none;position: absolute;width: 100%;line-height: 40px;left: 0;top: 47px;border: 1px solid #e4e4e4;background-color: #fff;}
.new-nav .sub-nav a{display: block;font-size: 14px;}
.new-nav .sub-nav a:hover{background-color: #eee;}

#newrig-slide{position: absolute;top: 10px;right: 30px;z-index: 5;}
#newrig-slide a{display: block;line-height: 24px;padding: 3px 20px;text-decoration: none;white-space: nowrap;}
#newrig-slide a.a-blue{background: url(../images/newupanddown.png) no-repeat;color: #0066FF;}
#newrig-slide a.down{background-position: 115px 13px;}
#newrig-slide a.up{background-position: 115px -17px;}
#newrig-slide ul{display: none;position: absolute;border: 1px solid #e4e4e4;background-color: #fff;left:30px;}
#newrig-slide li a:hover{color: #840000;background-color: #eee;}

.tryout{margin-top: 10px;}

.filter-nav{margin-bottom: 10px;padding: 12px 30px;background-color: #fff;font-size: 14px;text-align: right;color:#999;}

.filter-nav a{color: #797979;}
.filter-nav a.fl{width: 80px;text-align: center;}
.filter-nav a.nowpg{color: #b00000;}
.filter-nav a:hover{color: #b00000;text-decoration: none;}
.try_box ul {padding: 30px 0px 0 30px;border: none;background-color: #fff;}
.try_box li {margin: 0 12px 12px 0;}
/*报告精选*/
.report_selected{padding: 30px;background: #fff; margin-top: 30px;}
.report_selected h2{font-size:16px;display: block;margin-bottom: 20px;font-weight: bold;position: relative;}
.report_selected h2 a{
    float: right;
    color: #999;
    font-weight: normal;
    font-size: 12px;
    *margin-top: -30px;
}
.report_selected ul{
    display: block;
    margin-right: -40px;
    margin-bottom: -20px;
    overflow: hidden;
}
.report_selected li{
    float: left;
    border: 1px solid #ddd;
    margin: 0 22px 20px 0;
    float: left;
    width:548px;
    padding-right: 10px;
}
.report_selected .item_img{
    float: left;
    margin-right: 20px;
    width: 195px;
    height: 155px;
}
.report_selected b{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom:15px ;
    margin-top: 10px;
}
.report_selected p{
    color: #999;
    display: block;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    font-size: 12px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 25px;


}
.report_selected .userinfo{
    float: left;
    color:#3399ff ;
    line-height: 30px;
}
.report_selected .userinfo img{
    float: left;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
    color: #999;
}
.report_selected .reply{
    float: right;
    height: 30px;
    line-height: 30px;
    padding-left: 22px;
    margin-right: 3px;
    background: url(../images/reportbgimg.jpg) 0 -18px no-repeat;
    color: #999;
}
.report_selected .look{
    float: right;
    height: 30px;
    line-height: 30px;
    padding-left: 22px;
    margin-right: 3px;
    background: url(../images/reportbgimg.jpg) 0 10px no-repeat;
}
/*电子书*/
.e-book{padding: 30px;background: #fff; margin-top: 30px;}
.e-book h2{font-size:16px;display: block;margin-bottom: 20px;font-weight: bold;}
.e-book h2 a{
    float: right;
    color: #999;
    font-weight: normal;
    font-size: 12px;
    *margin-top: -30px;
}
.e-book ul{
    display: block;
    margin: 0 -25px -20px 0;
}
.e-book li{
    border: 1px solid #ddd;
    float: left;
        width: 245px;

        margin: 0 24px 18px 0;
        padding: 10px;

}
.e-book li img{
    width: 265px;
        height: 208px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    margin: -10px -10px 10px -10px;
}
.e-book li p{

    display: block;
    height: 44px;
    overflow: hidden;
    line-height: 22px;

    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;

}
.e-book .down_btn {
    display: block;
    background: #009933;
    width: 85px;
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    float: left;
    border-radius: 3px;
}
.e-book .down_btn:hover {
    background: #017528;
    text-decoration: none;
}
.e-book .down_times{
    float: right;
    line-height: 30px;

}
.e-book .down_times font{
    color: #d22;
}
/*试用达人*/
.users{padding: 30px;background: #fff; margin-top: 30px;}
.users h2{font-size:16px;display: block;margin-bottom: 20px;font-weight: bold;}
.users ul{
    margin: 0 -15px -20px 0;
}
.users li{
    float: left;
    margin: 0 14px 20px 0;
    text-align: center;
    float: left;
    width: 114px;
}
.users img{
    width: 114px;
    height: 114px;
    display: block;
    margin-bottom: 10px;
}
.users li{

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.users a,.users font{
    color: #007FCC;
}
.users a{
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*合作伙伴*/
.partner{padding: 30px;background: #fff; margin-top: 30px;}
.partner h2{font-size:16px;display: block;margin-bottom: 20px;font-weight: bold;}
.partner ul{display: block;margin: -5px;}
.partner li{display: block;width: 152px;height: 50px;border: 1px solid #ddd;margin: 5px; text-align: center;overflow: hidden;float: left;}
.partner li img{height: 100%;max-width: 100%;}
/*试用报告页面*/
.tryrep-list{margin-top: 10px;padding-bottom: 30px;background-color: #fff;}
.haveimg-list, .noimg-list{margin-left: 5px;margin-right: 22px;padding: 15px 0;border-bottom: 1px solid #e4e4e4;font-size: 12px;}
.haveimg-list img{float: left;width: 210px;height: 180px;}
.haveimg-list .wrapper{margin-left: 235px;}
.haveimg-list h5 a, .noimg-list h5 a{color: #515151;font-size: 16px;font-weight: bold;}
.haveimg-list h5 a:hover, .noimg-list h5 a:hover{color: #840000;text-decoration: none;}
.haveimg-list .intro, .noimg-list .intro{line-height: 24px;margin-top: 16px;color: #868686;font-size: 13px;}
.haveimg-list .user-tag-see, .noimg-list .user-tag-see{line-height: 30px;margin-top: 15px;}
.haveimg-list .user-tag-see div,
.noimg-list .user-tag-see div,
.haveimg-list .seenum span,
.noimg-list .seenum span{display: inline-block;zoom: 1;*display: inline;color: #6b6b6b;vertical-align: top;}
.haveimg-list .user-tag-see img, .noimg-list .user-tag-see img{width: 30px;height: 30px;vertical-align: top;border-radius: 50%;}
.haveimg-list .userinfo{width: 270px;}
.noimg-list .userinfo{width: 505px;}
.haveimg-list .userinfo a.username, .noimg-list .userinfo a.username{display: inline-block;zoom: 1;*display: inline;max-width: 100px;height: 30px;overflow: hidden;margin: 0 8px;color: #3399ff;vertical-align: top;}
.haveimg-list .userinfo a.username:hover, .noimg-list .userinfo a.username:hover{color: #840000;}
.haveimg-list .userinfo span, .noimg-list .userinfo span{margin-left: 8px;}
.haveimg-list .trytag, .noimg-list .trytag{padding-left: 23px;background: url(../images/reportbgimg.jpg) 0 -54px no-repeat;}
.haveimg-list .trytag a, .noimg-list .trytag a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #6b6b6b;}
.haveimg-list .trytag a{width: 155px;}
.noimg-list .trytag a{width: 155px;}
.haveimg-list .trytag a:hover, .noimg-list .trytag a:hover{color: #840000;}
.haveimg-list .seenum, .noimg-list .seenum{text-align: right;}
.haveimg-list .seenum{width: 115px;}
.noimg-list .seenum{width: 115px;}
.haveimg-list .seenum .look, .noimg-list .seenum .look{padding-left: 22px;margin-right: 3px;background: url(../images/reportbgimg.jpg) 0 10px no-repeat;}
.haveimg-list .seenum .reply, .noimg-list .seenum .reply{padding-left: 22px;background: url(../images/reportbgimg.jpg) 0 -18px no-repeat;}

.trypeo-list, .hot-rep{padding-left: 18px;background-color: #fff;}
.hot-rep{padding-top: 50px;padding-bottom: 15px;}
.trypeo-list h6, .hot-rep h6{padding-top: 12px;color: #515151;font-size: 16px;}
.trypeo-list .list-wrap{margin-top: 15px;}
.trypeo-list .peolist-one{float: left;margin: 0 10px 10px 0;}
.trypeo-list .peolist-one img, .trypeo-list .peolist-one a{display: block;}
.trypeo-list .peolist-one img{width: 65px;height: 65px;}
.trypeo-list .peolist-one a.username{overflow: hidden;width: 65px;height: 22px;line-height: 22px;color: #3399ff;font-size: 12px;text-align: center;}
.trypeo-list .peolist-one a.username:hover{color: #840000;text-decoration: none;}
.hot-rep .list-wrap{margin-top: 20px;}
.hot-rep .hot-one{padding: 12px 0;border-bottom: 1px solid #e4e4e4;}
.hot-rep .hot-one img{float: left;width: 60px;height: 60px;margin-right: 12px;}
.hot-one .tit a{line-height: normal;color: #434343;font-size: 12px;}
.hot-one .tit a:hover{color: #840000;text-decoration: none;}
.hot-one .hotnum{margin-top: 5px;text-align: right;}
.hot-one .hotnum span{display: inline-block;zoom: 1;*display: inline;line-height: 26px;margin-right: 15px;padding-left: 22px;background: url(../images/reportbgimg.jpg) no-repeat;color: #999;font-size: 13px;vertical-align: top;}
.hot-one .hotnum .look{background-position: 0 8px;}
.hot-one .hotnum .reply{background-position: 0 -21px;}

/*试用投票页面*/
.poll-filter{position: relative;margin: 10px 0;padding: 15px 0;background-color: #fff;font-size: 14px;}
.poll-filter p{line-height: 24px;margin-right: 300px;color: #515151;text-indent: 49px;}
.poll-filter p a{margin-left: 15px;color: #797979;}
.poll-filter p a.nowpg{color: #b00000;}
.poll-filter p a:hover{color: #b00000;text-decoration: none;}
#newini_do{position: absolute;width: 151px;height: 41px;top: 18px;right: 49px;background: #c30817;color: #fff;font: 16px/40px "微软雅黑";text-align: center;border-radius: 3px;}
#newini_do:hover{background: #da0c1d;text-decoration: none;}
#newini_do span{font-size: 20px;font-weight: bold;}
/*错误提示*/
#proinfo-form .errorTip{margin: -18px 0 15px;color: #c00;text-indent: 85px;}

/*********厂商申请产品页 begin********/
.company-apply-form h2 { font-size: 18px; font-weight: bold; color: #333;}
.cmp-apply-frm { font-size: 14px; font-family: arial,"微软雅黑"; color: #333; }
.cmp-apply-frm .field:after { content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; clear: both; padding-bottom: 30px; }
.cmp-apply-frm .field label { float: left; margin-right: 14px; width: 98px; line-height: 38px; text-align: right; }
.cmp-apply-frm .field label i { margin-right: 6px; color: #d92222; }
.cmp-apply-frm .field .error-tip { color: #c00; font-size: 14px; margin-left: 14px; line-height: 38px; float: left; }
#pdt_stage { width: 365px; }
#pdt_price { width: 164px; }
.cmp-apply-frm .field .ipt-style { float: left; width: 351px; width: 363px\9; padding: 0 6px; height: 38px; font-size: 14px; line-height: 1; border: 1px solid #e4e4e4; }
.cmp-apply-frm .field .ipt-apply-style { width: 108px; margin-right: 6px; }
.cmp-apply-frm .field .text-style { float: left; width: 351px; width: 363px\9; padding: 6px; height: 84px; border: 1px solid #e4e4e4; font-size: 14px; }
.img_box { width: 120px; height: 98px; line-height: 98px; border: 1px dashed #e4e4e4; cursor: pointer; }
.img_box p { text-align: center; font-size: 20px; color: #bcbcbc; }
.upload-ctr-panel { margin-left: 18px; float: left; }
.upload-ctr-panel p { font-size: 12px; color: #999; width: 156px; text-align: justify; line-height: 1.6; }
.img_upload_btn { display: block; width: 98px; height: 28px; line-height: 28px; cursor: pointer; color: #333; font-size: 14px; text-align: center; border: 1px solid #e4e4e4; border-radius: 6px; }
.cmp-apply-btn { display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; font-size: 16px; color: #fff; background-color: #d22222; border-radius: 6px; margin: 60px 0 90px 112px; }
.cmp-apply-btn:hover { color: #fff; text-decoration: none; }
.hidden { display: none !important; }
#applySucDialog { position: fixed; left: 50%; top: 50%; margin-left: -79px; margin-top: -29px; width: 158px; height: 58px; line-height: 58px; color: #fff; font-size: 18px; text-align: center; background-color: #dc4c4c; border: 1px solid #d31d1c; border-radius: 4px; z-index: 999; }

/*********厂商申请产品页 end********/


/* 试用中心页面整改 */
.navSearch{
	width: 255px;
    height: 34px;
    font-family: '微软雅黑';
    font-weight: 400;
    font-style: normal;
    color: #999999;
    position: relative;
    margin-top: 7px;
}
.navSearch input{
	width: 205px;
	padding:0 40px 0 10px;
	height: 34px;
	font-size: 13px;
	border: none;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}
.navSearch .searchIcon{
	position: absolute;
	top: 6px;
    right: 20px;
    background: #fff;
    border: none;
}
.searchIcon img{
	width: 24px;
	height: 24px;
}
.myTry a{
	width: 118px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	margin-top: 7px;
}
.myTry a img{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right:3px;
}
.contentTop{
	width: 100%;
	margin-top: 10px;
	height: 88px;
	background: #fff;
}
.contentTop ul li{
	width: 33%;
	text-align: center;
	padding-top: 22px;
	float: left;
}
.contentTop ul li h2{
	font-weight: 400;
    font-style: normal;
    font-size: 30px;
}
.contentTop ul li p{
	margin-top: 6px;
	font-size: 13px;
    color: #999999;
}
.contentLeft{
	width: 870px;
}
.contentLeft .filter-nav{
	margin-bottom: 0;
	line-height: 34px;
}
.contentLeft .filter-nav span{
	display: block;
	width: 80px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	background: #d00;
	font-size: 14px;
	margin-right: 10px;
}
.nweTitle{
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    background: #fff;
    padding: 20px 10px;
    position: relative;
}
.nweTitle:before{
	content: '';
	width: 3px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 20px;
	background: #d00;
}
.nweTitle a{
	font-weight: normal;
	font-size: 14px;
    color: #797979;
}
.nweTitle a:hover{
	color: #d00;
}
.contentLeft .partner{
	padding: 0;
}
.contentLeft .partner ul{
	padding:0 30px 30px 30px;
}


.contentRight{
	width: 300px;
	background: #fff;
	margin-top: 10px;
}
.contentRight a{
	text-decoration: none;
}
.tryTip{
	width: 100%;
	height: 262px;
	border-bottom: 1px solid #e4e4e4;
}
.tryTip ul li{
	width: 50%;
	padding: 10px 0;
	float: left;
	text-align: center;
}
.tryHotReport{
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
}
.tryHotReport .nweTitle{
	margin-top: 10px;
}
.tryHotReport ul{
	padding: 0 16px;
}
.tryHotReport li{
	border-bottom: 1px solid #e4e4e4;
	padding: 16px 0;
}
.tryHotReport li:nth-last-of-type(1){
	border-bottom: none;
}
.tryHotReport li p{
	width: 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tryHotReport li h5{
	line-height: 40px;
	color: #666666;
	margin-top: 6px;
}
.tryHotReport li h5 .headImg{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}
.tryHotReport li h5 span{
	display: inline-block;
	margin-right: 10px;
	position: relative;
}
.tryHotReport li h5 span img{
	vertical-align: middle;
}
.tryHotReport li h5 span img:nth-of-type(2){
	position: absolute;
	left: 5px;
    top: 20px;
}
.tryHotEbook{
	width: 100%;
}
.tryHotEbook ul{
	padding: 0 12px;
}
.tryHotEbook li{
	border-bottom: 1px solid #e4e4e4;
	padding: 16px 0;
}
.tryHotEbook li:nth-last-of-type(1){
	border-bottom: none;
}
.tryHotEbook li .previewImg{
	width: 84px;
	height: 63px;
	float: left;
	margin-right: 6px;
}
.tryHotEbook li p{
	font-size: 14px;
	line-height: 18px;
	height: 38px;
	color: #333;
	overflow:hidden; 
	margin-bottom: 6px;
}
.tryHotEbook li h5{
	font-size: 12px;
	line-height: 18px;
}
.tryHotEbook li h5 small{
	color: #d00;
}
.tryWeeksconTribution ul{
	padding: 20px;
}
.tryWeeksconTribution ul li{
	width: 50px;
	float: left;
	margin: 0 7px;
}
.tryWeeksconTribution ul li img{
	width: 50px;
	height: 50px;
}
.tryWeeksconTribution ul li p{
	width: 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	margin-bottom: 12px;
}
.tryHotSearch{
	padding-bottom: 30px;
}
.tryHotSearchList{
	padding: 0 20px;
}
.tryHotSearchList a{
	display: inline-block;
	padding: 0 30px;
	line-height: 30px;
	background: #cccccc;
	border-radius: 30px;
	margin: 0 10px 10px 0;
}
.tryHotSearchList a:hover{
	color: #fff;
	background: #d00;
}
.right_side_concat_box{
    padding-bottom: 30px;
}
.right_side_concat p{
    padding: 0 20px;
}
.BrandList{
	position: relative;
}
.BrandList .moerBrand{
	position: absolute;
	right: 30px;
	top: 12px;
	cursor: pointer;
}
.mBrandList{
	text-align: left;
	color: #333;
}
.mBrandList p{
	margin-bottom: 10px;
}
.mBrandList p a{
	cursor: pointer;
	display: inline-block;
	padding: 0px 5px;
	border: 1px solid #fff;
	color: #333;
	margin:0 2px;
}
.mBrandList p a:hover{
	border: 1px solid #d00;
	color: #d00;
}
.mBrandList p .factive{
	border: 1px solid #d00;
	color: #d00;
}
.mBrandList p span{
	margin-right: 10px;
}
.fBrandbox{
	height: 130px;
	overflow-y: scroll;
}
.fBrandbox a{
	margin-right: 30px;
	color: #333;
}

.banner_slide{
    position: relative;
    margin-bottom: 10px;
}
.banner_slide .bd li{
    width: 100%;
    height: 265px;
    cursor: pointer;
}
.banner_slide .bd li a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner_slide .hd .on {
    background-color: #313234;
}
.banner_slide .hd{
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 10px;
}
.banner_slide .hd li{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    color: transparent;
    background-color: #ccc;
    cursor: pointer;
}


/* 我的试用 */
.newWarp{
	padding: 20px 0;
}
.tryLeft{
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
}
.tryoutNew{
	width: 871px;
	border: 1px solid #e4e4e4;
	margin-right: 80px;
	margin-bottom: 100px;
}
.tryLeft .myMsg{
	width: 100%;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #e4e4e4;
}
.myMsg .headImg{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.myMsg .headImg img{
  width: 100%;
  height: 100%;
}
.myMsg p{
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 30px;
}
.myMsg h5{
	text-align: center;
}
.leftNav{
	margin-top: 20px;
	border: 1px solid #e4e4e4;
	border-bottom:none;
}
.leftNav .icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 6px;
	margin-top: 8px;
}
.leftNav li{
	line-height: 40px;
	padding-left: 30px;
	border-bottom:1px solid #e4e4e4;
	cursor: pointer;
}
.leftNav .lactive{
	background: #d00;
	color: #fff;
}
.leftNav .lactive .iconApply{
	background: url('../images/new201903/applyOn.png');
	background-size: 100% 100%;
}
.leftNav .lactive .iconAddress{
	background: url('../images/new201903/aOn.png');
	background-size: 100% 100%;
}
.leftNav .iconApply{
	background: url('../images/new201903/apply.png');
	background-size: 100% 100%;
}
.leftNav .iconAddress{
	background: url('../images/new201903/a.png');
	background-size: 100% 100%;
}
.tryoutNew h3 b{
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #d00;
}
.tryoutNew ul{
	padding: 20px 0 20px 20px;
}
.try_boxNav{
	margin: 20px 0 0 20px;
}
.try_boxNav a{
	display: inline-block;
	padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.try_boxNav a.bActive{
	background: #f2f2f2;
}
.tryoutNew .try_box ul{
	display: none;
}
.tryoutNew .try_box li{
	float: inherit;
	width: 100%;
	height: 130px;
	border:none;
	margin-bottom: 30px;
}
.tryoutNew .try_box li .theme_img{
	width: 140px;
	height: 127px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.tryoutNew .try_box li .info_atea{
	text-align: left;
	position: relative;
}
.tryoutNew .try_box li .info_atea div{
	text-align: left;
}

.tryoutNew .try_box ul{
	display: none;
}
.tryoutNew .try_box li{
	float: inherit;
	width: 100%;
	height: 130px;
	border:none;
	margin-bottom: 30px;
}
.tryoutNew .try_box li .theme_img{
	width: 140px;
	height: 127px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.tryoutNew .try_box li .info_atea{
	text-align: left;
	position: relative;
}
.tryoutNew .try_box li .info_atea div{
	text-align: left;
}


.tryoutNew .info_atea .a-btn{
	position: absolute;
	bottom: -52px;
    left: 145px;
}
.tryoutNew .watchExpressNumber{
	float: left;
	margin-top: 10px;
	margin-left: 100px;
	cursor: pointer;
}
.watchExpressNumber:hover{
	color: #d00;
}

.consigneeInformation{
	padding: 20px;
}
.consigneeInformation a{
	color: #0066CC;
	cursor: pointer;
	text-decoration: none;
}
.consigneeInformation .c_i_list{
	padding:0;
	border:1px solid #e4e4e4;
	border-bottom:none;
	margin: 20px 0;
}
.c_i_list li{
	padding:10px 20px;
	font-size: 12px;
	border-bottom: 1px solid #e4e4e4;
}
.addressDefault{
	margin-right: 20px;
}

.editAddressBox,
.watchENBox{
	padding: 10px;
}

.editAddressBox p,
.watchENBox p{
	margin: 10px 0;
}
.editAddressBox input,
.editAddressBox textarea,
.watchENBox input{
	width: 257px;
}
.editAddressBox label,
.watchENBox label{
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	width: 70px;
}
.tArea select{
	width: 80px;
	line-height: 24px;
	margin-right: 10px;
	border-color: #999;
}
.editAddressBox .tAddressD label{
	float: left;
}
.editAddressBox button{
	width: 120px;
    height: 30px;
    background-color: #f2f2f2;
    border:none;
    cursor: pointer;
    border-radius: 5px;
}
.editAddressBox button:hover{
	background: #d00;
	color: #fff;
}

/* 发布试用页面 */
.newCWrap{
	width: 100%;
	background: #fff;
	margin-top: 10px;
	padding-top: 40px;
}
.cLeft{
	float: left;
	padding-left: 50px;
	width: 690px;
	overflow:hidden; 

}
.cLeft h2{
	margin-bottom: 30px;
}
.cRight{
	float: right;
	width: 420px;
	margin-right: 30px;
	margin-top: 10px;
	border:1px solid #e4e4e4;
}
.cRight ul{
	padding-bottom: 30px;
	border-bottom: 1px solid #e4e4e4;
}
.cTip ul li{
	width: 81px;
	text-align: center;
	float: left;
	margin-left: 20px;
}
.cPartner ul li{
	width: 118px;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	overflow:hidden;
	text-align: center; 
	border:1px solid #e4e4e4;
}
.cPartner ul li img{
	width: 90%;
	height: 90%;
	vertical-align: middle;
}
.cContactUs .c_u_msg{
	margin-bottom: 30px;
	padding-left: 12px;
}
.c_u_msg p{
	margin-bottom: 6px;
	font-size: 14px;
	color: #333;
}
.c_u_msg h5{
	font-size: 13px;
    color: #666666;
}
a.red{
	text-decoration: none;
}
/* lxl 20220711start */
.qyform-input-check-box {
	position: relative;
	display: inline-flex;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
.qyform-input-check-style {
	width: 16px;
	height: 16px;
	border: 1px solid #ABABAB;
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%,-50%);
	cursor: pointer;
}
.qyform-input-check-box:active  .qyform-input-check-style,.qyform-input-check-box.is-active  .qyform-input-check-style {
	border-color: #D00000;
}
.qyform-input-check-style::after {
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	left: 4px;
	bottom: 1px;
	box-sizing: border-box;
	border: 2px solid #D00000;
	border-top: none;
	border-right: none;
	transform-origin: left bottom;
	transform: rotate(-45deg);
	opacity: 0;
	cursor: pointer;
}
.qyform-input-check-box .qyform-input-check {
	width: 100%;
	height: 100%;
	line-height: 1;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.qyform-input-check:checked + .qyform-input-check-style::after {
	opacity: 1;
}
.pact-remark {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	line-height: 20px;
	margin: 24px auto;
}
.pr-remark {
	color: #999;
}
.pr-pact {
	position: relative;
	padding-left: 24px;
	color: #666;
}
.pr-pact em{
	font-weight: normal;
	color: #333;
	cursor: pointer;
	transition: all linear 0.3s;
}
.pr-pact em:active{
	color: #d00;
}
.pr-pact p{
	margin: 0;
	padding-left: 6px;
	position: relative;
}
.pact-remark .qyform-input-check-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,calc(-50% - 10px));
}

.serve-pact-mbdialog {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 91;
	opacity: 0;
	top: 100vh;
	display: flex;
	align-items: flex-end;
	height: 0;
	overflow: hidden;
}
.serve-pact-mbdialog,.serve-pact-mbdialog *{
	transition: all linear 0.2s;
}
.serve-pact-mbdialog.is-active{
	top: 0;
	opacity: 1;
	height: auto;
}
.serve-pact-mbdialog.is-active .serve-pact-mbdialog-content{
	height: 80vh;
}

.serve-pact-mbdialog-content{
	height: 0;
	box-sizing: border-box;
	width: 100%;
	border-top-left-radius: 16px;
	border-top-right-radius:16px;
	background-color: #FFF;
	box-shadow: 0 0 24px rgba(0,0,0,0.4);
	padding-top: 28px;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.serve-pact-mbdialog-mask{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.25);
}

.serve-pact-mbdialog-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	background: url(static/image/close.png) center no-repeat;
	background-size: contain;
}
.serve-pact-mbdialog-bd {
	flex: 1 1 auto;
}

.serve-pact-mbdialog-ft {
	flex: 0 0 auto;
	display:flex;
	justify-content: space-around;
	padding: 10px;
}
.serve-pact-mbdialog-btn {
	min-width: 120px;
	border: #d00 1px solid;
	background-color: #d00;
	outline: none;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	box-sizing: border-box;
	height: 32px;
}
.serve-pact-iframe {
	width: 100%;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
	padding: 0 10px;
	border: none;
}

/* lxl 20220711end */