body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,
img{border: 0;}
/* TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{font-style: normal;font-weight: normal;}
ol,
ul{list-style: none;}
caption,
th{text-align: left;}
h1,
h2,
h3,
h4,
h5,d
h6{font-size: 100%;font-weight: normal;}
q:before,
q:after{content: '';}
abbr,
acronym{border: 0;font-variant: normal;}
/* to preserve line-height and selector appearance*/sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input,
textarea,
select{font-family: inherit;font-size: inherit;font-weight: inherit;}
/*because legend doesn't inherit in IE*/legend{color: #000;}
textarea{resize: none;}
body{font: 14px/1.5 'Microsoft YaHei Regular', '微软雅黑', Helvetica, Sans-serif;}
:focus{outline: none;}
button{-ms-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
textarea{resize: none;}
h1,
h2,
h3,
h4,
h5,
h6,
strong{font-weight: bold;}
a{color: #007fff;text-decoration: none;}
a:hover{text-decoration: underline;}
[ms-controller]{display: none;}
.icon-popover-help{display: inline-block;height: 16px;width: 15px;margin-right: 3px;background: url('../img/arrow.png') -253px -55px no-repeat;vertical-align: middle;cursor: pointer;}
.clearfix{*zoom: 1;/* for IE 6/7*/}
.clearfix:before,
.clearfix:after{display: table;content: "";line-height: 0;/* for Opera*/}
.clearfix:after{clear: both;}
.pull-right{float: right;}
.pull-left{float: left;}
.hide{display: none;}
.show{display: block;}
.invisible{visibility: hidden;}
/** * button mixin*/.btn{display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;-ms-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding: 3px 14px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.btn:hover{text-decoration: none;}
.btn:hover,
.btn:focus{-webkit-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
.btn.active,
.btn:active{box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn-default{color: #3d5593;background-color: #ffffff;border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus{background: #f2f2f2;border-color: #bfbfbf;}
.btn-green{color: #ffffff;background-color: #65b445;border-color: #63b044;}
.btn-green:hover,
.btn-green:focus{background: #5ba23e;border-color: #599e3d;}
.btn-blue{color: #ffffff;background-color: #4795f8;border-color: #4292f8;}
.btn-blue:hover,
.btn-blue:focus{background: #2e87f7;border-color: #2a84f7;}
.btn-darkblue{color: #ffffff;background-color: #4d6aa4;border-color: #4b68a1;}
.btn-darkblue:hover,
.btn-darkblue:focus{background: #455f93;border-color: #435d8f;}
.btn-lightblue{color: #ffffff;background-color: #65affa;border-color: #60acfa;}
.btn-lightblue:hover,
.btn-lightblue:focus{background: #4ca2f9;border-color: #47a0f9;}
.btn-darkgray{color: #ffffff;background-color: #98aac3;border-color: #95a7c1;}
.btn-darkgray:hover,
.btn-darkgray:focus{background: #889dba;border-color: #859ab8;}
.btn-disabled,
.btn[disabled]{cursor: not-allowed;box-shadow: none;color: #aaaaaa;background-color: #f4f4f4;border-color: #f1f1f1;}
.btn-disabled:hover,
.btn[disabled]:hover,
.btn-disabled:focus,
.btn[disabled]:focus{color: #aaaaaa;background-color: #f4f4f4;border-color: #f1f1f1;}
.btn-disabled:active,
.btn[disabled]:active{box-shadow: none;}
.btn-radius{border-radius: 20px;}
.btn-large{padding: 4px 18px;font-size: 18px;line-height: 1.33;}
.btn-small{padding: 2px 2px;font-size: 12px;line-height: 1.5;}
.btn-block{display: block;width: 100%;}
.btn-block + .btn-block{margin-top: 5px;}
.alert{padding: 10px;border: 1px solid transparent;border-radius: 4px;*zoom: 1;/* for IE 6/7*/}
.alert:before,
.alert:after{display: table;content: "";line-height: 0;/* for Opera*/}
.alert:after{clear: both;}
.alert:before,
.alert:after{display: table;content: '';line-height: 0;}
.alert:after{clear: both;}
.alert .close{float: right;margin-left: 10px;color: inherit;font-size: 18px;cursor: pointer;font-weight: 700;line-height: 1em;opacity: 0.005;filter: alpha(opacity=0.5);opacity: 0.5;filter: alpha(opacity=50);}
.alert .close:hover{text-decoration: none;opacity: 0.01;filter: alpha(opacity=1);opacity: 1;filter: alpha(opacity=100);}
.alert-success{background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
.alert-info{background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.alert-warning{background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
.alert-danger{background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
.popover{position: absolute;top: 0;left: 0;z-index: 1060;display: none;padding: 1px;text-align: left;background-color: #ebeef4;background-clip: padding-box;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);color: #6a7182;white-space: normal;}
.popover.top{margin-top: -6px;}
.popover.right{margin-left: 6px;}
.popover.bottom{margin-top: 6px;}
.popover.left{margin-left: -6px;}
.popover-content{padding: 5px 10px;max-width: 350px;}
.popover-content-title{white-space: nowrap;}
.popover > .arrow,
.popover > .arrow:after{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.popover > .arrow{border-width: 7px;}
.popover > .arrow:after{border-width: 6px;content: "";}
.popover.top > .arrow{left: 50%;margin-left: -7px;border-bottom-width: 0;bottom: -7px;}
.popover.top > .arrow:after{content: " ";bottom: 1px;margin-left: -6px;border-bottom-width: 0;border-top-color: #ebeef4;}
.popover.right > .arrow{top: 50%;left: -7px;margin-top: -7px;border-left-width: 0;}
.popover.right > .arrow:after{content: " ";left: 1px;bottom: -6px;border-left-width: 0;border-right-color: #ebeef4;}
.popover.bottom > .arrow{left: 50%;margin-left: -7px;border-top-width: 0;top: -7px;}
.popover.bottom > .arrow:after{content: " ";top: 1px;margin-left: -6px;border-top-width: 0;border-bottom-color: #ebeef4;}
.popover.left > .arrow{top: 50%;right: -7px;margin-top: -7px;border-right-width: 0;}
.popover.left > .arrow:after{content: " ";right: 1px;border-right-width: 0;border-left-color: #ebeef4;bottom: -6px;}
.popover-red{background: #ff7277;color: #ffffff;}
.popover-red.top > .arrow:after{border-top-color: #ff7277;}
.popover-red.right > .arrow:after{border-right-color: #ff7277;}
.popover-red.bottom > .arrow:after{border-bottom-color: #ff7277;}
.popover-red.left > .arrow:after{border-left-color: #ff7277;}
.caret{display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.dropdown{position: relative;}
.dropdown-toggle:focus{outline: 0;}
.dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #ffffff;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;}
.dropdown-menu.pull-right{right: 0;left: auto;}
.dropdown-menu .divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.dropdown-menu > li > a{display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333333;white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{text-decoration: none;color: #262626;background-color: #f5f5f5;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{color: #ffffff;text-decoration: none;outline: 0;background-color: #428bca;}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{color: #777777;}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{text-decoration: none;background-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor: not-allowed;}
.open > .dropdown-menu{display: block;}
.open > a{outline: 0;}
.dropdown-menu-right{left: auto;right: 0;}
.dropdown-menu-left{left: 0;right: auto;}
.dropdown-header{display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #777777;white-space: nowrap;}
.dropdown-backdrop{position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 990;}
.pull-right > .dropdown-menu{right: 0;left: auto;}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{border-top: 0;border-bottom: 4px solid;content: "";}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{top: auto;bottom: 100%;margin-bottom: 1px;}
.carousel{position: relative;}
.carousel-inner{position: relative;overflow: hidden;width: 100%;}
.carousel-inner > .item{display: none;position: relative;-webkit-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{line-height: 1;}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev{display: block;}
.carousel-inner > .active{left: 0;}
.carousel-inner > .next,
.carousel-inner > .prev{position: absolute;top: 0;width: 100%;}
.carousel-inner > .next{left: 100%;}
.carousel-inner > .prev{left: -100%;}
.carousel-inner > .next.left,
.carousel-inner > .prev.right{left: 0;}
.carousel-inner > .active.left{left: -100%;}
.carousel-inner > .active.right{left: 100%;}
.carousel-control{position: absolute;top: 0;bottom: 0;width: 15%;opacity: 0.005;filter: alpha(opacity=0.5);opacity: 0.5;filter: alpha(opacity=50);font-size: 20px;color: #ffffff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-control.left{left: 0;}
.carousel-control.right{right: 0;}
.carousel-control:hover,
.carousel-control:focus{outline: 0;color: #ffffff;text-decoration: none;opacity: 0.009;filter: alpha(opacity=0.9);opacity: 0.9;filter: alpha(opacity=90);}
.carousel-control .icon-prev,
.carousel-control .icon-next{position: absolute;top: 50%;z-index: 5;display: inline-block;}
.carousel-control .icon-prev{left: 50%;margin-left: -10px;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control .icon-next{right: 50%;margin-right: -10px;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.carousel-control .icon-prev,
.carousel-control .icon-next{width: 20px;height: 20px;margin-top: -10px;font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.carousel-control .icon-prev:before{content: '‹';position: relative;top: -10px;}
.carousel-control .icon-next:before{content: '›';position: relative;top: -10px;}
.carousel-indicators{position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;margin-left: -30%;padding-left: 0;list-style: none;text-align: center;}
.carousel-indicators li{display: inline-block;width: 10px;height: 10px;margin: 1px 5px;text-indent: -999px;border: 1px solid #ffffff;border-radius: 10px;cursor: pointer;background-color: #000 \9;background-color: rgba(0, 0, 0, 0);}
.carousel-indicators .active{margin: 1px 4px;width: 12px;height: 12px;background-color: #ffffff;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.carousel-caption{position: absolute;left: 15%;right: 15%;bottom: 20px;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #ffffff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn{text-shadow: none;}
@media screen and (min-width: 768px){.carousel-control .icon-prev, .carousel-control .icon-next{width: 30px;height: 30px;margin-top: -15px;font-size: 30px;}
.carousel-control .icon-prev{margin-left: -15px;}
.carousel-control .icon-next{margin-right: -15px;}
.carousel-caption{left: 20%;right: 20%;padding-bottom: 30px;}}
.calendar{position: fixed;display: none;padding: 10px;width: 235px;border: 1px solid #d8d8d8;background: #ffffff;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 2px 2px 5px -2px #e5e5e5;font: 12px 'Tohoma';}
.calendar-banner,
.calendar-weeks,
.calendar-days{*zoom: 1;/* for IE 6/7*/}
.calendar-banner:before,
.calendar-weeks:before,
.calendar-days:before,
.calendar-banner:after,
.calendar-weeks:after,
.calendar-days:after{display: table;content: "";line-height: 0;/* for Opera*/}
.calendar-banner:after,
.calendar-weeks:after,
.calendar-days:after{clear: both;}
.calendar-banner:before,
.calendar-weeks:before,
.calendar-days:before,
.calendar-banner:after,
.calendar-weeks:after,
.calendar-days:after{display: table;content: '';line-height: 0;}
.calendar-banner:after,
.calendar-weeks:after,
.calendar-days:after{clear: both;}
.calendar-banner{background: #f5f5f5;text-align: center;padding: 5px;}
/* Core style for every cell*/.calendar .core{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;float: left;width: 14.28571429%;height: 30px;padding: 9px 0;border: 1px solid transparent;line-height: 1em;text-align: center;color: #333333;cursor: pointer;}

/* Prev/Next arrows*/.calendar .prev-arrow,
.calendar .next-arrow{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: 25px;height: 25px;padding-left: 9px;vertical-align: middle;position: relative;}
.calendar .prev-arrow:before,
.calendar .next-arrow:before{content: '';position: absolute;border: 5px solid;}
.calendar .prev-arrow:before{border-color: transparent #888888 transparent transparent;top: 7px;left: 3px;}
.calendar .next-arrow:before{border-color: transparent transparent transparent #888888;top: 7px;left: 9px;}
.calendar-year-month{margin: 0 10px;}
.calendar-year-month select{width: 60px;margin-right: 5px;}
.calendar-year-month select:last-child{margin-right: 0;}
/* Days of the week*/.calendar .week{background: #fbfbfb;color: #888888;cursor: default;}
/* Selectable days that are outside of current month being shown*/.calendar .outday,
.calendar .disabled{color: #b8b8b8 !important;}
/* Hover*/.calendar .day:hover{background: #eeeeee;}
.calendar .disabled:hover{background: transparent;}
.calendar .selected{border: 1px solid #3184ef;color: #3184ef;}
.calendar .selected:hover{background: transparent;}
/* Today*/.calendar .today:before{content: '';display: inline-block;border-left: 7px solid transparent;border-bottom: 7px solid #428bca;border-top-color: rgba(0, 0, 0, 0.2);position: absolute;bottom: 4px;right: 4px;}
/* Special*/.calendar .special{color: #fff;font-weight: bold;border-color: #0c0;background: #88e888;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88e888), color-stop(1%, #9dff9d), color-stop(2%, #42fd42), color-stop(98%, #01ab01), color-stop(99%, #37ef37), color-stop(100%, #37ef37));background: -webkit-linear-gradient(top, #88e888 0%, #9dff9d 1%, #42fd42 2%, #01ab01 98%, #37ef37 99%, #37ef37 100%);background: linear-gradient(to bottom, #88e888 0%, #9dff9d 1%, #42fd42 2%, #01ab01 98%, #37ef37 99%, #37ef37 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88e888', endColorstr='#37ef37', GradientType=0);}
.daterangepicker{display: none;position: fixed;padding: 10px;background: #ffffff;border: solid #d8d8d8;border-width: 2px 1px;z-index: 1000;}
.daterangepicker-banner{margin-bottom: 10px;}
.daterangepicker-banner a{border-right: 1px solid #d8d8d8;padding-right: 10px;margin-right: 10px;font-size: 12px;color: #333333;}
.daterangepicker-banner a:last-child{border-right: none;}
.daterangepicker-banner span{border-right: 1px solid #d8d8d8;padding-right: 10px;margin-right: 10px;font-size: 12px;color: #333333;cursor: pointer;}
.daterangepicker-banner span:last-child{border-right: none;}
.daterangepicker-content{*zoom: 1;/* for IE 6/7*/}
.daterangepicker-content:before,
.daterangepicker-content:after{display: table;content: "";line-height: 0;/* for Opera*/}
.daterangepicker-content:after{clear: both;}
.daterangepicker-content:before,
.daterangepicker-content:after{display: table;content: '';line-height: 0;}
.daterangepicker-content:after{clear: both;}
.daterangepicker-content .calendar{position: static;box-shadow: none;border: none;padding: 0;}
.daterangepicker-start,
.daterangepicker-end{float: left;position: relative;}
.daterangepicker-start input,
.daterangepicker-end input{opacity: 0;filter: alpha(opacity=0);position: absolute;top: 0;left: 0;}
.daterangepicker-start{margin-right: 20px;}
.daterangepicker-action .btn{margin: 20px 25px 0 0;}

.meeting-content{*zoom: 1;/* for IE 6/7*/}
.meeting-content:before,
.meeting-content:after{display: table;content: "";line-height: 0;/* for Opera*/}
.meeting-content:after{clear: both;}
.meeting-content:before,
.meeting-content:after{display: table;content: '';line-height: 0;}
.meeting-content:after{clear: both;}
.meeting-no-content{text-align: center;font-size: 15px;margin-top: 24px;}
.meeting h4{border-bottom: 1px solid #e3e3e3;font-size: 18px;padding-bottom: 5px;}
.meeting-info{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 424px;margin: 10px 5px 0;float: left;background: #fff;border: 1px solid #E9EBEE;position: relative;}
.meeting-info-main{position: relative;}
.meeting-info-desc,
.meeting-info-detail{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;height: 104px;width: 100%;overflow: auto;}
.meeting-info-detail h5{font-size: 15px;font-weight: bold;padding-bottom: 5px;border-bottom: 1px dashed #EBE2E2;}
.meeting-info-detail p{margin-top: 5px;font-size: 12px;}
.meeting-info-detail .meeting-place-icon,
.meeting-info-detail .meeting-time-icon{height: 12px;width: 14px;display: inline-block;background: url('../img/bg_icon.png?20170313');vertical-align: middle;}
.meeting-info-detail .meeting-place-icon{background-position: -500px -1503px;}
.meeting-info-detail .meeting-time-icon{background-position: -500px -1524px;}
.meeting-info-other{background: #f5f6f8;height: 40px;line-height: 40px;position: relative;*zoom: 1;/* for IE 6/7*/}
.meeting-info-other:before,
.meeting-info-other:after{display: table;content: "";line-height: 0;/* for Opera*/}
.meeting-info-other:after{clear: both;}
.meeting-info-other:before,
.meeting-info-other:after{display: table;content: '';line-height: 0;}
.meeting-info-other:after{clear: both;}
.meeting-info-join{float: left;padding-left: 10px;font-size: 12px;*zoom: 1;/* for IE 6/7*/}
.meeting-info-join:before,
.meeting-info-join:after{display: table;content: "";line-height: 0;/* for Opera*/}
.meeting-info-join:after{clear: both;}
.meeting-info-join:before,
.meeting-info-join:after{display: table;content: '';line-height: 0;}
.meeting-info-join:after{clear: both;}
.meeting-info-join > div,
.meeting-info-join > span{display: inline-block;}
.meeting-info-join .join-progress{margin: 0 10px;height: 12px;width: 110px;border-radius: 4px;background: #ffffff;overflow: hidden;vertical-align: text-top;}
.meeting-info-join .join-progress span{height: 12px;border-radius: 4px;background: #d6d6d6;display: inline-block;vertical-align: top;}
.meeting-info-status{position: absolute;top: 0;bottom: 0;right: 0;}
.meeting-info-status span{display: block;width: 80px;text-align: center;color: #fff;}
.meeting-info-status .status-stop,
.meeting-info-status .status-not-start{background: #B2BACB;}
.meeting-info-status .status-fail,
.meeting-info-status .status-verifying{background: #fec562;}
.meeting-info-status .status-success{background: #51d48e;}
.meeting-info-status .status-avalible{background: #76a3f8;}
.meeting-info-status .status-avalible.can-join{cursor: pointer;}
.meeting .page{text-align: right;margin-top: 10px;}
.meeting .page-action{height: 26px;line-height: 26px;border: 1px solid #ccc;display: inline-block;}
.meeting .page a{display: inline-block;height: 26px;padding: 0 6px;cursor: pointer;}
.meeting .page a:hover{background: #e4e9f9;text-decoration: none;}
.meeting .page a.active{font-size: 16px;color: #5B5B5B;font-weight: bold;}
.meeting .page a.active:hover{background: transparent;}
.learning-center .modal-body{background: url('../img/bg_repeat_learn.png?20170313');}
.learn-banner{*zoom: 1;/* for IE 6/7*/}
.learn-banner:before,
.learn-banner:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-banner:after{clear: both;}
.learn-banner:before,
.learn-banner:after{display: table;content: '';line-height: 0;}
.learn-banner:after{clear: both;}
.learn-type,
.learn-account{float: left;}
.learn-link{float: right;*zoom: 1;/* for IE 6/7*/}
.learn-link:before,
.learn-link:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-link:after{clear: both;}
.learn-link:before,
.learn-link:after{display: table;content: '';line-height: 0;}
.learn-link:after{clear: both;}
.learn-link a{float: left;padding: 3px 10px;color: #666666;background: #eaeaea;margin-left: 5px;font-size: 12px;}
.learn-type{*zoom: 1;/* for IE 6/7*/}
.learn-type:before,
.learn-type:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-type:after{clear: both;}
.learn-type:before,
.learn-type:after{display: table;content: '';line-height: 0;}
.learn-type:after{clear: both;}
.learn-type li{float: left;}
.learn-type li.active a{color: #000;border-bottom: 2px solid #000;cursor: default;}
.learn-type a{margin-right: 10px;font-size: 16px;color: #5097f2;cursor: pointer;text-decoration: none;}
.learn-account{margin-left: 120px;font-size: 12px;}
.learn-account strong{margin: 0 3px;color: #5097f2;font-size: 15px;vertical-align: middle;font-weight: normal;}
.learn-lessons{margin-top: 5px;border-top: 3px solid #5097f2;background: #fff;}
.learn-lessons-preview{padding: 15px;position: relative;margin-bottom: 15px;}
.learn-lessons-preview:after{content: '';background: url('../img/bg_repeat_x.png?20170313') 0 -328px;height: 8px;width: 100%;display: block;position: absolute;bottom: -7px;left: 0;}
.learn-lessons-preview .slide-up,
.learn-lessons-preview .slide-down{position: absolute;left: 50%;border: 15px solid;border-top: 10px solid;border-bottom: 10px solid;cursor: pointer;}
.learn-lessons-preview .slide-up{top: -5px;border-color: transparent transparent #c8c8c8 transparent;}
.learn-lessons-preview .slide-up:hover{border-color: transparent transparent #999 transparent;}
.learn-lessons-preview .slide-down{bottom: -5px;border-color: #c8c8c8 transparent transparent transparent;}
.learn-lessons-preview .slide-down:hover{border-color: #999 transparent transparent transparent;}
.learn-lessons-preview ul{height: 120px;overflow: hidden;position: relative;}
.learn-lessons-preview li{*zoom: 1;/* for IE 6/7*/height: 40px;border-bottom: 1px solid #ededed;-webkit-transition: margin 1s linear;transition: margin 1s linear;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.learn-lessons-preview li:before,
.learn-lessons-preview li:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-lessons-preview li:after{clear: both;}
.learn-lessons-preview li:before,
.learn-lessons-preview li:after{display: table;content: '';line-height: 0;}
.learn-lessons-preview li:after{clear: both;}
.learn-lessons-preview li .learn-name,
.learn-lessons-preview li .learn-complete-time,
.learn-lessons-preview li .learn-progress{color: #666;float: left;line-height: 40px;}
.learn-lessons-preview li .learn-complete-time{color: #f77046;}
.learn-lessons-preview li .learn-action{background-color: #f9e5de;float: right;line-height: 25px;margin-top: 7px;font-size: 12px;padding-right: 5px;color: #f77046;}
.learn-lessons-preview li .learn-name{width: 250px;max-width: 250px;white-space: nowrap;word-wrap: normal;overflow: hidden;text-overflow: ellipsis;display: inline-block;margin-right: 10px;}
.learn-lessons-preview li .learn-progress{font-size: 12px;}
.learn-lessons-preview li .learn-progress-total{display: inline-block;width: 350px;height: 14px;background-color: #dddddd;margin-right: 5px;vertical-align: text-top;}
.learn-lessons-preview li .learn-progress-complete{display: inline-block;height: 14px;background-color: #f77046;vertical-align: top;}
.learn-latest-group{height: 34px;top: 22px;left: 6px;position: absolute;background: url('../img/bg_learn_flag.png?20170313');font-size: 12px;display: none;}
.learn-latest-group a{display: block;height: 24px;margin-left: 8px;padding-top: 7px;padding-right: 12px;background-image: url('../img/bg_learn_flag.png?20170313');background-position: right -34px;color: #ffffff;}
.learn-latest-more-info{position: absolute;left: 10px;bottom: 0;text-align: center;background: #fff;padding: 10px 0;width: 230px;}
.learn-latest-more-info a{font-size: 16px;color: #666;}
.learn-latest-more-info span{font-size: 12px;}
.learn-latest-content{position: relative;}
.learn-latest-title{*zoom: 1;/* for IE 6/7*/}
.learn-latest-title:before,
.learn-latest-title:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-latest-title:after{clear: both;}
.learn-latest-title:before,
.learn-latest-title:after{display: table;content: '';line-height: 0;}
.learn-latest-title:after{clear: both;}
.learn-latest-title h4{float: left;font-size: 16px;}
.learn-latest-title a{float: right;color: #666;font-size: 12px;}
.learn-latest .latest-slide{width: 750px;height: 160px;overflow: hidden;margin: 0 auto;}
.learn-latest ul{width: 99999px;*zoom: 1;/* for IE 6/7*/}
.learn-latest ul:before,
.learn-latest ul:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-latest ul:after{clear: both;}
.learn-latest ul:before,
.learn-latest ul:after{display: table;content: '';line-height: 0;}
.learn-latest ul:after{clear: both;}
.learn-latest li{-webkit-transition: left 1s linear;transition: left 1s linear;float: left;padding: 0 10px;width: 250px;height: 160px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.learn-latest li img{width: 230px;height: 145px;}
.learn-latest .slide-left,
.learn-latest .slide-right{position: absolute;top: 0;bottom: 0;width: 50px;background: #fafafa;border: 1px solid #ddd;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
.learn-latest .slide-left{left: 0;}
.learn-latest .slide-left span{top: 50%;left: 20px;position: absolute;}
.learn-latest .slide-left span:before,
.learn-latest .slide-left span:after{color: transparent;bottom: 100%;border: solid;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.learn-latest .slide-left span:before{border-color: transparent #c8c8c8 transparent transparent;border-width: 15px;left: 50%;margin-left: -20px;top: 50%;margin-top: -15px;}
.learn-latest .slide-left span:after{border-color: transparent #fafafa transparent transparent;border-width: 10px;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;}
.learn-latest .slide-left:hover{background: #f7f7f7;}
.learn-latest .slide-left:hover span{position: absolute;}
.learn-latest .slide-left:hover span:before,
.learn-latest .slide-left:hover span:after{color: transparent;bottom: 100%;border: solid;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.learn-latest .slide-left:hover span:before{border-color: transparent #c8c8c8 transparent transparent;border-width: 15px;left: 50%;margin-left: -20px;top: 50%;margin-top: -15px;}
.learn-latest .slide-left:hover span:after{border-color: transparent #f7f7f7 transparent transparent;border-width: 10px;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;}
.learn-latest .slide-right{right: 0;}
.learn-latest .slide-right span{top: 50%;right: 20px;position: absolute;}
.learn-latest .slide-right span:before,
.learn-latest .slide-right span:after{color: transparent;bottom: 100%;border: solid;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.learn-latest .slide-right span:before{border-color: transparent transparent transparent #c8c8c8;border-width: 15px;left: 50%;margin-left: -10px;top: 50%;margin-top: -15px;}
.learn-latest .slide-right span:after{border-color: transparent transparent transparent #fafafa;border-width: 10px;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;}
.learn-latest .slide-right:hover{background: #f7f7f7;}
.learn-latest .slide-right:hover span{position: absolute;}
.learn-latest .slide-right:hover span:before,
.learn-latest .slide-right:hover span:after{color: transparent;bottom: 100%;border: solid;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.learn-latest .slide-right:hover span:before{border-color: transparent transparent transparent #c8c8c8;border-width: 15px;left: 50%;margin-left: -10px;top: 50%;margin-top: -15px;}
.learn-latest .slide-right:hover span:after{border-color: transparent transparent transparent #f7f7f7;border-width: 10px;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;}
.learn .no-lessons{padding: 40px;text-align: center;}
.learn-category{margin-top: 10px;*zoom: 1;/* for IE 6/7*/}
.learn-category:before,
.learn-category:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-category:after{clear: both;}
.learn-category:before,
.learn-category:after{display: table;content: '';line-height: 0;}
.learn-category:after{clear: both;}
.learn-category h4{font-size: 16px;margin-bottom: 10px;}
.learn-category-content{padding-left: 50px;*zoom: 1;/* for IE 6/7*/}
.learn-category-content:before,
.learn-category-content:after{display: table;content: "";line-height: 0;/* for Opera*/}
.learn-category-content:after{clear: both;}
.learn-category-content:before,
.learn-category-content:after{display: table;content: '';line-height: 0;}
.learn-category-content:after{clear: both;}
.learn-category dl{font-size: 12px;float: left;margin-left: 35px;width: 133px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.learn-category dl:first-child{margin-left: 0;}
.learn-category dl span{display: inline-block;padding: 1px 3px;margin-right: 3px;color: #fff;background-color: #666;line-height: 1em;}
.learn-category dl a{color: #666;}
.learn-pay-icon,
.learn-num-icon,
.learn-score-icon,
.learn-price-icon,
.learn-pay-icon,
.learn-example-icon,
.learn-help-icon,
.learn-play-icon{display: inline-block;width: 11px;height: 11px;vertical-align: middle;margin-left: 3px;background-image: url('../img/bg_icon.png?20170313');}
.learn-pay-icon{height: 13px;background-position: -388px -1499px;}
.learn-example-icon{background-position: -215px -1500px;}
.learn-help-icon{background-position: -237px -1500px;}
.learn-play-icon{width: 15px;height: 15px;background-position: -255px -1498px;}
.learn-pay-icon,
.learn-num-icon,
.learn-score-icon,
.learn-price-icon{height: 20px;width: 25px;}
.learn-pay-icon{background-position: -154px -1539px;}
.learn-num-icon{background-position: -180px -1539px;}
.learn-score-icon{background-position: -210px -1539px;}
.learn-price-icon{background-position: -265px -1539px;}
.complain-type{border-bottom: solid 1px #ccc;}
.complain-type li{position: relative;top: 1px;display: inline-block;margin-left: 10px;padding: 7px 10px;background: #e6e6e6;border: 1px solid #ccc;border-bottom: none;cursor: pointer;line-height: 1em;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.complain-type li.active{background: #fff;}
.complain-content{padding: 10px;}
.complain-content > p,
.complain-content > div{margin-bottom: 10px;}
.complain-content label{color: #999;display: inline-block;width: 80px;text-align: right;vertical-align: middle;}
.complain-content div label{vertical-align: top;}
.complain-content textarea{width: 450px;height: 90px;}
.complain-error,
.complain-tip{color: #999;margin-left: 83px;}
.complain-error{color: #ff0000;}
.complain-contact p{color: #999;}
.complain-contact > div{padding: 11px;}
.complain-contact .complain-contact-rec{position: relative;margin-top: 10px;padding: 10px;border: solid 1px #ffead3;background: #f3fcf8;background-image: -webkit-linear-gradient(top, #ffffff, #fcf8f0);background-image: linear-gradient(top, #ffffff, #fcf8f0);}
.complain-contact .complain-contact-rec a{cursor: pointer;}
.complain-contact .complain-contact-rec-icon{position: absolute;top: 0;right: 20px;width: 60px;height: 45px;background-image: url('../img/bg_icon.png?20170313');background-position: 0 -1450px;}
.call-adviser p{margin-top: 10px;}
.call-adviser label,
.call-adviser-error{margin-left: 20px;}
.call-adviser .call-adviser-actions{margin-top: 20px;}
.call-adviser-error{color: #ff0000;margin-left: 65px;}
.contact-send-message{display: none;}
.contact .close{position: absolute;cursor: pointer;right: 15px;top: 10px;font-size: 20px;line-height: 20px;font-weight: lighter;}
.contact-info{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(../img/bg_adviser.png);background-size: 100% 100%;width: 100%;color: #ffffff;box-shadow: 0 1px 6px -1px #999999;}
.contact-info h4{font-size: 18px;color: #414652;}
.contact-adviser,
.contact-info h4,
.contact-related{padding: 0 25px;}
.contact-adviser{*zoom: 1;/* for IE 6/7*/}
.contact-adviser:before,
.contact-adviser:after{display: table;content: "";line-height: 0;/* for Opera*/}
.contact-adviser:after{clear: both;}
.contact-adviser:before,
.contact-adviser:after{display: table;content: '';line-height: 0;}
.contact-adviser:after{clear: both;}
.contact-adviser:before{content: '';background: url(../img/adviser.png) no-repeat;background-size: 85px 90px;width: 85px;height: 90px;margin: 15px 168px;}
.contact-adviser-info{margin-top: 10px;}
.contact-adviser-info p{line-height: 1.8em;text-align: center;}
.contact-adviser-info div > :first-child{font-size: 18px;margin: 5px;}
.contact-adviser-profile{float: left;background: url('../img/icon.png?20170313') 2px -110px;width: 100px;height: 90px;margin-right: 10px;}
.contact-adviser .adviser-email{display: inline-block;width: 390px;text-overflow: ellipsis;overflow-x: hidden;vertical-align: bottom;white-space: nowrap;}
.contact-related{margin-top: 15px;font-size: 0;}
.contact-related .btn{display: inline-block;margin-left: 17px;width: 65px;color: #ffffff;line-height: 2em;font-size: 12px;}
.contact-related .btn:first-child{margin-left: 0;}
.operation{height: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.operation-item{position: relative;}
.operation-contact,
.operation-self-service,
.operation-real-time{background: #ffffff;box-shadow: 0 1px 6px -1px #999999;width: 66px;height: 66px;display: inline-block;cursor: pointer;text-align: center;}
.operation-contact i,
.operation-self-service i,
.operation-real-time i{background: url('../img/icon.png?20170313');display: inline-block;width: 34px;height: 37px;margin-top: 4px;}
.operation-contact em,
.operation-self-service em,
.operation-real-time em{display: block;color: #8a95aa;margin-top: -5px;}
.operation-contact.hover,
.operation-self-service.hover,
.operation-real-time.hover,
.operation-contact:hover,
.operation-self-service:hover,
.operation-real-time:hover{background: #8a95aa;}
.operation-contact.hover em,
.operation-self-service.hover em,
.operation-real-time.hover em,
.operation-contact:hover em,
.operation-self-service:hover em,
.operation-real-time:hover em{color: #ffffff;}
.operation-self-service i{background-position: -230px -106px;}
.operation-self-service.hover i,
.operation-self-service:hover i{background-position: -184px -106px;}
.operation-contact i{background-position: -137px -106px;}
.operation-contact.hover i,
.operation-contact:hover i{background-position: -92px -106px;}
.operation .module-wrap{padding: 0 20px;padding-right: 0;min-height: 150px;}
.operation .module-wrap-first{margin-bottom: 5%;}
.operation .module-wrap-last{height: 230px;}
.operation .module-wrap .module-name{font-size: 15px;padding-top: 15px;color: #333333;}
.operation .module-wrap .module-name:before{content: '';width: 100%;border-bottom: 1px solid #dedede;position: absolute;top: 270px;left: 20px;}
.operation .module-wrap .module-name:after{content: '';width: 100%;border-bottom: 1px solid #dedede;position: absolute;top: 435px;left: 20px;}
.operation .sub-modules-wrap{margin-top: 15px;}
.operation .sub-modules-wrap .sub-modules{display: inline-block;background-size: 60px;width:100px;background-repeat: no-repeat;margin-right: 20px;cursor: pointer;font-size: 13px;position: relative;margin-bottom: 10px; }
.operation .sub-modules-wrap .sub-modules .sub-module-title{display: block;text-align: center;color: #2178DB;text-decoration: none;}
.operation .sub-modules-wrap .sub-modules .free-ask-wrap{position: relative;}
.operation .sub-modules-wrap .sub-modules .free-ask-wrap .free-ask-number{position: absolute;background: #2178DB;width: 150px;height: 40px;line-height: 40px;border-radius: 5px;color: #fff;font-size: 20px;top: -40px;z-index: 100;left: -43px;text-align: center;}
.operation .sub-modules-wrap .sub-modules .free-ask-wrap .free-ask-triangle{position: absolute;top: -5px;left: 20px;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #2178DB transparent transparent transparent;}
.operation .sub-modules-wrap .sub-modules .module-popover{position: absolute;top: -70px;width: 130px;height: 40px;padding: 10px;left: -100px;border: 1px solid #e3e3e3;color: #666;background-color: #fff;}
.operation .sub-modules-wrap .sub-modules .module-popover .arrow{padding: 5px;top: 60px;left: 122px;position: absolute;}
.operation .sub-modules-wrap .sub-modules .module-popover .arrow:before,
.operation .sub-modules-wrap .sub-modules .module-popover .arrow:after{color: transparent;bottom: 100%;border: solid;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.operation .sub-modules-wrap .sub-modules .module-popover .arrow:before{border-color: #e3e3e3 transparent transparent transparent;border-width: 6px;left: 50%;margin-left: -6px;top: 64%;margin-top: -5px;}
.operation .sub-modules-wrap .sub-modules .module-popover .arrow:after{border-color: #ffffff transparent transparent transparent;border-width: 5px;left: 50%;margin-left: -5px;top: 50%;margin-top: -5px;}
.operation .sub-modules-wrap .sub-modules .module-popover .close{width: 20px;height: 20px;position: absolute;top: -10px;left: 140px;background-image: url('../img/online-search-new-close.png?20170313');background-size: 20px 20px;}
.operation .sub-modules-wrap .sub-modules.prior-audit{background-image: url('../img/prior_audit.png?20170313');}
.operation .sub-modules-wrap .sub-modules.add-no-limitions{background-image: url('../img/add_no_limitions.png?20170313');}
.operation .sub-modules-wrap .sub-modules.online-learning{background-image: url('../img/online_learning.png?20170313');}
.operation .sub-modules-wrap .sub-modules.my-application{background-image: url('../img/my_application.png?20170313');}
.operation .sub-modules-wrap .sub-modules.complain{background-image: url('../img/advice.png?20170313');background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .sub-modules.enter-training{background-image: url('../img/signup.png?20170313');background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .sub-modules.call-adviser{background-image: url('../img/call-adviser.png?20170313');}
.operation .sub-modules-wrap .sub-modules.my-adviser{background-image: url('../img/my-assitant.png?20170313');background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .sub-modules.phone-callback{background-image: url('../img/callback.png?20170313');background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .sub-modules.online-search-new{background-image: url('../img/search-new.png?20170313');background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .sub-modules-last{margin-right: 0;}
.operation .sub-modules-wrap .online-ask{background-image: url(../img/online-ask.png);background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .free-ask{background-image: url(../img/free-ask.png);background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .prod-serve{background-image: url(../img/prod-serve.png);background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .solution{background-image: url(../img/solution.png);background-size: 50px;background-position: 8px 10px;}
.operation .sub-modules-wrap .success-case{background-image: url(../img/success-case.png);background-size: 50px;background-position: 8px 10px;}
.contact-send-message{display: none;}
.contact-send-email{margin-left: 10px;}
.contact .close{position: absolute;cursor: pointer;right: 15px;top: 10px;font-size: 20px;line-height: 20px;font-weight: lighter;}
.contact-info-content{-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(../img/bg_adviser.png);background-size: 100% 100%;width: 100%;padding: 30px 0 3px 0;color: #ffffff;border-radius: 5px;}
.contact-info-content h4{padding-left: 25px;font-size: 15px;color: #414652;}
.contact-adviser,
.contact-info h4,
.contact-related{padding: 0 25px;}
.contact-adviser{*zoom: 1;/* for IE 6/7*/}
.contact-adviser:before,
.contact-adviser:after{display: table;content: "";line-height: 0;/* for Opera*/}
.contact-adviser:after{clear: both;}
.contact-adviser:before,
.contact-adviser:after{display: table;content: '';line-height: 0;}
.contact-adviser:after{clear: both;}
.contact-adviser-info{margin-top: 10px;}
.contact-adviser-info p{line-height: 1.8em;}
.contact-adviser-profile{float: left;background: url('../img/icon.png?20170313') 2px -110px;width: 100px;height: 90px;margin-right: 10px;}
.contact-adviser .adviser-email{display: inline-block;width: 390px;text-overflow: ellipsis;overflow-x: hidden;vertical-align: bottom;white-space: nowrap;}
.contact-related{margin: 36px 0px 7px 0px;font-size: 0;}
.contact-related .btn{display: inline-block;width: 30px;margin-left: 45px;position: relative;color: #ffffff;line-height: 2em;font-size: 14px;padding: 0px 25px 0px 47px;}
.contact-send-email:before{content: '';background: url(../img/change_adviser.png) no-repeat;background-size: 17px 16px;position: absolute;left: 20px;top: 6px;width: 24px;height: 25px;}
.message-call-adviser:before{content: '';background: url(../img/phone.png) no-repeat;background-size: 16px 16px;position: absolute;left: 26px;top: 8px;width: 24px;height: 24px;}
.send-email{margin-right: -15px;}
.send-email:before{content: '';background: url(../img/email.png) no-repeat;background-size: 20px 14px;position: absolute;left: 23px;top: 9px;width: 24px;height: 25px;}
.error-page{background: #f0f1f3;padding: 80px 0 180px;}
.error-page-container{position: relative;z-index: 1;}
.error-page-main{position: relative;background: #f9f9f9;margin: 0 auto;width: 617px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 50px 50px 70px;}
.error-page-main:before{content: '';display: block;background: url('../img/errorPageBorder.png?20170313');height: 7px;position: absolute;top: -7px;width: 100%;left: 0;}
.error-page-main h3{font-size: 24px;font-weight: normal;border-bottom: 1px solid #d0d0d0;}
.error-page-main h3 strong{font-size: 54px;font-weight: normal;margin-right: 20px;}
.error-page-main h4{font-size: 20px;font-weight: normal;color: #333;}
.error-page-actions{font-size: 0;z-index: 100;}
.error-page-actions div{font-size: 14px;display: inline-block;padding: 30px 0 0 10px;width: 50%;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #838383;}
.error-page-actions ol{list-style: decimal;padding-left: 20px;}
.error-page-actions li{line-height: 2.5em;}
.error-page-actions:before{content: '';display: block;position: absolute;z-index: -1;bottom: 17px;left: 50px;width: 200px;height: 10px;box-shadow: 4px 5px 31px 11px #999999;-webkit-transform: rotate(-4deg);-ms-transform: rotate(-4deg);transform: rotate(-4deg);}
.error-page-actions:after{content: '';display: block;position: absolute;z-index: -1;bottom: 17px;right: 50px;width: 200px;height: 10px;box-shadow: 4px 5px 31px 11px #999999;-webkit-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg);}
.toolbar{position: absolute;bottom: 100%;width: 100%;}
.toolbar .face{position: absolute;left: 2px;bottom: 0px;line-height: 40px;background: #fff;border: solid 1px #dcdcdc; z-index: 99999;}
.toolbar .face .face-wrap{width: auto;max-width: 700px; min-width: 360px;  height: 177px;padding: 0 20px 0 0;}
.toolbar .face .face-wrap .face-item{float: left;width: 100%;height: 35px; line-height: 35px;font-size: 13px;color: #333;padding: 0px 10px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.toolbar .face .face-wrap .face-item:hover{background: #dcdcdc;}
.toolbar .toolbar-btns{background-color: #fbfbfb;overflow: hidden;padding: 5px 0;border-top: 1px solid #dedede;margin-bottom: -22px;}
.toolbar .toolbar-btns button,
.toolbar .toolbar-btns div{text-indent: -999px;border: none;outline: none;float: left;width: 30px;height: 30px;cursor: pointer;position: relative;overflow: hidden;padding: 0;}
.toolbar .toolbar-btns button form,
.toolbar .toolbar-btns div form{display: block;height: 30px;}
.toolbar .toolbar-btns button input,
.toolbar .toolbar-btns div input{position: absolute;line-height: 30px;right: 0;opacity: 0.01;cursor: pointer;}
.toolbar .toolbar-btns .toolbar-item{margin-left: 15px;}
.toolbar .toolbar-btns .bnt-face{}
.toolbar .toolbar-btns .bnt-pic{background: url(../img/toolbar-pic.png) center no-repeat;background-size: 24px;}
.toolbar .toolbar-btns .bnt-file{display: none;background: url(../img/toolbar-file.png) center no-repeat;}
.toolbar .toolbar-btns .bnt-close{text-indent: 0;float: right;width: 110px;color: #999;background-color: #fbfbfb;border: 1px solid #dedede;border-radius: 5px;font-size: 14px;margin: 4px 20px 0px 30px;padding: 2px 7px 2px 7px;}
.toolbar .c-tip-arrow{position: absolute;z-index: 1;bottom: 1px;left: 12px;background: #fff;}
.toolbar .c-tip-arrow em,
.toolbar .c-tip-arrow ins{width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;border: 8px solid transparent;border-style: solid dashed dashed dashed;border-color: transparent;left: 15px;}
.toolbar .c-tip-arrow ins{border-top-color: #fff;}
.toolbar .c-tip-arrow em{top: 2px;font-style: normal;border-top-color: #d8d8d8;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
[ms-controller]{display: none;}
.loading-wrap{position: absolute;top: 61px;left: 50%;width: 143px;margin-left: -71.5px;z-index: 1;background: #fff;}
.loading{border: 1px solid #c8c8c8;box-shadow: 0 0 4px #c8c8c8;padding-left: 45px;height: 50px;line-height: 50px;color: #333;background: url("../img/loading.gif") 10px 8px no-repeat;}
.home{overflow: hidden;position: absolute;top: 0;bottom: 0;width: 100%;background: #fff;}
.grid-main{position: absolute;right: 0;left: 80px;bottom: 0;top: 80px;}
.grid-header{text-align: left;padding-left: 18px;background-color: #fff;color: #999;border-bottom: 1px solid #dedede;width: auto;height: 80px;position: absolute;right: 0;left: 80px;bottom: 0;top: 0;z-index: 1;}
.grid-header .main-title,
.grid-header .main-subtitle{margin: 0;white-space: nowrap;word-wrap: normal;overflow: hidden;text-overflow: ellipsis;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.grid-header .main-title{padding-top: 25px;margin-bottom: 2px;font-size: 16px;color: #333;}
.grid-sidebar{background-color: #007fff;border-right: 2px solid #007fff;width: 80px;height: 100%;position: relative;z-index: 2;color: #fff;}
.grid-sidebar:before{content: '';position: absolute;top: 0;left: 0;background: url("../img/e-robot.png") no-repeat 8px 16px;background-size: 64px 64px;width: 80px;height: 80px;}
.grid-sidebar .sidebar-title{position: absolute;top: 85px;left: 20px;}
.grid-left,
.grid-right{-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;top: 0;bottom: 0;}
.grid-left{left: 0;right: 284px;}
.grid-left.two-grid{padding-right: 0;width: 100%;}
.grid-right{right: 0px;width: 284px;background: #fff;border-left: 1px solid #dedede;overflow-y: auto;overflow-x: hidden;}
.grid-right:after{content: '';border-left: 1px solid #fff;position: absolute;top: 0;bottom: 0;}
.talk-to-people #message-view-wrap{bottom: 194px;}
#message-view-wrap{overflow-y: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 150px;}
#message-input-wrap{border-top: 1px solid #dedede;margin-top: 1px;position: absolute;bottom: 0;left: 0;right: 0;min-width: 300px;}
#recommend-wrap{height: 215px;}
#operation-wrap{margin-top: 5%;width: 100%;}
#operation-wrap:after{content: '';border-top: 1px solid #fff;position: absolute;left: 0;top: 0;width: 100%;}
@media screen and (max-width: 530px){.grid-right{display: none !important;}
.grid-left{right: 0 !important;}}
.message-view{padding: 0 18px;font-size: 14px;}
.message-view .view-content{display: inline-block;margin-top: 7px;padding: 10px;color: #fff;background-color: #e6f3fe;border-radius: 3px;border-width: 1px;border-style: solid;border-color: #e3e3e3;}
.message-view .view-content-title{text-align: center;padding: 4% 0 4% 0;border-bottom: 1px solid #e3e3e3;}
.message-view .answer{margin: 20px 0px 20px 0px;padding: 0px 45px;min-width: 100px;background: url("../img/animal.png") 0 30px no-repeat;position: relative;-moz-box-sizing: border-box;box-sizing: border-box;}
.message-view .answer:before{content: '';position: absolute;z-index: 1;left: 43px;top: 47px;width: 11px;height: 11px;background-color: #fbfbfb;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.message-view .answer:after{content: '';position: absolute;z-index: 0;left: 41px;top: 48px;width: 7px;height: 7px;background-color: #fbfbfb;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);border: 1px solid #e3e3e3;}
.message-view .answer-head{color: #9c9c9c;margin: -22px 0 2px 0;}
.message-view .answer img{display: block;max-width: 100%;}
.message-view .answer .view-content{margin: 7px 0px 40px 0;padding: 15px;color: #666;background-color: #fbfbfb;border-radius: 3px;line-height: 27px;min-width: 100px;max-width: 100%;overflow-x: auto;}
.message-view .answer .view-content-guid{background-color: #fff;}
.message-view .answer .view-content-new{margin-left: 3px;padding: 0px 2px;background: url("../img/new.png") no-repeat;position: absolute;width: 29px;height: 12px;background-size: 24px 12px;top: -3px;right: -24px;}
.message-view .answer .view-content-hot{margin-left: 3px;padding: 0px 2px;background: url("../img/hot.png") no-repeat;position: absolute;width: 29px;height: 12px;background-size: 24px 12px;top: -3px;right: -24px;}
.message-view .answer .view-content-body{border-top: 1px solid #e3e3e3;}
.message-view .answer .view-content-tab{margin-top: 10px;position: relative;}
.message-view .answer .view-content-recommand{height: 170px;}
.message-view .answer .view-content-list{clear: both;display: none;position: absolute;top: 0px;left: 150px;padding: 10px 0 8px 35px;width: auto;color: #007fff;background-color: #fff;}
.message-view .answer .view-content-list li{list-style-type: square;cursor: pointer;}
.message-view .answer .view-content .class-block{text-align: left;position: relative;width: 130px;}
.message-view .answer .view-content .class-title{padding: 8px 15px;display: block;width: 120px;height: 30px;color: #555;border-radius: 5px;text-align: left;background-color: #fff;cursor: pointer;}
.message-view .answer .view-content .class-list{display: none;position: absolute;top: 40px;left: 0;}
.message-view .answer .view-content .class-show{display: block;}
.message-view .answer .view-content .class-arrow{position: absolute;z-index: 2;left: 145px;top: -24px;bottom: -5px;width: 10px;height: 10px;background: #e3e3e3;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.message-view .answer .view-content .class-arrow:after{content: '';position: absolute;z-index: 1;left: 1px;top: -1px;width: 10px;height: 10px;background: #fff;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.message-view .answer .view-content-level{display: block;float: none;padding: 20px 0px 30px 30px;width: 522px;height: 238px;background-color: #fff;color: #9d9d9d;background: none;position: static;}
.message-view .answer .view-content-level li{float: left;margin: 0px 15px 10px 0;padding: 2px 31px;font-size: 12px;list-style: none;background-color: #fff;border-radius: 50px;}
.message-view .answer .view-content-level .color-red{border: 1px solid #fff5f5;}
.message-view .answer .view-content-level .color-yellow{border: 1px solid #f3faea;}
.message-view .answer .view-content-level .color-blue{border: 1px solid #f3f8ff;}
.message-view .answer .view-content-level .red-new{position: relative;}
.message-view .answer .view-content-level .yellow-hot{position: relative;}
.message-view .answer .view-content .searchDate,
.message-view .answer .view-content searchLongDate{margin-bottom: 25px;padding: 5px 10px;width: 180px;border: 1px solid #6a7182;border-radius: 50px;text-align: center;cursor: pointer;background: #f0f1f3 none repeat scroll 0 0;}
.message-view .answer .view-content .apply-submit{width: 70px;height: 25px;color: #fff;border: none;border-radius: 5px;background-color: #4ca4fe;padding: 5px 10px;cursor: pointer;}
.message-view .answer .view-content .apply-api-cur{background-color: #fff;border: none;}
.message-view .answer .view-content .apply-api-head{text-align: center;}
.message-view .answer .view-content .apply-api-body{background-color: #fff;margin: 15px -15px;padding: 15px;position: relative;}
.message-view .answer .view-content .apply-api-title{display: inline-block;text-align: right;padding-right: 2%;width: 110px;color: #999;float: left;vertical-align: top;}
.message-view .answer .view-content .apply-api-tips{color: #666;}
.message-view .answer .view-content .apply-api-content{padding: 5px;width: 62%;border-color: #e3e3e3;color: #666;}
.message-view .answer .view-content .apply-api-btns{display: block;margin: 10px;}
.message-view .answer .view-content .apply-api-btn{display: inline-block;border: 1px solid #e3e3e3;width: 23%;height: 30px;color: #666;text-decoration: none;}
.message-view .answer .view-content .apply-api-reason{-webkit-appearance: none;-moz-appearance: none;height: 80px;width: 64%;border: 1px solid #e3e3e3;}
.message-view .answer .view-content .apply-api label{display: block;text-align: center;margin: 1%;}
.message-view .answer .view-content .apply-api label select{-webkit-appearance: none;-moz-appearance: none;background: url("../img/dropdown_arrow.png") no-repeat;background-size: 13px;background-position: 97% 55%;width: 66%;text-indent: 0.01px;color: #666;padding: 6px;border: 1px solid #e3e3e3;border-radius: 0px;}
.message-view .answer .view-content .apply-api label input{outline: none;padding: 10px;border: 1px solid #e3e3e3;}
.message-view .answer .view-content .apply-api label input[readonly="readonly"]{border-width: 0px;width: 224px;padding: 0px;}
.message-view .answer .view-content img{display: block;max-width: 100%;}
.message-view .answer .view-content table{margin-bottom: 10px;background: #fff;}
.message-view .answer .view-content table,
.message-view .answer .view-content td,
.message-view .answer .view-content th{border-collapse: collapse;border: 1px solid #e6f3fe;color: #747474;}
.message-view .answer .view-content td,
.message-view .answer .view-content th{padding: 0 15px;line-height: 26px;height: 24px;text-align: left;min-width: 86px;}
.message-view .answer .view-content td{word-break: break-word;}
.message-view .answer .view-content th{background-color: #d2e7ff;color: #4d7aa4;white-space: nowrap;}
.message-view .answer .view-content tr tdfirst-child,
.message-view .answer .view-content tr thfirst-child{text-align: right;}
.message-view .answer .guid{margin: 7px 0px 0px 0px;padding: 0px;background-color: #fff;}
.message-view .answer .guid-title{padding: 15px;background-color: #fbfbfb;}
.message-view .answer .apply-receipt{width: 450px;}
.message-view .answer .apply-receipt p{color: #999;}
.message-view .answer .apply-receipt .receipt-dividing-line{position: relative;}
.message-view .answer .apply-receipt .receipt-dividing-line:after{content: '';background: url("../img/dividing_line.png") no-repeat;background-size: 100% 100%;width: 100%;height: 10px;position: absolute;top: -20px;left: 0px;}
.message-view .answer .apply-receipt .receipt-link{position: relative;color: #666;}
.message-view .answer .apply-receipt .receipt-link:after{content: '';background: url("../img/write.png") no-repeat;background-size: 100% 100%;width: 15px;height: 15px;position: absolute;top: 0px;left: 62px;}
.message-view .answer .apply-receipt .turn-to-consult{display: inline-block;margin: 10px 0;color: #4ca4fe;cursor: pointer;}
.message-view .answer .apply-receipt .apply-api-title{width: 168px;float: left;vertical-align: middle;}
.message-view .answer .apply-receipt .receipt-submit{width: 70px;height: 25px;color: #fff;border: none;border-radius: 5px;background-color: #4ca4fe;font-size: 14px;padding: 5px 10px;margin: 3px 0px;cursor: pointer;}
.message-view .answer .apply-receipt .word-style{word-wrap: break-word;display: inline-block;width: 222px;text-align: left;padding: 0px;}
.message-view .answer-comment{color: #828a91;margin-top: 15px;margin: 15px -15px -15px -15px;height: 43px;background-color: #fff;padding: 15px 15px 0px 15px;}
.message-view .answer-comment span,
.message-view .answer-comment em{height: 28px;line-height: 28px;display: inline-block;}
.message-view .answer-comment-satisfied{margin-left: 4px;padding-left: 18px;color: #007fff;cursor: pointer;float: left;background: url("../img/like.png") 0 0 no-repeat;background-size: 14px;background-position: 0px;}
.message-view .answer-comment-dissatisfied{float: left;margin-left: 100px;padding-left: 18px;color: #a0a0a0;cursor: pointer;background: url("../img/dislike.png") 0px 0px no-repeat;background-size: 14px;background-position: 0px;}
.message-view .answer-comment-thanks{padding-left: 24px;background: url("../img/thanks.png") 0 0 no-repeat;background-size: 14px;background-position: 0px;}
.message-view .answer-comment-disthanks{padding-left: 24px;background: url("../img/disthanks.png") 0 7px no-repeat;background-size: 14px;background-position: 0px;}
.message-view .answer-link{margin-top: 10px;padding-top: 5px;}
.message-view .answer-link li{padding: 0px;}
.message-view .answer-link li a{cursor: pointer;}
.message-view .question{margin-bottom: 20px;padding: 20px 45px;text-align: right;}
.message-view .question-time{margin-left: 10px;}
.message-view .question-content{text-align: left;background: #007fff;word-break: break-all;display: inline-block;position: relative;border: none;}
.message-view .question-content:after{content: '';position: absolute;z-index: 1;top: 16px;right: -4px;width: 10px;height: 10px;background: #007fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.enlarge-img{position: fixed;top: 0;left: 0;bottom: 0;right: 0;overflow: auto;text-align: center;background-color: rgba(0,0,0,0.5);z-index: 10;}
.enlarge-img img{margin: 20px auto;max-width: 90%;max-height: 90%;cursor: pointer;}
.apply-api{width: 400px;text-align: center;}
.message-view .answer img[data-face-id]{display: inline;}
.tools{width: 585px;height: 230px;}
a.apply-api-tool{text-decoration: none;width: 165px;height: 220px;background-color: #fff;padding: 10px;margin: 15px 10px 0px 0px;float: left;}
a.apply-api-tool span{color: #007fff;font-size: 11px;border: 1px solid #007fff;border-radius: 2px;padding: 0px 2px 0px 2px;}
.tool-title{color: #333;}
.tool-info{font-size: 13px;text-align: center;color: #999;paddin: 5px;}
.tool-icon{margin: 10px 0px 10px 60px;border-radius: 9px;}
.view-content-apply-guid{width: 447.5px;}
.view-content-apply-guid .view-content-apply-title{text-align: center;padding: 12.5px 0 31.25px 0;font-size: 18px;}
.view-content-apply-guid .view-content-apply-subtitle{text-align: left;padding: 0 20px;font-size: 14px;}
.view-content-apply-guid .view-content-apply-basic-form{margin-top: 30px;padding: 0 20px;}
.view-content-apply-guid .view-content-apply-basic-form li{height: 45px;}
.view-content-apply-guid .view-content-apply-basic-form li label{display: inline-block;width: 90px;text-align: right;margin-right: 12px;}
.view-content-apply-guid .view-content-apply-basic-form li input,
.view-content-apply-guid .view-content-apply-basic-form li select{width: 295px;height: 30px;}
.view-content-apply-guid .view-content-apply-basic-form li label.required:before{content: "*";color: #f00;padding-right: 5px;}
.view-content-apply-guid .view-content-apply-basic-form li select{width: 296px;margin-left: 1px;border: 0px;outline: 1px solid #ccc;}
.view-content-apply-guid .view-content-apply-add-form{margin-top: 30px;padding: 0 20px;}
.view-content-apply-guid .view-content-apply-add-form li{height: 60px;}
.view-content-apply-guid .view-content-apply-add-form li label{display: inline-block;width: 180px;text-align: left;margin-right: 12px;}
.view-content-apply-guid .view-content-apply-add-form li label.required:before{content: "*";color: #f00;padding-right: 5px;}
.view-content-apply-guid .view-content-apply-add-form li label.forinput{display: inline-block;width: 45px;text-align: 0;margin-right: 0;margin-left: 10px;cursor: pointer;}
.view-content-apply-guid .view-content-apply-add-form li input{cursor: pointer;}
.view-content-apply-guid .view-content-apply-add-form .inputwrap{width: 210px;display: inline-block;text-align: right;vertical-align: top;}
.view-content-apply-guid .view-content-apply-basic{display: block;margin: 30px auto 20px auto;width: 115px;height: 30px;color: #fff;background: #0f82f8;border-color: #077bf1;font-family: "Microsoft YaHei Regular";border-radius: 5px;border: 1px solid transparent;cursor: pointer;}
.view-content-apply-guid .view-content-apply-basic:hover,
.view-content-apply-guid .view-content-apply-basic:focus{background: #0f82f8;border-color: #077bf1;}
.view-content-apply-guid .view-content-apply-add{display: block;margin: 30px auto 20px auto;width: 115px;height: 30px;color: #fff;background: #0f82f8;border-color: #077bf1;border-radius: 5px;border: 1px solid transparent;cursor: pointer;}
.view-content-apply-guid .view-content-apply-add:hover,
.view-content-apply-guid .view-content-apply-add:focus{background: #0f82f8;border-color: #077bf1;}
.view-content-apply-guid .applysuccess{height: 372px;text-align: center;background: url("../img/applysuccess.png") no-repeat;background-size: 448px 372px;}
.view-content-apply-guid .applysuccess .view-content-success-title{padding: 80px;font-size: 20px;color: #fc6766;}
.view-content-apply-guid .applysuccess .view-content-success-subtitle{font-size: 14px;padding: 0 50px;}
.initiative-query{cursor: pointer;color: #007fff;}
.message-view .failure{display: none;}
.message-view .tip-info{text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.message-view .tip-info .tip-normal{display: inline-block;margin-top: 10px;}
.message-view .tip-info .tip-people{display: inline-block;margin-top: 10px;color: #2c92fa;}
.message-view .tip-info .tip-history{color: #999;background: none;border: 0;cursor: pointer;font-size: 14px;margin-top: 10px;text-decoration: underline;}
.message-view .tip-info .tip-error{display: inline-block;padding: 5px 10px;margin-top: 10px;background-color: #ccc;}
.message-view .comment-showthanks{display: none;}
.message-view .apply-api{display: block;}
.message-view .apply-api .error-info{color: #ff6662;}
.btn-submit{color: #fff;background-color: #007fff;border-color: #1d8af9;}
.btn-submit:hover,
.btn-submit:focus{background: #0f82f8;border-color: #077bf1;}
.btn-apply{color: #fff;background-color: #007fff;border-color: #1d8af9;margin-bottom: 2px;}
.btn-apply:hover,
.btn-apply:focus{background: #0f82f8;border-color: #077bf1;}
.message-input{position: relative;color: #000;height: 150px;}
.message-input .contact-bar{height: 30px;line-height: 30px;width: 100%;background: #eee;}
.message-input .contact-bar .contact-del{cursor: pointer;color: #000;float: right;padding-right: 10px;}
.message-input .msg-now{cursor: text;-moz-box-sizing: border-box;box-sizing: border-box;background: #fbfbfb;border: 0;resize: none;width: 100%;text-align: left;font-size: 14px;padding: 20px 20px 0;height: 150px;overflow: hidden;overflow-y: auto;}
.message-input .msg-now:focus{outline: 0;}
.message-input .submit-wrap{text-align: right;position: absolute;right: 20px;bottom: 20px;}
.message-input .submit-wrap .btn-submit{width: 62px;height: 33px;font-size: 13px;margin-left: 10px;padding: 0;}
.message-input .submit-wrap .remain-input-hint{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #bbb;}
.message-input .submit-wrap .remain-input-hint .num{margin: 0 5px;color: #999;}
.message-input .suggest-list-wrap{position: absolute;width: 100%;left: 0;bottom: 100%;margin-bottom: 20px;}
.message-input .suggest-list-wrap .suggest-list{z-index: 3;background: #fff;position: relative;margin: 0 15px;padding: 10px 0;border: 1px solid #ddd;border-radius: 3px;}
.message-input .suggest-list-wrap .suggest-list-item{padding: 0 10px;line-height: 24px;list-style: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.message-input .suggest-list-wrap .suggest-list-item:hover{background: #ddd;cursor: pointer;}
.message-input .suggest-list-wrap .suggest-list:before{content: '';position: absolute;z-index: 99;left: 20px;bottom: -5px;width: 15px;height: 15px;background: #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.message-input .suggest-list-wrap .suggest-list:after{content: '';position: absolute;z-index: 98;left: 20px;bottom: -6px;width: 15px;height: 15px;background: #ddd;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.recommend{padding: 10px 20px;color: #666;}
.recommend .title{color: #333;line-height: 40px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.recommend .title:after{content: '';width: 100%;border-bottom: 1px solid #dedede;position: absolute;top: 45px;left: 20px;}
.recommend-list{margin-top: 15px;padding-left: 10px;margin-bottom: 10px;white-space: nowrap;}
.recommend-list-item{position: relative;line-height: 20px;}
.recommend-list-item:before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #9a9a9a;position: absolute;top: 10px;left: -10px;}
.recommend-list-item-content{margin-top: 3%;width: 233px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.recommend-list-item-content:hover{color: #007fff;cursor: pointer;}
.recommend .change{font-size: 14px;color: #007fff;cursor: pointer;position: absolute;top: 21px;left: 220px;}
.recommend .change:before{content: '';position: absolute;top: -27px;left: -16px;background: url("../img/refresh.png") 0 30px no-repeat;background-size: 15px 15px;width: 80px;height: 80px;}
.recommend .change:hover{text-decoration: underline;}
.recommend .empty-hot-list{text-align: center;margin-top: 55px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.feedback-popup .modal-dialog{width: 490px;}
.feedback-popup .modal-header{display: none;}
.feedback-popup .modal-content{border-radius: 0px;}
.feedback-popup .modal-body{padding: 0;}
.feedback-popup .header{line-height: 40px;height: 40px;position: relative;background-color: #fff;text-align: center;border-bottom: 1px solid #e3e3e3;}
.feedback-popup .header .close{position: absolute;right: 8px;font-size: 30px;color: #9a9a9a;margin-right: 5px;text-decoration: none;}
.feedback-popup .info{text-align: center;}
.feedback-popup .body{padding: 20px 40px;}
.feedback-popup .body .satisfied .feeling-bad{margin-left: 35px;}
.feedback-popup .body .content{margin: 10px 0;}
.feedback-popup .body .content textarea{width: 100%;height: 135px;border: 1px solid #dedede;}
.feedback-popup .body .btns{text-align: center;}
.noauth-page{padding-left: 100px;padding: 30px 0 0 100px;font-size: 14px;}
.noauth-page .noauth-body{margin: 1em 0;padding-left: 100px;font-size: 14px;}
.noauth-page .noauth-body p{margin: 1em 0;}



.blacklog .for{width: 100%;width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding: 20px;float: left;line-height: 30px;padding-top: 0px;}
.blacklog .for .title{font-size: 24px;color:#3b426b;padding-bottom: 10px; margin-bottom: 10px; }
.blacklog .for .tips{border-bottom: 1px solid #ececec;float: left;width: 100%;padding-bottom: 15px; margin-bottom: 15px; }
.blacklog .star{border-radius: 10px;padding:2px 10px;border: 1px solid #ececec; width: max-content;font-size: 13px;float: left;margin-right: 10px;}
.blacklog .hei{color: #FF5722;}
.blacklog .red{color: #2F4056;}
.blacklog .blue{color:#1E9FFF;}
.blacklog .lv{color: #009688;}

.blacklog .list{float: left;width: 100%; border-bottom: 1px dashed #ececec; padding-bottom: 10px; margin-bottom: 15px;}
.blacklog .h4{width: 100%;float: left;font-size: 18px;}
.blacklog .div{width: 100%;float: left;font-size: 13px;margin: 5px 0;letter-spacing:1.1px}
.blacklog .div span{color: #bdbdbd;}
.blacklog .no{margin: 35% auto;width: max-content;color: #3b426b;}
.blacklog .no span{cursor: pointer;margin: 0 10px; /*text-decoration: underline;*/ font-size: 19px;color: #1E9FFF;}
.conv_logc{cursor: pointer;}