*, a, body, div, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, input, li, p, section, select, span, ul{margin: 0;padding: 0}
li, ol, ul{list-style: none}
h1, h2, h3, h4, h5, h6{font-weight: 400}
a img, img{border: 0 none;vertical-align: top}
input{outline: none}
button{cursor: pointer}
a{text-decoration: none;color: #333}
a, a:focus{outline: none}
body, html{width: 100%;font: 12px/1.5 microsoft yahei, \5fae\8f6f\96c5\9ed1, simhei, tahoma, arial, hiragino sans gb, \5b8b\4f53}
html{font-size: 20px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body{font-size: 16px;background: #fff;position: relative}
video::-webkit-media-controls-start-playback-button{display: none}
button, input[type=button]{-webkit-appearance: none}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch}
.hide{display: none !important}
.main{position: relative;margin: 0 auto;width: 1000px;padding-top: 100px;}
.clearfix{zoom: 1}
.clearfix:after{height: 0;display: block;clear: both;content: ".";visibility: hidden}
.group_select{display: none}
ts_pop_content h2{text-align: center;line-height: 50px;font-size: 26px;color: #212121;height: 40px;height: 60px}
.ts_pop_content .rs_pop_body{padding: 0 27px;text-align: center}
.ts_pop_content .rs_pop_body p{line-height: 30px;color: #5d5d5d;font-size: 16px}
.ts_rule_list{height: 222px;overflow: hidden;overflow-y: auto;padding: 10px 40px;box-shadow: inset 0 -5px 5px hsla(0, 0%, 50%, .4)}
.ts_rule_list h2{text-align: center;line-height: 30px;font-size: 26px;color: #212121;height: 40px;height: 60px}
.ts_rule_list .rule_cont{text-align: left}
.ts_rule_list .rule_item{margin-bottom: 20px}
.ts_rule_list .rule_item p{line-height: 30px}
.ts_rule_list .rule_item h3{font-size: 14px;font-weight: 700;line-height: 30px}
.tsform-index{width: 640px;padding: 10px 0;color: #212121}
.tsform-index .ts-input-delete{float: right;margin-right: 10px;margin-top: 10px;width: 22px;height: 16px;background-image: ;background-image: -webkit-image-set( 1x,  2x);background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%;cursor: pointer}
.ts-input .ts-input-delete{position: absolute;right: 0;top: 6px}
.ts-search .ts-input-delete{right: 55px}
.tsform-index input::-webkit-input-placeholder, .tsform-index textarea::-webkit-input-placeholder{color: #a3a3a3}
.tsform-index input:-moz-placeholder, .tsform-index input::-moz-placeholder, .tsform-index textarea::-webkit-input-placeholder{color: #a3a3a3}
.tsform-index input:-ms-input-placeholder, .tsform-index textarea::-webkit-input-placeholder{color: #a3a3a3}
.tsform-index .ts-item-empty .ts-input{border-color: red}
.tsform-index .ts-item-empty .ts-input input::-webkit-input-placeholder{color: red}
.tsform-index .ts-item-empty .ts-input input:-moz-placeholder, .tsform-index .ts-item-empty .ts-input input::-moz-placeholder{color: red}
.tsform-index .ts-item-empty .ts-input input:-ms-input-placeholder{color: red}
.tsform-index .ts-item-empty .ts-search-tit h3{color: red}
.tsform-index .ts-item-empty .ts-textarea{border: 1px solid red}
.tsform-index .ts-item-empty .ts-area-01{color: red}
.tsform-index .ts-subnav{padding: 20px 0;line-height: 22px;height: 22px;font-size: 16px;color: #777}
.tsform-index .ts-subnav a{color: #212121}
.tsform-index .ts-subnav span{color: #5d5d5d;margin: 0 6px}
.tsform-index .ts-form-part{margin-bottom: 15px}
.tsform-index .tousu-step2{display: none}
.tsform-index .ts-title{font-size: 20px;line-height: 66px}
.tsform-index .ts-list, .tsform-index .ts-list2{padding: 10px 0}
.tsform-index .ts-item{margin-bottom: 15px}
.tsform-index .ts-item .gtit{font-size: 16px;line-height: 22px;color: #a3a3a3}
.tsform-index .ts-item .gtit span{color: #212121;padding-right: 10px;font-weight: 700}
.tsform-index .ts-item .gtit .s{height: 44px;float: left}
.tsform-index .g_tips p{line-height: 22px;font-size: 16px;color: #212121}
.tsform-index .g_tips .title{color: #fbaf17;font-weight: 700;margin-bottom: 10px}
.tsform-index .g_tips .box{padding: 16px;background-color: #f8f8f8}
.tsform-index .ts-label{float: left;width: 90px;line-height: 50px}
.form-showhide .ts-label{line-height: 26px}
.tsform-index .ts-label1{line-height: 40px}
.tsform-index .g_item{margin-top: 30px}
.tsform-index .g_item .g_textarea{width: 524px;height: 160px;border: 1px solid #d6d6d6;padding: 12px;margin-left: 90px}
.tsform-index .g_textarea textarea{width: 524px;height: 124px;border: 0;outline: 0;resize: none;font-size: 16px;color: #212121}
.tsform-index .refer_blk{position: relative;margin-top: 10px;line-height: 22px;font-size: 16px;color: #212121;margin-left: 90px}
.tsform-index .refer_blk a{color: #fbaf17}
.tsform-index .refer_blk span{padding-right: 16px}
.tsform-index .refer_blk .p1{display: none}
.tsform-index .refer_blk .p2{position: absolute;right: 0;top: 0}
.tsform-index .gs_show{font-size: 16px;padding-right: 20px;color: #fbaf17;background-image: ;background-image: -webkit-image-set( 1x,  2x);background-repeat: no-repeat;background-position: 100%}
.tsform-index .gs_show_hide{background-image: ;background-image: -webkit-image-set( 1x,  2x)}
.tsform-index .ts-input{margin-left: 90px;border: 1px solid #d6d6d6;height: 48px;position: relative}
.tsform-index .m-select{margin-left: 90px;height: 150px;width: 550px;overflow: hidden}
.tsform-index .ts-input2{margin-left: 90px;color: #a3a3a3;overflow: hidden}
.tsform-index .ts-input2 span{float: left;line-height: 40px}
.tsform-index .ts-input3{margin-left: 90px;color: #a3a3a3;overflow: hidden}
.tsform-index .ts-select{position: relative;cursor: pointer}
.tsform-index .ts-select-tit{height: 48px}
.tsform-index .ts-select-tit h3{line-height: 48px;color: #a3a3a3;font-size: 16px;padding-left: 12px}
.tsform-index .ts-select-tit i{position: absolute;background-color: #f8f8f8;border-left: 1px solid #d6d6d6;width: 44px;height: 48px;right: 0;top: 0;background-image: ;background-image: -webkit-image-set( 1x,  2x);background-repeat: no-repeat;background-position: 50% 50%;background-size: 24px 14px}
.tsform-index .ts-select-list{position: absolute;z-index: 2;left: -1px;right: -1px;top: auto;display: none;display: block}
.tsform-index .ts-select-list ul{border: 1px solid #d6d6d6;background-color: #fff;box-shadow: 0 3px 3px hsla(0, 0%, 50%, .3)}
.tsform-index .ts-select-list li{line-height: 35px;border-top: 1px solid #d6d6d6;color: #5d5d5d;font-size: 14px;padding-left: 12px}
.tsform-index .ts-select-list li:first-child{border-top: 0}
.tsform-index .ts-select-list li:hover{background-color: #f8f8f8}
.tsform-index .ts-search{position: relative;cursor: pointer}
.tsform-index .ts-search-tit{height: 48px}
.tsform-index .ts-search-tit h3{line-height: 48px;color: #a3a3a3;font-size: 16px;padding-left: 12px}
.tsform-index .ts-types{width: 548px;margin-left: 90px;border: 1px solid #d6d6d6;height: 49px;position: relative;cursor: pointer}
.ts-types-list{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 101;cursor: default;display: none}
.types_list_div{position: absolute;top: 150px;left: 50%;width: 600px;margin-left: -300px;background-color: #f8f8f8}
.ts-types-list .module-recently{min-height: 100%;padding-bottom: 2px;background: #f8f8f8;border-top: 3px solid #fcaf19}
.ts-types-list .complaint-tit{padding-left: 16px;line-height: 46px;height: 46px;font-size: 16px;color: #313131;font-weight: 700}
.ts-types-list .complaint-item{display: inline-block;font-size: 14px;margin: 0 0 16px 16px;border: 1px solid #dbdbdb;line-height: 20px;padding: 10px 14px;color: #5c5c5c;border-radius: 4px;background-color: #fff}
.ts-types-list .types-item a:hover, .ts-types-list a.item-select, .view-search .complaint-item:hover{background-color: #fcaf19;color: #fff}
.tsform-index .ts-types h3{line-height: 48px;height: 48px;color: #a3a3a3;font-size: 16px;padding-left: 12px;width: 490px;border-right: 1px solid #d6d6d6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.tsform-index .ts-types .tselect{color: #5d5d5d}
.tsform-index .ts-types i{position: absolute;width: 20px;height: 20px;right: 14px;top: 14px;background-image: url(/uploads/image/stimg/new-types-1x.png);background-image: -webkit-image-set(url(/uploads/image/stimg/new-types-1x.png) 1x, url(/uploads/image/stimg/new-types-2x.png) 2x);background-repeat: no-repeat}
.tsform-index .ts-search-tit h3.u-choose{color: #5d5d5d}
.tsform-index .ts-search-tit i{position: absolute;background-color: #f8f8f8;border-left: 1px solid #d6d6d6;width: 44px;height: 48px;right: 0;top: 0;background-image: url(/uploads/image/stimg/icon-search2-1x.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 22px 21px}
.tsform-index .ts-search-drop{position: absolute;z-index: 2;left: -1px;top: -1px;display: none;width: 503px}
.tsform-index .ts-search-drop, .tsform-index .ts-search-drop .ts-droplist{border: 1px solid #d6d6d6;background-color: #fff;box-shadow: 0 3px 3px hsla(0, 0%, 50%, .3)}
.tsform-index .ts-search-drop li{line-height: 35px;border-top: 1px solid #d6d6d6;color: #5d5d5d;font-size: 14px;padding-left: 12px;position: relative}
.tsform-index .ts-history-search{overflow: hidden}
.tsform-index .ts-search-drop li b{color: #f70;font-weight: 100}
.tsform-index .ts-search-drop li i{width: 22px;height: 16px;cursor: pointer;position: absolute;top: 9px;right: -24px;transition: right .2s ease;background-image: ;background-image: -webkit-image-set( 1x,  2x);background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%}
.tsform-index .ts-search-drop li:hover i{right: 9px}
.tsform-index .ts-search-drop li:first-child{border-top: 0}
.tsform-index .ts-search-head{background: #e6e6e6;font-size: 14px;color: #5d5d5d;height: 36px;line-height: 36px;text-align: center}
.tsform-index .ts-search-drop li:hover{background-color: #f8f8f8}
.tsform-index .ts-history-search h3{background-color: #e6e6e6;color: #a3a3a3;font-size: 14px;padding-left: 12px;line-height: 36px;height: 36px}
.tsform-index .ts-inp-01{color: #212121;font-size: 16px;border: 0;height: 48px;line-height: 48px;padding: 0 12px;width: 500px}
.tsform-index .ts-inp-02{color: #f70;font-size: 32px;border: 0;height: 48px;line-height: 48px;padding: 0 12px;width: 173px;border: 1px solid #d6d6d6;margin-right: 10px;float: left}
.tsform-index .ts-inp-02::-webkit-input-placeholder{color: #f70}
.tsform-index .ts-inp-02:-moz-placeholder, .tsform-index .ts-inp-02::-moz-placeholder{color: #f70}
.tsform-index .ts-inp-02:-ms-input-placeholder{color: #f70}
.tsform-index .ts-textarea{border: 1px solid #d6d6d6;margin-left: 90px;padding: 12px;position: relative}
.tsform-index .ts-textarea2{margin-left: 0;margin-top: 5px}
.tsform-index .ts-area-01{height: 195px}
.tsform-index .ts-area-01, .tsform-index .ts-area-02{border: 0;width: 100%;color: #212121;font-size: 16px;outline: 0;resize: none}
.tsform-index .ts-area-02{height: 120px}
.tsform-index .ts-textarea-num{float: right;text-align: right;color: #a3a3a3;font-size: 16px;padding-top: 7px}
.tsform-index .ts-textarea-num i{font-style: normal}
.tsform-index .ts-textarea-num .code-yellow{color: #f70}
.tsform-index .ts-textarea-num b{font-weight: 100}
.tsform-index .ts-textarea-num b.col{color: #f70}
.tsform-index .ts-list2 .ts-label2{line-height: 24px}
.tsform-index .ts-list2 .ts-item{margin-bottom: 20px}
.tsform-index .ts-txt1{line-height: 26px}
.tsform-index .ts-text{line-height: 50px}
#u_complaint_show_phone{color: #a3a3a3;line-height: 22px}
.tsform-index .ts-showhide a{float: left;border: 2px solid #ddd;border-radius: 50%;width: 22px;height: 22px;background-color: #fff;margin-right: 10px;cursor: pointer}
.tsform-index .ts-showhide a.active{border: 2px solid #ffdf9f}
.tsform-index .ts-showhide a.active i{display: block;background: #fbaf17;border-radius: 50%;width: 14px;height: 14px;margin-left: 4px;margin-top: 4px}
.tsform-index .ts-showhide b{color: #999;margin-left: 10px;font-size: 14px;font-weight: 100}
.tsform-index .file-showhide{height: 26px;margin: 30px 0 20px;position: relative;color: #212121;overflow: hidden;cursor: pointer;font-size: 16px;line-height: 24px}
.tsform-index .file-showhide span{float: left;line-height: 28px;margin-right: 50px}
.tsform-index .form-showhide{margin-top: 30px}
.form-showhide .ts-showhide{height: 26px;line-height: 26px;margin-bottom: 20px;margin-left: 90px}
.tsform-index .ts-form-btn{text-align: center;vertical-align: top;margin-bottom: 20px}
.tsform-index .ts-form-btn span{display: inline-block;margin: 0 15px;width: 200px;height: 48px;line-height: 48px;color: #5d5d5d;font-size: 18px;border: 1px solid #d6d6d6;cursor: pointer;border-radius: 2px}
.tsform-index .ts-form-btn span.ts-submit-btn{background-color: #f70;color: #fff}
.tsform-index .ts-form-btn span.ts-submit-loading, .tsform-index .ts-form-btn span.ts-submit-ok{background-color: #212121;color: #fff;vertical-align: middle;cursor: default}
.tsform-index .ts-form-btn span.ts-submit-loading:before{width: 21px;vertical-align: -4px;background-image: ;background-image: -webkit-image-set( 1x,  2x);animation-name: rand;transform-origin: center center;animation-iteration-count: infinite;animation-duration: 2s;animation-fill-mode: both;animation-timing-function: linear}
@keyframes rand{0%{transform: rotate(0deg)}
50%{transform: rotate(180deg)}
to{transform: rotate(1turn)}} .tsform-index .ts-form-btn span.ts-submit-loading:before, .tsform-index .ts-form-btn span.ts-submit-ok:before{content: "";display: inline-block;height: 21px;margin-right: 7px;background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%}
.tsform-index .ts-form-btn span.ts-submit-ok:before{width: 30px;vertical-align: middle;background-image: ;background-image: -webkit-image-set( 1x,  2x)}
.tsform-index .ts-form-btn span.disable-btn{background-color: #d6d6d6;color: #a3a3a3;cursor: not-allowed}
.tousu-steps{padding: 30px 0}
.tousu-steps .steps{width: 318px;margin: 0 auto;overflow: hidden}
.tousu-steps .steps p{float: left}
.tousu-steps .circle{width: 33px;height: 33px;line-height: 33px;background-color: #bcbcbc;border: 3px solid #e9e9e9;border-radius: 33px;text-align: center;font-size: 18px;color: #fff}
.tousu-steps .line{width: 100px;height: 3px;margin-top: 16.5px;background-color: #e9e9e9}
.tousu-steps .line.select{background-color: #fcaf19}
.tousu-steps .circle.select{background-color: #fcaf19;border: 3px solid #ffe0a3}
.tousu-steps .texts{width: 344px;height: 22px;line-height: 22px;margin: 6px auto 0;font-size: 16px;color: #212121}
.tousu-steps .texts span{width: 66px;margin-right: 70px}
.tousu-steps .texts span:last-child{margin-right: 0}
.tousu-steps .texts span.select{color: #fcaf19}
.types-add{margin-left: 16px}
.types-add a{display: inline-block;width: 68px;height: 40px;line-height: 40px;padding: 0 14px;border-radius: 4px;border: 1px dashed #dbdbdb;background-color: #fff;background-image: url(/uploads/image/stimg/new-add-1x.png);background-image: -webkit-image-set(url(/uploads/image/stimg/new-add-1x.png) 1x, url(/uploads/image/stimg/new-add-2x.png) 2x);background-repeat: no-repeat;background-position: 62px 10px;font-size: 13px;color: #5c5c5c}
.types-add a.select, .types-add a:hover{background: #fcaf19;color: #fff;text-align: center}
.types-input{display: none;height: 50px;line-height: 50px;margin: 16px 16px 20px 19px;font-size: 16px}
.types-input span{position: absolute;color: #212121;margin-right: 15px}
.types-input p{display: inline-block;width: 366px;overflow: hidden;border-radius: 4px;margin-left: 65px}
.types-input input{float: left;border: none;width: 290px;padding-left: 10px;height: 50px;line-height: 50px;font-size: 16px;background-color: #fff;color: #a3a3a3}
.types-input a{display: inline-block;width: 65px;height: 50px;line-height: 50px;text-align: center;background-color: #fcaf19;color: #fff}
.types-buttons{width: 270px;height: 40px;margin: 20px auto 25px}
.types-buttons a{display: inline-block;width: 120px;height: 40px;font-size: 18px;text-align: center;line-height: 40px;border-radius: 2px;background-color: #fcaf19;color: #fff}
.types-buttons a.cancel{color: #5d5d5d;width: 118px;height: 38px;line-height: 38px;border: 1px solid #d6d6d6;background-color: #fff;margin-right: 30px}
.ts-types-btn{height: 50px;width: 430px;margin: 0 auto 40px}
.tousu-step1 .ts-types-btn{width: 640px;text-align: center}
.ts-types-btn a{display: inline-block;width: 200px;height: 50px;text-align: center;line-height: 50px;background-color: #fcaf19;font-size: 18px;color: #fff;border-radius: 2px}
.ts-types-btn .complaint-prev{width: 198px;height: 48px;border: 1px solid #d6d6d6;color: #5d5d5d;margin-right: 30px;background-color: #fff}
.ts-item-privacy .ts-label{width: 130px}
.ts-item-privacy .ts-input{margin-left: 130px}
.tousu-step2 .ts-item-privacy .ts-label{width: 90px;line-height: 25px}
.tousu-step2 .ts-item-privacy .ts-input{margin-left: 90px}
.ts-item-privacy .ts-inp-01{width: 443px}
.ts-files-txt{font-size: 16px;color: #a3a3a3;height: 22px;line-height: 22px}
.complaint-suc{display: none;position: fixed;z-index: 200;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .6)}
.complaint-suc-wrap{position: absolute;top: 50%;left: 50%;margin-top: -160px;margin-left: -250px}
.complaint-suc .suc-wrap{width: 500px;background-color: #fff;padding-top: 40px}
.complaint-suc .suc-tag{width: 100px;height: 100px;margin: 0 auto 20px;background-image: ;background-image: -webkit-image-set( 1x,  2x);background-repeat: no-repeat}
.complaint-suc .suc-txt{font-size: 24px;color: #212121;line-height: 32px;font-weight: 700;text-align: center}
.complaint-suc .suc-info{padding: 20px 24px 0}
.complaint-suc .suc-info p{line-height: 25px;color: #5d5d5d;font-size: 18px}
.complaint-suc .suc-btns{height: 50px;width: 354px;padding: 20px 73px 40px;overflow: hidden;background-color: #fff}
.complaint-suc .suc-btns a{float: left;width: 160px;height: 50px;text-align: center;line-height: 50px;border-radius: 2px;background-color: #fff;font-size: 18px;color: #5d5d5d;border: 1px solid #d6d6d6}
.complaint-suc .suc-btns a:last-child{margin-left: 30px}
#container{color: #838383;font-size: 12px;margin-top: 10px;background-color: #fff}
#uploader{margin-bottom: 30px;overflow: auto}
.element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)}
#uploader .img-add{float: left;width: 150px;height: 150px}
#uploader .placeholder{border: 3px dashed #e6e6e6;min-height: 116px;padding-top: 90px;text-align: center;background: url(/uploads/image/stimg/image.png) center 10px no-repeat;color: #ccc;font-size: 18px;position: relative}
.webuploader-pick{background: url(/uploads/image/stimg/new-imgup-1x.png) no-repeat;background-image: -webkit-image-set(url(/uploads/image/stimg/new-imgup-1x.png) 1x, url(/uploads/image/stimg/new-imgup-2x.png) 2x);height: 150px;width: 150px}
#uploader .placeholder .webuploader-pick{font-size: 18px;background: #fbaf17;border-radius: 3px;line-height: 44px;padding: 0 30px;color: #fff;display: inline-block;margin: 5px auto;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, .1)}
#uploader .placeholder .webuploader-pick-hover{background: #faca00}
#uploader .placeholder .flashtip{color: #666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px}
#uploader .placeholder .flashtip a{color: #0785d1;text-decoration: none}
#uploader .placeholder .flashtip a:hover{text-decoration: underline}
#uploader .placeholder.webuploader-dnd-over{border-color: #999}
#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied{border-color: red}
#uploader .filelist{list-style: none;margin: 0;padding: 0}
#uploader #imgslist, #videoslist{display: none;margin-top: 30px}
#uploader .filelist:after{content: "";display: block;width: 0;height: 0;overflow: hidden;clear: both}
.txt-upload{font-size: 16px;line-height: 22px;margin-left: 30px;margin-top: 64px;float: left;width: 330px;}



.ts_type_box{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(42,40,40,0.5); z-index: 100}
.ts_type_wrap{position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -140px; width: 800px; height: 280px; background: rgba(42,40,40,0.92); border-radius: 4px; z-index: 100}
.ts_type_box h2{position: relative; line-height: 80px; text-align: center; color: #ffffff; font-size: 20px; font-weight: normal}
.ts_type_box h2 a{position: absolute; top: 24px; right: 24px; width: 38px; height: 38px; background-image: url(/uploads/image/stimg/group_index1x.png); background-image: -webkit-image-set(url(/uploads/image/stimg/group_index1x.png) 1x, url(/uploads/image/stimg/group_index2x.png) 2x); background-repeat: no-repeat; background-position: center}
.ts_type_box .buttons{margin-left: 24px; overflow: hidden; text-align: center}
.ts_type_box .buttons a{float: left; width: 368px; height: 168px; border-radius: 4px; color: #fbaf17; background-color: #ffffff}
.ts_type_box .buttons a:hover,.ts_type_box .buttons a.select{color: #212121; background-color: #fbaf17}
.ts_type_box .buttons a:last-child{margin-left: 16px}
.ts_type_box .buttons span{display: block}
.ts_type_box .buttons .s1{font-size: 24px; line-height: 24px; padding: 30px 0 20px; font-weight: bold}
.ts_type_box .buttons .s2{font-size: 16px; line-height: 32px}
nav .head-list .last_toapp img{width: 106px; height: 106px; z-index: 10; left: -4px; top: 53px}
.header .logo{position: relative}
.header .logo span{position: absolute; top: 5px; right: 0; color: #d6d6d6; font-size: 14px}
a.meihaolife{float: left; width: 70px; height: 52px; margin-left: 10px; margin-top: 7px;}
.idx_pop img{width: 311px; height: 154px}
.popup{position: fixed; left: 50%; top: 50%; z-index: 100; margin: -200px 0 0 -300px}
.popup_mask{position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); filter: alpha(opacity=60); width: 100%; z-index: 99}
.popup .popcontent{background: #fff; overflow-y: auto}
.popup .poptitle{background: #212121; height: 50px; line-height: 50px}
.popup .poptitle h3{color: #fff; font-size: 20px; padding-left: 20px}
.popup .popclose{position: absolute; right: 3px; top: 14px; background:  no-repeat; width: 34px; height: 34px; cursor: pointer; z-index: 100}
.popup .popclose:hover{filter: alpha(opacity=80); opacity: 0.8}
.popup div.p{font-size: 14px; text-align: center; padding: 20px 0}
.popup div.pbtn{width: 100%; text-align: center; padding-bottom: 20px}
.popup div.pbtn span{display: inline-block; padding: 0 20px; height: 50px; width: 120px; line-height: 50px; text-align: center; cursor: pointer; margin: 0 14px; font-size: 18px}
.popup div.pbtn span:hover{filter: alpha(opacity=80); opacity: 0.8}
.popup span.popconform{color: #fff; background: #fbaf17; border: solid 1px #fbaf17}
.popup .pbtn span.disable{color: #fff; background: #d6d6d6; border: solid 1px #d6d6d6; cursor: default}
.popup span.popcancel{color: #fff; background: #006cda; border: solid 1px #006cda}
.popup span.grey{background: #ccc; border: solid 1px #ccc}
.popup span.cancel{background: #fff; border: solid 1px #d6d6d6; color: #5d5d5d}
.popup .popupdate div.notice{background: none; padding: 41px 0 8px; text-align: center; color: #999; font-size: 14px}
.popup .popupdate div.dlist{padding-left: 92px}
.popup .popupdate div.dlist ul{overflow: hidden}
.popup .popupdate div.dlist li{float: left; width: 88px; height: 130px; margin-right: 66px; text-align: center}
.popup .popupdate div.dlist li a{background:  no-repeat -999em 0; color: #999; font-size: 14px; padding-top: 90px; line-height: 33px; display: block}
.popup .popupdate div.dlist li a.ie{background-position: 0 -100px}
.popup .popupdate div.dlist li a.ie:hover{background-position: 0 -299px}
.popup .popupdate div.dlist li a.firefox{background-position: -90px -100px}
.popup .popupdate div.dlist li a.firefox:hover{background-position: -90px -299px}
.popup .popupdate div.dlist li a.chrome{background-position: -182px -100px}
.popup .popupdate div.dlist li a.chrome:hover{background-position: -183px -299px}
.level2_alert{margin: -50px 0 0 -100px}
.level2_alert .alertcontent{padding: 10px 20px 10px 45px; font-size: 16px; color: #fff; background: #212121; text-align: left; opacity: 0.8; border-radius: 25px; height: 30px; line-height: 30px}
.level2_alert .loading{background: #eee  no-repeat 10px 50%; height: auto; padding-left: 30px}
.level2_alert .success{background: #212121  no-repeat 10px}
.level2_alert .wrong{background: #212121  no-repeat 10px}
.u-article-tip{position: absolute; top: 25px; right: 10px; width: 30px; height: 18px; border-radius: 10px; line-height: 18px; color: #fff; font-size: 14px; text-align: center; font-family: arial; background: #f34e5c}
.u-audit-state{float: left; padding: 0 10px}
.u-audit-state span{display: inline-block; margin-right: 10px; padding: 0 10px; height: 24px; line-height: 24px; background: #ec3240; color: #fff; border-radius: 5px}
.u-csj-img1{padding: 16px 0 0 20px}
.jury-form{height: 406px; padding: 30px 30px 0; overflow-y: scroll}
.jury-form h3{font-size: 24px; color: #212121; line-height: 24px}
.jury-form h3.step2 span{padding-left: 8px}
.jury-form h3:first-child{border: none}
.jury-form .jury-type{display: flex; margin: 0}
.jury-form .jury-type p{margin-right: 16px; font-size: 20px; line-height: 26px}
.jury-form input[type="radio"]{opacity: 0; cursor: pointer; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0)}
.jury-form .checkbox-ico{width: 26px; height: 26px; float: left; cursor: pointer; margin-right: 16px; text-align: center; background:  no-repeat; background-image: -webkit-image-set( 1x,  2x); background-position: 0 0}
.jury-form .checked .checkbox-ico{background-position: 0 -104px}
.jury_note{font-size: 18px; color: #a3a3a3; line-height: 26px}
.jury-form .jury_tabs{height: 50px; margin: 20px 0}
.jury-form .jury_tabs a{display: inline-block; height: 48px; padding: 0 30px; line-height: 48px; font-size: 20px; color: #fbaf17; border: 1px solid #fbaf17; background-color: #fff; margin-right: 20px; border-radius: 25px}
.jury-form .jury_tabs a.select{color: #fff; border-color: #fff; background-color: #fbaf17}
.jury-form .jury-invite{overflow: hidden}
.jury-reason{position: relative; margin-top: 18px; border: solid 1px #d6d6d6; padding: 10px}
.jury-area{border: 0; width: 100%; height: 120px; color: #212121; font-size: 16px; outline: 0; resize: none}
.jury-reason .ts-textarea-num{float: right; text-align: right; color: #a3a3a3; font-size: 16px; padding-top: 10px}
.jury-reason .ts-textarea-num .code-yellow{color: #f70}
.jury-reason .ts-textarea-num i{font-style: normal}
.jury-reason .ts-input-delete{width: 22px; height: 16px; display: block; background-image: url(/uploads/image/stimg/icon-delete-1x.png); background-image: -webkit-image-set(url(/uploads/image/stimg/icon-delete-1x.png) 1x, url(/uploads/image/stimg/icon-delete-2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; cursor: pointer; position: relative; float: right; margin-right: 10px; margin-top: 14px}
.popup div.pbtn span.vendercancel{display: none}
.jury_nbox.popup .poptitle h3{padding-left: 30px; font-weight: normal}
.jury_blk{padding: 24px 0; margin-bottom: 24px; border-bottom: 1px dashed #cecece}
.invite_list{display: none; padding: 15px 15px 0; border-radius: 4px; background-color: #f8f8f8; margin-top: 20px}
.invite_list .nomore{text-align: center; line-height: 100px; padding-bottom: 15px}
.jury_item{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; overflow: hidden}
.jury_nlist .jury_item:last-child{border-bottom: 0}
.right_blk{width: 750px; float: left}
.right_blk .jury_name{margin-bottom: 5px; font-size: 14px; color: #212121; line-height: 28px}
.right_blk .jury_name .name{font-size: 20px; padding-right: 18px}
.right_blk .jury_name .num{padding-right: 100px}
.right_blk .jury_name .zan{color: #84848a; padding-left: 24px; background:  no-repeat; background-image: -webkit-image-set( 1x,  2x); background-position: 0 center}
.jury-form .jury_item .checkbox-ico{margin-top: 15px}
.jury-form .jury_item.checked .checkbox-ico{background-position: 0 -208px}
/*! * animate.css -http://daneden.me/animate * version - 3.5.2 * licensed under the mit license - http://opensource.org/licenses/mit * * copyright (c) 2017 daniel eden */
.animated{animation-duration: 1s; animation-fill-mode: both}
.animated.infinite{animation-iteration-count: infinite}
.animated.hinge{animation-duration: 2s}
.animated.flipoutx,.animated.flipouty,.animated.bouncein,.animated.bounceout{animation-duration: .75s}
@keyframes bounce{from,20%,53%,80%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0)} 40%,43%{animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0)} 70%{animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0)} 90%{transform: translate3d(0, -4px, 0)}}
.bounce{animation-name: bounce; transform-origin: center bottom}
@keyframes flash{from,50%,to{opacity: 1} 25%,75%{opacity: 0}}
.flash{animation-name: flash}
@keyframes pulse{from{transform: scale3d(1, 1, 1)} 50%{transform: scale3d(1.05, 1.05, 1.05)} to{transform: scale3d(1, 1, 1)}}
.pulse{animation-name: pulse}
@keyframes rubberband{from{transform: scale3d(1, 1, 1)} 30%{transform: scale3d(1.25, 0.75, 1)} 40%{transform: scale3d(0.75, 1.25, 1)} 50%{transform: scale3d(1.15, 0.85, 1)} 65%{transform: scale3d(0.95, 1.05, 1)} 75%{transform: scale3d(1.05, 0.95, 1)} to{transform: scale3d(1, 1, 1)}}
.rubberband{animation-name: rubberband}
@keyframes shake{from,to{transform: translate3d(0, 0, 0)} 10%,30%,50%,70%,90%{transform: translate3d(-10px, 0, 0)} 20%,40%,60%,80%{transform: translate3d(10px, 0, 0)}}
.shake{animation-name: shake}
@keyframes headshake{0%{transform: translatex(0)} 6.5%{transform: translatex(-6px) rotatey(-9deg)} 18.5%{transform: translatex(5px) rotatey(7deg)} 31.5%{transform: translatex(-3px) rotatey(-5deg)} 43.5%{transform: translatex(2px) rotatey(3deg)} 50%{transform: translatex(0)}}
.headshake{animation-timing-function: ease-in-out; animation-name: headshake}
@keyframes swing{20%{transform: rotate3d(0, 0, 1, 15deg)} 40%{transform: rotate3d(0, 0, 1, -10deg)} 60%{transform: rotate3d(0, 0, 1, 5deg)} 80%{transform: rotate3d(0, 0, 1, -5deg)} to{transform: rotate3d(0, 0, 1, 0deg)}}
.swing{transform-origin: top center; animation-name: swing}
@keyframes tada{from{transform: scale3d(1, 1, 1)} 10%,20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)} 30%,50%,70%,90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)} 40%,60%,80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)} to{transform: scale3d(1, 1, 1)}}
.tada{animation-name: tada}
@keyframes wobble{from{transform: none} 15%{transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)} 30%{transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)} 45%{transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)} 60%{transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)} 75%{transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)} to{transform: none}}
.wobble{animation-name: wobble}
@keyframes jello{from,11.1%,to{transform: none} 22.2%{transform: skewx(-12.5deg) skewy(-12.5deg)} 33.3%{transform: skewx(6.25deg) skewy(6.25deg)} 44.4%{transform: skewx(-3.125deg) skewy(-3.125deg)} 55.5%{transform: skewx(1.5625deg) skewy(1.5625deg)} 66.6%{transform: skewx(-0.78125deg) skewy(-0.78125deg)} 77.7%{transform: skewx(0.39062deg) skewy(0.39062deg)} 88.8%{transform: skewx(-0.19531deg) skewy(-0.19531deg)}}
.jello{animation-name: jello; transform-origin: center}
@keyframes bouncein{from,20%,40%,60%,80%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} 0%{opacity: 0; transform: scale3d(0.3, 0.3, 0.3)} 20%{transform: scale3d(1.1, 1.1, 1.1)} 40%{transform: scale3d(0.9, 0.9, 0.9)} 60%{opacity: 1; transform: scale3d(1.03, 1.03, 1.03)} 80%{transform: scale3d(0.97, 0.97, 0.97)} to{opacity: 1; transform: scale3d(1, 1, 1)}}
.bouncein{animation-name: bouncein}
@keyframes bounceindown{from,60%,75%,90%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} 0%{opacity: 0; transform: translate3d(0, -3000px, 0)} 60%{opacity: 1; transform: translate3d(0, 25px, 0)} 75%{transform: translate3d(0, -10px, 0)} 90%{transform: translate3d(0, 5px, 0)} to{transform: none}}
.bounceindown{animation-name: bounceindown}
@keyframes bounceinleft{from,60%,75%,90%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} 0%{opacity: 0; transform: translate3d(-3000px, 0, 0)} 60%{opacity: 1; transform: translate3d(25px, 0, 0)} 75%{transform: translate3d(-10px, 0, 0)} 90%{transform: translate3d(5px, 0, 0)} to{transform: none}}
.bounceinleft{animation-name: bounceinleft}
@keyframes bounceinright{from,60%,75%,90%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} from{opacity: 0; transform: translate3d(3000px, 0, 0)} 60%{opacity: 1; transform: translate3d(-25px, 0, 0)} 75%{transform: translate3d(10px, 0, 0)} 90%{transform: translate3d(-5px, 0, 0)} to{transform: none}}
.bounceinright{animation-name: bounceinright}
@keyframes bounceinup{from,60%,75%,90%,to{animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} from{opacity: 0; transform: translate3d(0, 3000px, 0)} 60%{opacity: 1; transform: translate3d(0, -20px, 0)} 75%{transform: translate3d(0, 10px, 0)} 90%{transform: translate3d(0, -5px, 0)} to{transform: translate3d(0, 0, 0)}}
.bounceinup{animation-name: bounceinup}
@keyframes bounceout{20%{transform: scale3d(0.9, 0.9, 0.9)} 50%,55%{opacity: 1; transform: scale3d(1.1, 1.1, 1.1)} to{opacity: 0; transform: scale3d(0.3, 0.3, 0.3)}}
.bounceout{animation-name: bounceout}
@keyframes bounceoutdown{20%{transform: translate3d(0, 10px, 0)} 40%,45%{opacity: 1; transform: translate3d(0, -20px, 0)} to{opacity: 0; transform: translate3d(0, 2000px, 0)}}
.bounceoutdown{animation-name: bounceoutdown}
@keyframes bounceoutleft{20%{opacity: 1; transform: translate3d(20px, 0, 0)} to{opacity: 0; transform: translate3d(-2000px, 0, 0)}}
.bounceoutleft{animation-name: bounceoutleft}
@keyframes bounceoutright{20%{opacity: 1; transform: translate3d(-20px, 0, 0)} to{opacity: 0; transform: translate3d(2000px, 0, 0)}}
.bounceoutright{animation-name: bounceoutright}
@keyframes bounceoutup{20%{transform: translate3d(0, -10px, 0)} 40%,45%{opacity: 1; transform: translate3d(0, 20px, 0)} to{opacity: 0; transform: translate3d(0, -2000px, 0)}}
.bounceoutup{animation-name: bounceoutup}
@keyframes fadein{from{opacity: 0} to{opacity: 1}}
.fadein{animation-name: fadein}
@keyframes fadeindown{from{opacity: 0; transform: translate3d(0, -100%, 0)} to{opacity: 1; transform: none}}
.fadeindown{animation-name: fadeindown}
@keyframes fadeindownbig{from{opacity: 0; transform: translate3d(0, -2000px, 0)} to{opacity: 1; transform: none}}
.fadeindownbig{animation-name: fadeindownbig}
@keyframes fadeinleft{from{opacity: 0; transform: translate3d(-100%, 0, 0)} to{opacity: 1; transform: none}}
.fadeinleft{animation-name: fadeinleft}
@keyframes fadeinleftbig{from{opacity: 0; transform: translate3d(-2000px, 0, 0)} to{opacity: 1; transform: none}}
.fadeinleftbig{animation-name: fadeinleftbig}
@keyframes fadeinright{from{opacity: 0; transform: translate3d(100%, 0, 0)} to{opacity: 1; transform: none}}
.fadeinright{animation-name: fadeinright}
@keyframes fadeinrightbig{from{opacity: 0; transform: translate3d(2000px, 0, 0)} to{opacity: 1; transform: none}}
.fadeinrightbig{animation-name: fadeinrightbig}
@keyframes fadeinup{from{opacity: 0; transform: translate3d(0, 100%, 0)} to{opacity: 1; transform: none}}
.fadeinup{animation-name: fadeinup}
@keyframes fadeinupbig{from{opacity: 0; transform: translate3d(0, 2000px, 0)} to{opacity: 1; transform: none}}
.fadeinupbig{animation-name: fadeinupbig}
@keyframes fadeout{from{opacity: 1} to{opacity: 0}}
.fadeout{animation-name: fadeout}
@keyframes fadeoutdown{from{opacity: 1} to{opacity: 0; transform: translate3d(0, 100%, 0)}}
.fadeoutdown{animation-name: fadeoutdown}
@keyframes fadeoutdownbig{from{opacity: 1} to{opacity: 0; transform: translate3d(0, 2000px, 0)}}
.fadeoutdownbig{animation-name: fadeoutdownbig}
@keyframes fadeoutleft{from{opacity: 1} to{opacity: 0; transform: translate3d(-100%, 0, 0)}}
.fadeoutleft{animation-name: fadeoutleft}
@keyframes fadeoutleftbig{from{opacity: 1} to{opacity: 0; transform: translate3d(-2000px, 0, 0)}}
.fadeoutleftbig{animation-name: fadeoutleftbig}
@keyframes fadeoutright{from{opacity: 1} to{opacity: 0; transform: translate3d(100%, 0, 0)}}
.fadeoutright{animation-name: fadeoutright}
@keyframes fadeoutrightbig{from{opacity: 1} to{opacity: 0; transform: translate3d(2000px, 0, 0)}}
.fadeoutrightbig{animation-name: fadeoutrightbig}
@keyframes fadeoutup{from{opacity: 1} to{opacity: 0; transform: translate3d(0, -100%, 0)}}
.fadeoutup{animation-name: fadeoutup}
@keyframes fadeoutupbig{from{opacity: 1} to{opacity: 0; transform: translate3d(0, -2000px, 0)}}
.fadeoutupbig{animation-name: fadeoutupbig}
@keyframes flip{from{transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out} 40%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out} 50%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in} 80%{transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in} to{transform: perspective(400px); animation-timing-function: ease-in}}
.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip}
@keyframes flipinx{from{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0} 40%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in} 60%{transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1} 80%{transform: perspective(400px) rotate3d(1, 0, 0, -5deg)} to{transform: perspective(400px)}}
.flipinx{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipinx}
@keyframes flipiny{from{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0} 40%{transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in} 60%{transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1} 80%{transform: perspective(400px) rotate3d(0, 1, 0, -5deg)} to{transform: perspective(400px)}}
.flipiny{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipiny}
@keyframes flipoutx{from{transform: perspective(400px)} 30%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1} to{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0}}
.flipoutx{animation-name: flipoutx; -webkit-backface-visibility: visible !important; backface-visibility: visible !important}
@keyframes flipouty{from{transform: perspective(400px)} 30%{transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1} to{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0}}
.flipouty{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipouty}
@keyframes lightspeedin{from{transform: translate3d(100%, 0, 0) skewx(-30deg); opacity: 0} 60%{transform: skewx(20deg); opacity: 1} 80%{transform: skewx(-5deg); opacity: 1} to{transform: none; opacity: 1}}
.lightspeedin{animation-name: lightspeedin; animation-timing-function: ease-out}
@keyframes lightspeedout{from{opacity: 1} to{transform: translate3d(100%, 0, 0) skewx(30deg); opacity: 0}}
.lightspeedout{animation-name: lightspeedout; animation-timing-function: ease-in}
@keyframes rotatein{from{transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0} to{transform-origin: center; transform: none; opacity: 1}}
.rotatein{animation-name: rotatein}
@keyframes rotateindownleft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0} to{transform-origin: left bottom; transform: none; opacity: 1}}
.rotateindownleft{animation-name: rotateindownleft}
@keyframes rotateindownright{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0} to{transform-origin: right bottom; transform: none; opacity: 1}}
.rotateindownright{animation-name: rotateindownright}
@keyframes rotateinupleft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0} to{transform-origin: left bottom; transform: none; opacity: 1}}
.rotateinupleft{animation-name: rotateinupleft}
@keyframes rotateinupright{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0} to{transform-origin: right bottom; transform: none; opacity: 1}}
.rotateinupright{animation-name: rotateinupright}
@keyframes rotateout{from{transform-origin: center; opacity: 1} to{transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0}}
.rotateout{animation-name: rotateout}
@keyframes rotateoutdownleft{from{transform-origin: left bottom; opacity: 1} to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0}}
.rotateoutdownleft{animation-name: rotateoutdownleft}
@keyframes rotateoutdownright{from{transform-origin: right bottom; opacity: 1} to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0}}
.rotateoutdownright{animation-name: rotateoutdownright}
@keyframes rotateoutupleft{from{transform-origin: left bottom; opacity: 1} to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0}}
.rotateoutupleft{animation-name: rotateoutupleft}
@keyframes rotateoutupright{from{transform-origin: right bottom; opacity: 1} to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0}}
.rotateoutupright{animation-name: rotateoutupright}
@keyframes hinge{0%{transform-origin: top left; animation-timing-function: ease-in-out} 20%,60%{transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out} 40%,80%{transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1} to{transform: translate3d(0, 700px, 0); opacity: 0}}
.hinge{animation-name: hinge}
@keyframes jackinthebox{from{opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom} 50%{transform: rotate(-10deg)} 70%{transform: rotate(3deg)} to{opacity: 1; transform: scale(1)}}
.jackinthebox{animation-name: jackinthebox}
@keyframes rollin{from{opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)} to{opacity: 1; transform: none}}
.rollin{animation-name: rollin}
@keyframes rollout{from{opacity: 1} to{opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}
.rollout{animation-name: rollout}
@keyframes zoomin{from{opacity: 0; transform: scale3d(0.3, 0.3, 0.3)} 50%{opacity: 1}}
.zoomin{animation-name: zoomin}
@keyframes zoomindown{from{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} 60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoomindown{animation-name: zoomindown}
@keyframes zoominleft{from{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} 60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoominleft{animation-name: zoominleft}
@keyframes zoominright{from{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} 60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoominright{animation-name: zoominright}
@keyframes zoominup{from{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} 60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoominup{animation-name: zoominup}
@keyframes zoomout{from{opacity: 1} 50%{opacity: 0; transform: scale3d(0.3, 0.3, 0.3)} to{opacity: 0}}
.zoomout{animation-name: zoomout}
@keyframes zoomoutdown{40%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} to{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoomoutdown{animation-name: zoomoutdown}
@keyframes zoomoutleft{40%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)} to{opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center}}
.zoomoutleft{animation-name: zoomoutleft}
@keyframes zoomoutright{40%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)} to{opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center}}
.zoomoutright{animation-name: zoomoutright}
@keyframes zoomoutup{40%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)} to{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}
.zoomoutup{animation-name: zoomoutup}
@keyframes slideindown{from{transform: translate3d(0, -100%, 0); visibility: visible} to{transform: translate3d(0, 0, 0)}}
.slideindown{animation-name: slideindown}
@keyframes slideinleft{from{transform: translate3d(-100%, 0, 0); visibility: visible} to{transform: translate3d(0, 0, 0)}}
.slideinleft{animation-name: slideinleft}
@keyframes slideinright{from{transform: translate3d(100%, 0, 0); visibility: visible} to{transform: translate3d(0, 0, 0)}}
.slideinright{animation-name: slideinright}
@keyframes slideinup{from{transform: translate3d(0, 100%, 0); visibility: visible} to{transform: translate3d(0, 0, 0)}}
.slideinup{animation-name: slideinup}
@keyframes slideoutdown{from{transform: translate3d(0, 0, 0)} to{visibility: hidden; transform: translate3d(0, 100%, 0)}}
.slideoutdown{animation-name: slideoutdown}
@keyframes slideoutleft{from{transform: translate3d(0, 0, 0)} to{visibility: hidden; transform: translate3d(-100%, 0, 0)}}
.slideoutleft{animation-name: slideoutleft}
@keyframes slideoutright{from{transform: translate3d(0, 0, 0)} to{visibility: hidden; transform: translate3d(100%, 0, 0)}}
.slideoutright{animation-name: slideoutright}
@keyframes slideoutup{from{transform: translate3d(0, 0, 0)} to{visibility: hidden; transform: translate3d(0, -100%, 0)}}
.slideoutup{animation-name: slideoutup}
.clearfix{zoom:1}
.clearfix:after{height: 0; display: block; clear: both; content: '.'; visibility: hidden}
.header{background: #000; line-height: 20px; position: relative; min-width: 1000px; z-index: 99}
.head-wrap{position: relative; margin: 0 auto; width: 1000px; height: 70px}

.select .selectview{position: absolute; width: 80px; height: 35px; text-align: left; cursor: default; top: 0 !important}
.select .selectview .ds_cont{border-right: 1px solid #d6d6d6; background: #fff; height: 35px; line-height: 35px; text-align: center}
.select .selectview .ds_title{float: left; padding-left: 16px; color: #ff8800}
.select .selectview .ds_button{position: absolute; bottom: 13px; right: 5px; height: 0; width: 0; border-top: 6px solid #ff8800; border-left: 4px solid transparent; border-right: 4px solid transparent}
.select .selectview .ds_list{position: absolute; top: 35px; left: 0; background: #fff; width: 100%; border: solid 1px #d6d6d6}
.select .selectview .dsl_cont{border: none}
.select .selectview .ds_list p{line-height: 35px; margin: 1px; color: #000; padding-left: 16px; background: #fff}
.select .selectview .ds_list p.selected{background: #efefef; color: #000}

.ts_rule_list{height: 222px; overflow: hidden; overflow-y: auto; padding: 10px 40px; -webkit-box-shadow: inset 0 -5px 5px rgba(128,128,128,0.4); box-shadow: inset 0 -5px 5px rgba(128,128,128,0.4)}
.ts_rule_list h2{text-align: center; line-height: 30px; font-size: 26px; color: #212121; height: 40px; height: 60px}
.ts_rule_list .rule_cont{text-align: left}
.ts_rule_list .rule_item{margin-bottom: 20px}
.ts_rule_list .rule_item p{line-height: 30px}
.ts_rule_list .rule_item h3{font-size: 14px; font-weight: bold; line-height: 30px}


.blk-l{width: 640px; float: left}
.loading-con .loading-word{text-align: center; margin: 10px 0; color: #666}
.no-more,.empty-msg,.empty-complaint{text-align: center; margin: 10px 0; color: #666}
.share{position: relative}

input::-ms-clear{display: none}
input[type=text]::-ms-clear{display: none}
.list-item-txt{font-size: 14px; margin: 10px 7px; color: #5d5d5d}
.list-item-txt span{color: #333; font-weight: bold}

.gshare_box{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100}
.gshare_mask{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5)}
.gshare_loading{position: absolute; top: 50%; width: 100%; text-align: center; font-size: 16px; color: #fff}

.view-search{display: none; background-color: #f0f0f0}
.view-search.no-animation{display: none}
.view-search.switchview-show{display: block}
.view-search .module-search{z-index: 1; width: 100%}
.view-search .search-box{height: 48px; background-color: #fff; line-height: 48px; color: #a3a3a3; font-size: 16px}
.view-search .icon-search{display: inline-block; margin-right: .1rem; width: .55rem; height: 100%; background:  no-repeat right center; background-size: 0.3rem auto; vertical-align: top}
.view-search .ipt-search{display: inline-block; width: 400px; border: none; color: #fff; line-height: 48px; color: #a3a3a3; font-size: 16px; padding-left: 12px}
.view-search .ipt-search::-ms-clear{display: none; width: 0; height: 0}
.view-search .ipt-search::-ms-reveal{display: none; width: 0; height: 0}
.view-search .ipt-search::-webkit-search-decoration,.view-search .ipt-search::-webkit-search-cancel-button,.view-search .ipt-search::-webkit-search-results-button,.view-search .ipt-search::-webkit-search-results-decoration{display: none}
.view-search .ipt-search:valid .btn-clear{visibility: visible}
.view-search .ipt-search::-webkit-input-placeholder{color: #b0b0b0}
.view-search .ipt-search:-moz-placeholder{color: #b0b0b0}
.view-search .ipt-search::-moz-placeholder{color: #b0b0b0}
.view-search .ipt-search:-ms-input-placeholder{color: #b0b0b0}
.view-search .btn-clear{float: right; visibility: hidden; margin-right: 20px; width: 22px; height: 100%; background:  no-repeat center center}
.view-search .btn-cancel{float: right; width: 40px; height: 48px; line-height: 48px; font-size: 16px}
.view-search .btn-search{float: right; margin-right: .18rem; height: .9rem; line-height: .9rem; color: #fbaf17}
.view-search .module-history,.view-search .module-result{display: none; min-height: 100%; border: solid 1px #d6d6d6}
.view-search .module-result .no-data{padding: 0.2rem 0; text-align: center; color: #666; font-size: 16px}
.view-search .history-tit{padding-left: 12px; line-height: 36px; height: 36px; font-size: 14px; color: #a3a3a3; background-color: #e6e6e6}
.view-search .history-item,.view-search .tag-item{margin: 0 auto; padding: 0 12px; height: 35px; line-height: 35px; font-size: 14px; color: #5d5d5d; border-top: 1px solid #d6d6d6; background: #fff; overflow: hidden}
.view-search .history-item:hover,.view-search .tag-item:hover{background: #f8f8f8}
.view-search .words{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer}
.view-search .remove{float: right; width: 17px; height: 36px; cursor: pointer; background-image: url(/uploads/image/stimg/icon-close-1x.png); background-image: -webkit-image-set(url(/uploads/image/stimg/icon-close-1x.png) 1x, url(/uploads/image/stimg/icon-close-2x.png) 2x); background-repeat: no-repeat; background-position: center center}
.view-search .empty{margin-top: 3rem; font-size: 15px; text-align: center; color: #999999}
.view-search .author-item{margin-left: .3rem; padding-top: .3rem}
.view-search .author-item .author-r{float: none; width: auto; margin-left: 1.3rem; margin-right: .4rem}
.view-search .author-item .face{border: none; margin-bottom: .35rem}
.view-search .author-item .intro{margin-bottom: .35rem}
.view-search .highlight{font-style: normal; color: #1179ca}
.view-search .feed .feed-empty{margin-top: 3rem}
.view-search .module-recently{display: none; min-height: 100%; padding: 0 0 16px; background: #fff}
.view-search .complaint-tit{margin-bottom: 10px; padding-left: 12px; line-height: 36px; height: 36px; font-size: 14px; color: #a3a3a3; background-color: #e6e6e6}
.view-search .complaint-item{display: inline-block; font-size: 14px; margin: 4px 6px; border: 1px solid #d9d9d9; padding: 6px 16px; color: #5d5d5d; border-radius: 9999px}
.view-search .module-hot{display: none; padding: 0 0 16px; background: #fff}
.view-search .search-nodata{overflow: hidden; color: #a3a3a3; background: #e6e6e6; font-size: 14px; color: #5d5d5d; height: 36px; line-height: 36px}
.view-search .search-nodata-des{float: left}
.view-search .search-nodata-des .icon-code-17{float: left; margin: 10px 5px 10px; display: inline-block; width: 15px; height: 15px; background: url(/uploads/image/stimg/icon-code-17.png) no-repeat center center; background-size: 100%}
.view-search .search-nodata-btn{float: right; color: #ff8800; margin-right: 10px}
.view-search .search-nodata-btn .icon-code-18{float: left; margin-top: 10px; margin-right: 5px; display: inline-block; width: 15px; height: 15px; background: url(/uploads/image/stimg/icon-code-29.png) no-repeat center center; background-size: 100%}
.switchview{display: none; z-index: 999; top: 0; left: 0; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out}
.switchview.no-animation{-webkit-transition: none; transition: none}
.switchview-d-right{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
.switchview-show{-webkit-transform: none; transform: none}
.switchview-active-mode{overflow: initial; height: auto; min-height: 100%}
.switchview-active-mode .switchview-show{display: block}
.view-search .searchcon-txt{padding: .22rem .32rem; font-size: .6rem}
.switchview-active-mode .switch-section-box{display: none}
#m_search_list2{overflow: visible}
.view-search .suggest-result{width: 292px}
.view-search .suggest-item{position: relative; width: 272px; height: 40px; padding: 10px; cursor: pointer}
.view-search .suggest-item img{width: 40px; height: 40px; position: absolute}
.view-search .suggest-item p{margin-left: 50px}
.view-search .suggest-item p.title{line-height: 22px; font-size: 14px; color: #212121; margin-bottom: 2px}
.view-search .suggest-item p.txt{line-height: 14px; font-size: 12px; color: #8c8c8c}
.view-search .suggest-item p span{padding-right: 12px}

div.tap14{float: right}


.ts-subnav {
    padding: 20px 0;
    line-height: 22px;
    height: 22px;
    font-size: 16px;
    color: #777;
    border-bottom: solid 2px #212121
}

.ts-subnav a {
    color: #212121
}

.ts-subnav span {
    color: #5d5d5d;
    margin: 0 6px
}


.ts-detail-index {
    padding: 30px 0
}

.ts-detail-index .ts-d-l {
    float: left;
    width: 640px
}

.ts-detail-index .ts-d-r {
    float: right;
    width: 300px
}

.ts-d-question {
    color: #333
}

.ts-d-question h1.article {
    font-size: 20px;
    line-height: 50px;
    word-wrap: break-word
}

.ts-d-question h2.article {
    font-size: 20px;
    line-height: 50px;
    word-wrap: break-word
}

.ts-d-question .ts-q-user {
    position: relative;
    font-size: 14px;
    margin: 5px 0;
    line-height: 40px
}

.ts-d-question .ts-q-user img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left
}

.ts-d-question .ts-q-user .u-name {
    float: left;
    margin-left: 10px
}

.ts-d-question .ts-q-user .u-date {
    color: #a3a3a3;
    float: left;
    margin-left: 10px
}

.ts-d-question .ts-q-user div {
    position: absolute;
    right: 0;
    top: 0
}

.ts-d-question .ts-q-user a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fbaf17;
    text-align: center;
    font-size: 15px;
    color: #fbaf17;
    margin-left: 10px;
    padding: 0 10px
}

.ts-d-question .ts-q-list {
    margin-top: 12px
}

.ts-d-question .ts-q-list li {
    font-size: 16px;
    line-height: 36px;
    overflow: hidden
}

.ts-d-question .ts-q-list label {
    float: left;
    width: 95px;
    white-space: nowrap
}

.ts-d-question .ts-q-list a.c_link {
    color: #1f3b7b
}

.ts-d-question .ts-q-list b {
    font-weight: normal;
    color: #fbaf17
}

.ts-d-question .ts-q-btns {
    line-height: 40px;
    height: 40px;
    margin-top: 20px
}

.ts-d-question .ts-q-btn {
    float: left;
    font-size: 14px;
    color: #84848a
}

.ts-d-question .ts-q-btn a {
    color: #84848a
}

.ts-d-question .ts-q-btn span {
    float: left;
    margin-right: 28px;
    padding-left: 26px;
    position: relative;
    cursor: pointer
}


.new_vote {
    background-image: url(/uploads/image/stimg/nicon_zan1_1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/nicon_zan1_1x.png) 1x, url(/uploads/image/stimg/nicon_zan1_2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 center
}

.new_msg {
    background-image: url(/uploads/image/stimg/nicon_cmt1_1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/nicon_cmt1_1x.png) 1x, url(/uploads/image/stimg/nicon_cmt1_2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 center
}


.new_vote:hover,.new_vote.select {
    background-image: ;
    background-image: -webkit-image-set( 1x,  2x)
}

.new_msg:hover {
    background-image: ;
    background-image: -webkit-image-set( 1x,  2x)
}

.ts-d-steplist {
    border-top: solid 1px #d6d6d6;
    padding: 24px 0;
    margin-top: 17px
}


.ts-d-steplist .ts-d-item {
    position: relative;
    word-wrap: break-word
}

.ts-d-steplist .ts-d-item:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 16px;
    top: 46px;
    background-image: url(/uploads/image/stimg/icon-arr2-1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/icon-arr2-1x.png) 1x, url(/uploads/image/stimg/icon-arr2-2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.ts-d-steplist .ts-d-user {
    font-size: 20px;
    line-height: 50px
}

.ts-d-steplist .ts-d-user .avatar-wrap {
    position: relative;
    height: 50px;
    width: 50px;
    float: left
}

.ts-d-steplist .ts-d-user .avatar-wrap .vender-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #ff8800;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #fff;
    font-size: 12px
}


.ts-d-steplist .ts-d-user img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    border: solid 5px #e6e6e6
}

.ts-d-steplist .ts-d-user img.ts-right {
    background-image: url(/uploads/image/stimg/icon-right-1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/icon-right-1x.png) 1x, url(/uploads/image/stimg/icon-right-2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.ts-d-steplist .ts-d-user img.ts-wrong {
    background-image: url(/uploads/image/stimg/icon-wrong-1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/icon-wrong-1x.png) 1x, url(/uploads/image/stimg/icon-wrong-2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.ts-d-steplist .ts-d-user .u-name {
    float: left;
    margin-left: 10px;
    color: #212121
}

.ts-d-steplist .ts-d-user .u-status {
    float: left;
    color: #f60;
    margin-left: 5px
}

.ts-d-steplist .ts-d-user .u-date {
    color: #a3a3a3;
    float: left;
    margin-left: 10px;
    font-size: 14px
}

.ts-d-steplist .ts-d-cont {
    border-left: solid 1px #e6e6e6;
    padding: 1px 34px 35px;
    margin-left: 24px
}

.ts-d-steplist .ts-d-item:last-child:before {
    display: none
}

.ts-d-steplist .ts-d-item:last-child .ts-d-cont {
    border-left-color: transparent
}

.ts-d-steplist .ts-reply {
    color: #5d5d5d;
    font-size: 14px
}

.ts-d-steplist .ts-reply p {
    line-height: 26px;
    font-size: 14px;
    word-wrap: break-word
}

.ts-d-steplist .ts-reply p.ts-c-hide:after {
    content: '\5df2\7ecf\9690\85cf';
    display: block;
    width: 98px;
    height: 38px;
    border: solid 1px #d6d6d6;
    background: #a3a3a3;
    color: #e6e6e6;
    text-align: center;
    padding-top: 60px;
    margin-top: 10px;
    background-image: url(/uploads/image/stimg/icon-hide-1x.png);
    background-image: -webkit-image-set(url(/uploads/image/stimg/icon-hide-1x.png) 1x, url(/uploads/image/stimg/icon-hide-2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 15px;
    background-size: 41px 40px
}

.ts-d-steplist .ts-img-list {
    margin-top: 10px
}

.ts-d-steplist .ts-img-list img {
    float: left;
    margin: 0 10px 10px 0;
    width: 100px;
    height: 100px;
    cursor: pointer
}
.ts-d-steplist .ts-d-user svg {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    border: solid 5px #e6e6e6;
}