@charset "utf-8";[v-cloak]{display:none}
body{font-size:14px;color:#5c5c5c;background-color:#f2f2f2}
a{text-decoration:none;color:#5c5c5c;-webkit-tap-highlight-color:transparent}
ol,ul{list-style:none}
li{list-style-type:none}
input,select,textarea{-webkit-appearance:none;outline:0;border:none;resize:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
address,cite,code,em,i,th{font-weight:400;font-style:normal}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:""}
button{border:none;outline:0;background:0 0;cursor:pointer;-moz-appearance:none;-webkit-appearance:none}
/**{margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:after,:before{box-sizing:border-box}*/
body,html{-webkit-text-size-adjust:none}
.nav-container{padding:20px 40px 0;margin-top:calc(20px + 1.6rem);background-color:#fff}
.TContainer input::-webkit-input-placeholder{color:#9b9b9b}
/* #vmToolPic{width:1280px} */
.TContainer{width:1300px;margin:11px auto 0;min-height:490px;font-family:"Microsoft YaHei",arial}
.TContainer .tools_nav{background:#fff;text-align:center;padding-bottom:0;border-bottom:none;padding:10px 0;font-size:0;border-bottom:1px solid #ddd}
.TContainer .tools_nav a{display:inline-block;font-size:14px;width:160px;height:35px;line-height:35px;border-radius:20px;position:relative}
.TContainer .Tactive{background:#5287ff;border-color:#5287ff;color:#fff}
.TContainer .Tactive:hover{color:#fff}
.toolNav-tips{position:absolute;top:-6px;right:0;font-style:normal;font-size:12px;width:40px;height:16px;line-height:16px;color:#fff;background:#ff4b42;border-radius:10px 10px 10px 0}
.TMain{margin-bottom:20px;min-height:490px}
.TMain .TcolumnRight{float:right;margin-right:0}
.TMain .column{width:390px;background-color:#fff;padding:10px;min-height:740px}
.TMain .Tspike{padding: 10px 0 10px 10px;}
.TMain .pic-search-btn{border:1px solid #5287ff}
.TMain .pic-search-btn{background-color:#5287ff}
.TMain .btnx{background-color:#5287ff}
.Tbtn{text-align:right}
.TMain .btnx{border-radius:5px;margin-top:0;padding:0 10px;min-width:initial}
.TMain .butText{color:#5287ff}
.TMain .upload-img{text-align:right;margin-top:10px}
.TExplain{font-size:14px;color:#555;margin-top:5px}
.TMain .canvasWrap,.TMain .unitePic{margin:20px auto 0}
.seeImgWrap img{width:auto;max-width:100%;display:block;margin:0 auto}
.tipsword{width:9em!important;height:9em!important;overflow:initial!important}
.TMain label{font-weight:initial}
.tipsTypeBox ul li:hover{opacity:.9}
.tipsTypeBox ul li:nth-child(2){border-left:none;border-right:none}
.tipsTypeBox ul li:nth-child(1){border-radius:20px 0 0 20px}
.tipsTypeBox ul li:nth-child(3){border-right:none}
.tipsTypeBox ul li:nth-child(4){border-radius:0 20px 20px 0}
.TMain .arrow{top:4px}
.TMain .fontSizeWrap{background-image:url(/images/tool/Tarrow.png);background-size:18px 19px;background-repeat:no-repeat;background-position:92% 6px}
.TpicBOX{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);text-align:center;color:#fff}
.TMain .TpicBOX p{cursor:pointer;margin-top:10px}
.TMain .TpicBOX p:hover{color:#007aff}
.TpicBgImg{position:relative}
.TpicBgImg.TpicBgImg0,.TpicBgImg.TpicBgImg1,.TpicBgImg.TpicBgImg2,.TpicBgImg.TpicBgImg3{padding:1em}
.TpicBgImg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;background-repeat:no-repeat;background-size:11em 11em;z-index:1}
.TpicBgImg.TpicBgImg0::before{background-image:url(../images/tool/Tpic1.png)}
.TpicBgImg.TpicBgImg1:before{background-image:url(../images/tool/Tpic2.png)}
.TpicBgImg.TpicBgImg2::before{background-size:contain;background-image:url(../images/tool/Tpic3.png);background-position-y:.4em}
.TpicBgImg .round-bg0,.TpicBgImg .round-bg1,.TpicBgImg .round-bg2,.TpicBgImg .round-bg3{border:none!important}
.TpicBgImg .round-bg0{background-color:#ebfdf4}
.TpicBgImg .round-bg1{background-color:#fceed9}
.TpicBgImg .round-bg2{background-color:#ff686e}
.TpicBgImg p.round-text3{background-color:initial}
.TpicBgImg.TpicBgImg2 p.round-text3{top:65%}
.TpicBgImg3 p.round-text3{background-color:#e3032f}
.TpicBgImg .tipsword .round-text3{color:#fff}
.tipsword p.round-text3{top:63%;height:initial;line-height:initial;line-height:1}
.TpicBgImg .tipsword3 .round-text3{height:1.8em;line-height:1.8em}
.TpicBgImg0 .tipsword p{color:#563cf6}
.TpicBgImg1 .tipsword p{color:#fc4b4b}
.tipsword p.round-text1{top:15%}
.TpicBgImg3 .round-bg3{border:.315em solid #fff!important;width:9.6em!important;height:9.6em!important;margin-top:-10px;background-color:#3e7eae;overflow:hidden!important}
.tipsInuse#tipsInuse-round{width:11em;height:11em}
.TpicReg .cell{width:inherit;height:initial}
.TcomBtn.TconCell{display:block;margin:24px auto;max-width:130px}
.TconCellImgBox{max-height:240px;overflow:auto}
.TconTconCellpage.TconCellpage{width:82%;margin:0 auto;text-align:right}
.TconTconCellpage.TconCellpage span{width:15%}
.TconCellpage{width:100%;text-align:left;font-size:0;margin-top:12px}
.TcongoodsImgAbs li a{float:left;margin-top:10px;width:31%;height:110px;height:calc(width);margin-right:2.2%;background-color:#f2f2f2}
.TcongoodsImgAbs li a img{height:100%;max-width:100%;display:block;margin:auto}
.TconCellpageA{display:inline-block;width:72%;vertical-align:middle;border-radius:10px;margin-right:4%;margin-top:4px}
.TconCellpageA i{color:#000;padding:2px 12px;text-align:center;font-size:14px;cursor:pointer;border-radius:2px;background-color:#eee;border-radius:14px;margin-right:3px;float:left;margin-bottom:4px}
.TconCellpageA i:hover{color:#fff;background:#5287ff}
.TconCellpageA i.active{color:#fff;background:#5287ff}
.TconCellpage span{width:20%;display:inline-block;padding:4px 16px;background-color:#5287ff;border:1px solid #5287ff;color:#fff;text-align:center;border-radius:15px;font-size:12px;cursor:pointer;vertical-align:middle}
.TconCellpage span:hover{opacity:.8}
.column.columnFont{font-size:16px}
.TpicBgImg0 .tipsword .round-text4,.TpicBgImg1 .tipsword .round-text4{bottom:.48em}
.tips-wrapper.round-wrap .tipsBox .cell{max-width:12em;height:12em}
.TspikeCom,.TspikeList li{width:370px;height:190px;overflow:hidden;border-radius:6px;background-color:rgba(0,0,0,.7);color:#fff;margin-top:8px}
.TspikeCom{position:relative;margin-top:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.TspikeCom .swiper-button-next{background-color:initial!important}
.TspikeCom .swiper-button-next img{display:none}
.TspikeCom p{position:absolute;left:50%;width:100%;left:0;text-align:center;z-index:100;overflow:hidden}
.TspikeCom p:nth-child(1){top:50px;font-size:2.5em;font-weight:700;height:66px;line-height:66px}
.TspikeCom p:nth-child(2){top:112px;font-size:1.875em;height:46px;line-height:40px}
.TspikeList li{position:relative;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.TspikeList li:hover .cleanImg{display:block}
.TspikeList .TspikeIcon{width:46px;height:36px;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;text-align:center;font-size:14px;overflow:hidden}
.TspikeList{width:370px;padding:0}
.TspikeUp{float:left;width:176px;height:170px;background-color:#fff;border-color:#66afe9;margin-top:10px;margin-left:10px;overflow:hidden;padding:5px;position:relative}
.TspikeUp img{width:100%;height:100%}
.TspikeUp input{position:absolute;top:0;left:0;height:100%;width:100%;font-size:0;cursor:pointer;opacity:0}
.TspkeUp-p{height:170px;line-height:170px;color:#5490ff;width:100%;text-align:center}
.TspikeFont{float:left;margin-top:10px;margin-left:10px;width:170px;position:relative;height:170px;overflow:hidden}
.Tspikes .TspikeFont .TspikeUp-p0{text-align:center;top:0}
.Tspikes .TspikeFont p{position:absolute;left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}
.TspikeFont>p>i{font-size:16px}
.TspikeFont .TspikeUp-p1{top:42px}
.TspikeFont .TspikeUp-p2{top:86px}
.Tspstyle0 .TspikeFont .TspikeUp-p0{top:8%;text-align:left;white-space:initial}
.tspsyleBox{position:absolute;left:0;top:90px}
.tspsyleBox em,.tspsyleBox span{display:inline-block;vertical-align:middle}
.tspsyleBox em{margin-left:2px;text-decoration:line-through}
.Tspikes.TspikeList .TspikeUp-p3{top:initial;bottom:8px;left:0;padding:4px 6px 4px 8px;min-width:150px;max-height:initial;display:inline-block;border-radius:4px 10px 10px 4px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:initial}
.TSpPush{display:block;width:260px;height:36px;border:1px solid rgba(170,170,170,1);border-radius:5px;font-size:14px;font-weight:400;color:rgba(170,170,170,1);line-height:36px;text-align:center;margin:10px auto 10px}
.TSpPush:hover{border:1px solid #26a2d7}
.TSpPush:focus{color:rgba(170,170,170,1)}
.TspHe{text-align:right}
.TspikeActive{-webkit-box-shadow:inset 0 2px 2px #f5f7fa,0 0 9px #dd514c;box-shadow:inset 0 2px 2px #f5f7fa,0 0 9px #dd514c}
.TspikeList .TspikeBg0:nth-child(n),.TspikeList .TspikeBg1{background-image:url(../images/tool/Tsp1.png)}
.TspikeIcon,.TspikeList .TspikeBg0:nth-child(n) .TspikeIcon,.TspikeList .TspikeBg1 .TspikeIcon{background-image:url(../images/tool/Tspicon1.png)}
.TspikeList .TspikeBg0:nth-child(n) .TspikeUp-p3,.TspikeList .TspikeBg1 .TspikeUp-p3{background-image:linear-gradient(0deg,#5770d4 0,#3a8ed6 50%,#26a2d7 100%);background-image:-webkit-linear-gradient(0deg,#5770d4 0,#3a8ed6 50%,#26a2d7 100%);background-image:-o-linear-gradient(0deg,#5770d4 0,#3a8ed6 50%,#26a2d7 100%);background-image:-moz-linear-gradient(0deg,#5770d4 0,#3a8ed6 50%,#26a2d7 100%)}
.TspikeList .TspikeBg0:nth-child(2n),.TspikeList .TspikeBg2{background-image:url(../images/tool/Tsp2.png)}
.TspikeList .TspikeBg0:nth-child(2n) .TspikeIcon,.TspikeList .TspikeBg2 .TspikeIcon{background-image:url(../images/tool/Tspicon2.png)}
.TspikeList .TspikeBg0:nth-child(2n) .TspikeUp-p3,.TspikeList .TspikeBg2 .TspikeUp-p3{background-image:linear-gradient(0deg,#fe8854 0,#ffba19 50%,#ffcf01 100%);background-image:-webkit-linear-gradient(0deg,#fe8854 0,#ffba19 50%,#ffcf01 100%);background-image:-o-linear-gradient(0deg,#fe8854 0,#ffba19 50%,#ffcf01 100%);background-image:-moz-linear-gradient(0deg,#fe8854 0,#ffba19 50%,#ffcf01 100%)}
.TspikeList .TspikeBg0:nth-child(2n) .TspikeIcon{background-image:url(../images/tool/Tspicon2.png)}
.TMains{background-color:#fff;min-height:490px}
.TContainer .TEh4{font-weight:700;color:#5287ff;font-size:15px;margin:16px 0 0 70px;position:relative}
.TContainer .TEh3{font-weight:700;color:#5287ff;font-size:15px;margin:5px 0 20px 10px;position:relative}
.TEh4:before{content:"";width:3px;height:14px;background:#5287ff;position:absolute;left:-8px;top:50%;margin-top:-7px}
.TEh3:before{content:"";width:3px;height:14px;background:#5287ff;position:absolute;left:-8px;top:50%;margin-top:-7px}
.TEBox{text-align:center;margin-top:15px}
.TEBox:nth-child(1){margin-bottom:20px}
.TEBox i,.TEBox input,.TEBox span{display:inline-block;vertical-align:middle}
.TEBox i{width:104px;color:#4b4b4b}
.TEBox input{float: none;border:1px solid #ddd;border-radius:4px;width:598px;text-indent:1em;font-size:12px;line-height:1;padding:8px 2px 8px 0;background:#fff;color:#666}
.TEBox input::-webkit-input-placeholder{color:#9b9b9b}
.TEBox span{width:80px;text-align:center;line-height:32px;background-color:#5287ff;border:1px solid #5287ff;border-radius:4px;color:#fff;cursor:pointer;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}
.TEBox span:hover{opacity:.8}
.TTsBox .TEBox span:nth-last-child(2){margin:0}
.TEBox span:nth-last-child(2){margin-left:8px;margin-right:8px}
.TTsBox .TcomBtn{width:initial}
.TEBox span:last-child{background-color:#fff;color:#5287ff}
.TTsBox .TEBox{text-align:left;padding-left:166px}
.TTsBox .TEBox i{text-align:right}
.TEWarp:nth-child(2){margin-top:30px}
.TTsBox{min-width:1280px}
.Tqinner{width:1150px;margin:15px auto 0}
.TqBox{width:500px;float:left;overflow:hidden}
.TqBox:nth-child(2){float:right}
.TqBox>p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.Tqinner .TEh4{margin:0 0 8px 8px}
.TqTest{width:477px;height:250px;border:1px solid #ddd;padding:10px;border-radius:4px;color: #666;}
.TqTest::-webkit-input-placeholder{color:#b8b8b8;font-size:12px}
.TqBtnBox{text-align:right;margin-top:10px;font-size:0}
.TqBtnBox .TcomBtns{margin-left:12px}
.TqueryBox{width:498px;height:250px;border:1px solid #ddd;border-radius:4px;position:relative;color:#fff;font-size:15px}
.Tqq{width:440px;height:220px;position:absolute;top:50%;left:50%;margin-top:-110px;margin-left:-220px;border-radius:10px;background-image:linear-gradient(0deg,#ff9863 0,#fe7d5e 50%,#fd6a58 100%);background-image:-webkit-linear-gradient(0deg,#ff9863 0,#fe7d5e 50%,#fd6a58 100%);background-image:-o-linear-gradient(0deg,#ff9863 0,#fe7d5e 50%,#fd6a58 100%);background-image:-moz-linear-gradient(0deg,#ff9863 0,#fe7d5e 50%,#fd6a58 100%)}
.TqqTitle,.Tqquery{float:left}
.TqqTitle p{font-size:30px;}
.TqqTitle{font-size:30px;width:90px;height:100%;text-align:center;padding-left:20px;writing-mode:vertical-lr;writing-mode:tb-lr;position:relative}
.TqqTitle p{height:100%;width:100%;background:url(../images/tool/Ticon.png) right -2px no-repeat}
.TqqTitle::after,.TqqTitle::before{content:"";position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;background-color:#fff}
.TqqTitle::after{bottom:-14px;right:-14px;top:initial}
.Tqquery{/*width:350px;*/margin-top:18px;overflow:hidden;padding-left:50px;font-size:16px}
.Tqquery p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px}
.Tqquery h6,.Tqquery h6 i{font-size:30px}
.Tqquery i{color:#fde67c;font-size:17px}
.TContainerA{min-height:530px}
.Tqinner.TconWrap{width:1280px;padding:0 10px}
.TMain .TconWrap .TconInner{float:right;width:490px}
.TconInner .TconPic{width:400px}
.TconWrap .TconBox{width:100%;color:#333}
.TconBox h6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:15px;margin-top:10px}
.TconHead{width:100%;text-align:center;font-size:0;margin-bottom:22px}
.TconHead i,.TconHead input,.TconHead span{display:inline-block;font-size:14px;vertical-align:middle}
.TconHead i{margin-left:18px}
.TCondefault{width:100%;min-height:380px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.TCondefault img{display:block;margin:0 auto;width:200px;height:200px}
.TCondefault p{text-align:center;color:#999;font-weight:700}
.TconInput{width:600px;height:36px;border:1px solid #ddd;border-radius:2px;padding-left:10px}
.TconBoxImg{margin-top:16px}
.TconGetReal{display:inline-block;color:#fff;width:128px;text-align:center;padding:6px 0;background-color:#007aff;border-radius:6px}
.TconBoxsave{display:inline-block;vertical-align:bottom}
.TconrealBox{margin-top:40px}
.Tconreal-p{font-size:14px}
.TContainer .TconGetReal:hover{color:#fff;opacity:.9;cursor:pointer}
.TconPic a{float:left;width:190px;height:190px;overflow:hidden;margin-right:10px;position:relative;border-radius:4px;margin-bottom:6px;box-shadow:1px 0 6px 1px rgba(0,0,0,.1);-webkit-box-shadow:1px 0 6px 1px rgba(0,0,0,.1)}
.TconPic a img{width:100%;height:100%}
.TconBoxImg>span,.videoBox>span{width:74px;text-align:right;padding-right:4px;line-height:1;display:inline-block;vertical-align:top}
.TconRed{color:#eb655c}
.TconPic{max-width:1000px;min-height:120px;overflow:auto;display:inline-block;vertical-align:middle}
.TconVideo>a{position:relative}
.TContainer .Tool-noneVideo{text-align:center;margin-top:50px;font-weight:700}
.TconIconVideo{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;background:rgba(0,0,0,.7);border-radius:50%}
.TconIconVideo:before{content:"";width:0;height:0;position:absolute;top:50%;left:50%;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);margin-top:-6px;margin-left:-5px}
.Tcheckbox{width:20px;height:20px;cursor:pointer;position:absolute;right:0;top:0;border:2px solid #fff;background:-moz-linear-gradient(top,#222 0,#45484d 100%);background:-webkit-linear-gradient(top,#222 0,#45484d 100%);background:linear-gradient(to bottom,#222 0,#45484d 100%);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;cursor:crosshair}
.TActive::after{width:10px;height:6px;position:absolute;top:10px;left:10px;border:3px solid #fcfff4;border-top:none;border-right:none;background:0 0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.Tcontent{padding-bottom:20px}
.Twarning{padding:10px}
.Twarning h5{color:#000;text-align:center;font-weight:700;font-size:16px;margin:6px 0}
.Twarning p{margin:0;color:#000;font-size:14px;margin-top:8px}
.TwarningP{font-weight:700}
.TconTips{color:#9b9b9b;font-size:12px;margin-top:40px}
.videoBox{margin-top:50px}
.videoList{display:inline-block;vertical-align:middle;width:1150px}
.videoList>li{width:300px;float:left;position:relative;margin-right:15px;border-radius:8px;padding:4px 0 28px 0;background:-o-linear-gradient(180deg,#f5f7fa 0,#ddd 100%);background:-moz-linear-gradient(180deg,#f5f7fa 0,#ddd 100%);background:-webkit-linear-gradient(180deg,#f5f7fa 0,#ddd 100%);background:linear-gradient(180deg,#f5f7fa 0,#ddd 100%)}
.videoList>li>p{text-align:center;margin-bottom:2px;font-weight:700}
.TVideo{width:100%;max-height:358px}
.tcon-pagination{width:100%}
.tcon-pagination span{width:8px;height:8px;margin-left:2px}
.TVideoBox{width:225px;height:400px;margin:0 auto}
.TVideoBox video{width:100%;height:100%;max-height:initial;margin:0 auto}
.tool-tbvideo{position:absolute;bottom:0;right:4px;bottom:4px;background-color:#aeadad;border-radius:6px;padding:2px 6px;z-index:999;font-size:12px;width:auto;border-radius:6px}
.tool-tbvideo:hover{background-color:#007aff}
.videopopupWrap li{width:225px;height:400px}
.videopopupWrap li video{width:100%;height:100%}
.videorealPic{top:50%;left:50%;width:850px;background-color:#fff;border-radius:10px;display:none}
.videorealpic-box{width:100%;height:532px;overflow:hidden}
.videorealPic-list{height:532px;overflow-y:auto;padding:14px;border-bottom:2px solid #f8f8f8}
.videorealPic-list li{float:left;width:32%;height:350px;margin-bottom:10px;background-color:#f8f8f8;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}
.videorealPic-list li:nth-child(3n+2){margin-left:2%;margin-right:2%}
.videorealPic-list li img{margin:5px;margin:0 auto;width:100%;max-height:100%;cursor:pointer}
.videorealpic-page i{float:left;padding:3px 10px;background:#fff;border:1px solid #e6e6e6;margin-right:2px;border-radius:4px;color:#999;cursor:pointer;margin-top:4px}
.videorealpic-page{height:64px;overflow-y:auto}
.videorealpic-btn,.videorealpic-page{padding:0 14px}
.videorealpic-page i.active,.videorealpic-page i:hover{color:#fff;background-color:#4d77ff;border:1px solid #4d77ff}
.videorealpic-btn{font-size:0;text-align:right;margin-top:6px}
.videorealpic-btn span{display:inline-block;font-size:14px;color:#fff;background-color:#4d77ff;padding:6px 10px;text-align:center;margin-left:4px;border-radius:4px;cursor:pointer}
.videorealpic-btn span:hover{opacity:.9}
.videorealpic-btn span.active{pointer-events:none;cursor:not-allowed;color:#ccc;background-color:#ccc;color:#fff}
.videorealpic-tisp{color:#999;font-size:12px;padding:0 14px}
.videoBox .swiper-button-next.swiper-button-next0,.videoBox .swiper-button-prev.swiper-button-prev0{width:28px;height:28px;background-size:28px 28px}
.videoBox .swiper-button-next.swiper-button-next0{right:4px}
.videoBox .swiper-button-prev.swiper-button-prev0{left:4px}
.videoBox .swiper-pagination-bullet-active{background-color:#007aff}
.TBjHead{margin-top:15px;text-align:center}
.TbjWrap{max-width:1300px;min-width:1200px;margin:32px auto 0;padding-bottom:30px;padding:0 20px 20px}
.TbjText{width:100%;height:350px;border:1px solid #ddd;border-radius:4px;padding:10px}
.TbjText::-webkit-input-placeholder{color:#b8b8b8}
.TbjBox{float:left;width:49%}
.TbjBox-Wrap{width:100%;margin-top:10px;margin-bottom:10px}
.TbjBox-Wrap p{float:right;font-size:18px;font-weight:700;color:#fe7866;padding-right:10px;line-height:1}
.TbjBoxs{float:right}
.TbjWrap .TEh4{width:49%;margin-left:1%;float:left}
.TbjWrap .TEh4:nth-child(1){width:50%}
.TbjWrap .TEh4:nth-child(2){width:48%}
.Tbj-Tips{font-weight:700;color:#ff4b42;font-size:14px;margin-top:6px}
.Tbjbtn{margin-top:2px;text-align:right}
.TbTabbox{max-width:92px;border-right:1px solid #dcdcdc;padding:5px 0;text-align:center;box-sizing:border-box;float:left;width:17%}
.TbTabbox span{display:inline-block;padding:4px 0;text-align:center;color:#999;font-size:14px;width:78px;cursor:pointer}
.TbTabbox .TbTabActive{background-color:#34cee5;border-radius:16px;color:#fff}
.TbTabbox span:hover{color:#34cee5}
.TbjEm{border:1px solid #dcdcdc;border-radius:4px;overflow:hidden}
.TbjEmBox{float:left;width:82%;padding:0 4px}
.TMain .contentBox{height:320px;overflow:auto}
.contentBox:empty:before{content:attr(placeholder);color:#999;font-size:12px}
.contentBox:focus:before{content:none}
.TMain .TbLayui{width:600px;height:600px;z-index:1000;position:fixed;top:50%;left:50%;margin-top:-300px;margin-left:-300px}
.TbLayui-cont{overflow:auto}
.TbLayui .TconPic{height:450px;max-height:initial}
.TbLayui .TconPic a{margin-bottom:4px}
.TbLayui .TcomBtn{margin:0 auto;display:block;max-width:94px}
.TContainer .TbLayui .TcomBtn:hover{color:#fff}
.TContainer .TbLayui .TcomBtn:focus{color:#fff}
.TbLayui .TconCellpageA{max-height:40px;overflow:auto}
.TbLayui .TconTconCellpage.TconCellpage{width:90%}
.inscreen-wrap::-webkit-scrollbar{width:8px;height:2px;background-color:#fafafa}
.inscreen-wrap::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1}
.inscreen-wrap::-webkit-scrollbar-thumb:hover{border-radius:4px;background-color:#7f7f7f}
.TcomBtn{display:inline-block;vertical-align:middle;padding:0 11px;text-align:center;line-height:32px;background-color:#5287ff;border:1px solid #5287ff;border-radius:4px;color:#fff;cursor:pointer;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;font-size:14px;min-width:80px;margin-top: 10px;}
.TcomBtn:hover{opacity:.8}
.TcomBtns{background-color:#fff;color:#5287ff}
.TcomBtns:hover{color:#0f54f1;opacity:1}
#contentImg{font-size:0}
#contentImg img{width:0;height:0}
.bradius5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.textarea{margin:0 20px 20px 20px;padding:12px 15px;border:1px solid #ccc;text-align:left;box-shadow:0 0 6px 0 rgba(0,0,0,.15) inset}
#contentVal{opacity:0;position:absolute;z-index:-16}
.TMain .contentBox{height:320px;overflow:auto}
.contentBox{height:260px;overflow:hidden}
.faceDivBox{position:relative;width:42%;height:420px;float:right;margin:20px 40px 0 0;border-top:none;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 16px rgba(0,0,0,.15);-webkit-box-shadow:0 0 16px rgba(0,0,0,.15);box-shadow:0 0 16px rgba(0,0,0,.15)}
.faceDiv{height:420px;overflow:hidden}
.emoji-box{padding-left:100px;text-align:left}
.emoji-box section{display:none}
.faceDiv .emoji-box img{position:relative;padding:6px;cursor:pointer}
.infoArea{position:relative;width:900px;margin:0 auto;margin-top:40px;background:#f5f5f5;border:1px solid #e5e5e5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.infoBox{position:relative;float:left;width:900px;margin-left:145px;margin-top:20px;padding-bottom:25px;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 0 16px rgba(0,0,0,.2);transition:all linear .6s;-moz-transition:all linear .6s;-webkit-transition:all linear .6s}
.infoBox.only{width:900px;float:none;margin-top:40px;margin-left:145px}
.Input_Foot{width:100%;line-height:38px;text-align:left}
.imgBtn{position:absolute;top:8px;right:20px;height:30px;width:30px;color:#fff;line-height:34px;text-align:center;background-color:#ff9000;font-family:"微软雅黑";font-size:16px;cursor:pointer;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;box-shadow:0 0 16px rgba(0,0,0,.1)}
.imgBtn:hover{background-color:#ff7680}
.imgBtn:active{background-color:#f64c59;line-height:36px}
.postBtn{float:right;height:38px;margin-right:20px;padding:0 20px;background-color:#259fd8;border-left:1px solid #ccc;color:#fff;font:16px "微软雅黑",Arial,Helvetica,sans-serif;line-height:38px;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.postBtn:hover{color:#fff;background-color:#4cb0f9}
.postBtn:active{line-height:40px;background-color:#2798eb}
.faceDivBox{position:relative;width:42%;height:420px;float:right;margin:20px 40px 0 0;border-top:none;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 16px rgba(0,0,0,.15);-webkit-box-shadow:0 0 16px rgba(0,0,0,.15);box-shadow:0 0 16px rgba(0,0,0,.15)}
.closeFaceBox{right:-10px;border:1px solid #eae4e4;border-left:none;border-bottom:none}
.faceDiv{height:420px;overflow:hidden}
.faceDiv.isScrolly{overflow-y:scroll}
.emoji-box{padding-left:100px;text-align:left}
.for-hot{padding:10px 0}
.faceDiv .emoji-box img{position:relative;padding:6px;cursor:pointer}
.faceDiv .emoji-box img:hover{background-color:#f3f3f4}
.faceDiv>img:active{padding:4px 3px 2px 3px}
.contentBox{height:260px;overflow:hidden}
.tabbox{position:absolute;top:0;width:94px;height:100%;overflow:hidden;background-color:#fff;border-right:1px solid #e0e0e0}
.emoji-tab a{display:inline-block;float:left;width:94px;height:44px;line-height:44px;text-align:center;border-radius:4px}
.emoji-tab a.active{background:#5287ff;color:#fff}
.emoji-tab a:hover{color:#5287ff}
.emoji-tab a.active:hover{color:#fff}
.emoji-box section{display:none}
#contentVal{opacity:0;position:absolute;z-index:-16}
.textarea{margin:0 20px 20px 20px;padding:12px 15px;border:1px solid #ccc;text-align:left;box-shadow:0 0 6px 0 rgba(0,0,0,.15) inset}
.textarea.clicked{border-color:#fa7d3c;box-shadow:none}
.tabbtn{position:absolute;bottom:0;width:100%;background-color:#f5f5f5;text-align:center;font-size:0}
.textarea p{padding:0}
.tbtn{display:inline-block;height:44px;width:50%;color:#999;font-family:"宋体";font-size:16px;line-height:44px}
.tbtn:hover{background-color:#e8e8e8;color:#5cadfc}
.isScrolly::-webkit-scrollbar{width:10px;height:4px;background-color:#f5f5f5}
.isScrolly::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1}
.isScrolly::-webkit-scrollbar-thumb:hover{border-radius:4px;background-color:#7d7d7d}
div:focus,textarea:focus{outline:0;-webkit-tap-highlight-color:transparent}
.comHidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.TMain .paginationjs .paginationjs-pages li>a{color:#5a8af9}
.TMain .paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#5a8af9;color:#fff}
.Twrapper{text-align:center}
.Twrapper .paginationjs{display:inline-block;margin:0 auto}
.TMain .textarea{box-shadow:none;margin:0;padding:12px 15px}
.TMain .faceDivBox{margin:0;width:100%;-webkit-box-shadow:none;box-shadow:none;float:initial}
.TMain .emoji-tab a{max-width:92px;width:78px;float:inherit;margin:0 auto;display:block;height:30px;line-height:30px}
.TMain .emoji-tab a.active{background-color:#5287ff;border-radius:16px}
.TMain .faceDiv{position:relative;width:100%}
.TMain .tabbox{padding:10px 0}
.TMain .emoji-box{position:absolute;left:0;top:0}
#vmToolPic .choose-style .row label{font-size:14px}
.column{font-size:16px}
#vmToolPic .TPic .choose-style .row label{width:70px;text-align:right}
.TMain .imgMakeArea{min-width:1200px;margin-bottom:0}
#vmToolPic .columnCenter{width:490px}
.columnCenter .tips-wrapper .tipsBox .cell{margin-left:22px}
.TPic .choose-style .row input{width:46%;vertical-align:middle}
.TPic .row{font-size:0;padding:5px 10px}
.TPic .fontSizeWrapper{margin:0 4px}
.TPic .row label{vertical-align:middle}
.row.rows .selects{position:relative;width:46%;display:inline-block;border-radius:4px;vertical-align:middle}
.row.rows .selects select{width:100%;padding-left:10px;border:1px solid #ccc;font-size:14px}
.row.rows .selects select option{font-size:14px}
.TMain .fontFamily,.TMain .fontSizeWrap{width:100px;min-width:75px}
.TSetstyle{display:block;width:100%;padding-left:12px;border:1px solid #ccc;font-size:14px;height:32px;border-radius:3px;line-height:32px;color:#666;cursor:pointer}
.TSetstyle:hover{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.selects{background-image:url(../images/tool/Tarrow.png);background-size:18px 19px;background-repeat:no-repeat;background-position:92% 6px}
.TsetBox{position:absolute;font-size:14px;background:#ebeef5;width:100%;text-align:center;z-index:10}
.TsetBox span{display:block;height:30px;line-height:30px;border-bottom:1px solid #ccc;cursor:pointer;text-align:left;padding-left:12px}
.TsetBox span:hover{background:#999;color:#fff}
.imgGroupbig{bottom:200%;padding:10px}
.imgGroupbig.TspikeReg{font-size:32px;padding:14px;width:auto}
.TspikeReg .TspikeCom,.TspikeReg .TspikeList li{width:740px;height:380px;border-radius:12px}
.TspikeReg .TspikeCom p:nth-child(1){top:100px;font-size:2.5em;font-weight:700;height:132px;line-height:132px}
.TspikeReg .TspikeCom>img{width:100%;height:100%}
.TspikeReg .TspikeCom p:nth-child(2){top:224px;font-size:1.875em;height:92px;line-height:80px}
.TspikeReg .TspikeList{width:740px;padding:0}
.TspikeReg .TspikeUp{width:352px;height:340px;margin-top:20px;margin-left:20px;padding:10px;position:relative}
.TspikeReg .TspikeFont{margin-top:20px;width:340px;position:relative;height:340px;margin-left:20px}
.TspikeReg .TspikeList .TspikeIcon{width:92px;height:72px;position:absolute;font-size:.875em}
.TspikeReg .TspikeUp-p1{top:84px}
.TspikeReg .TspikeUp-p2{top:172px}
.TspikeReg .Tspstyle0 .tspsyleBox{top:180px}
.TspikeReg .TspikeList .TspikeUp-p3{bottom:16px;padding:8px 12px 8px 16px;min-width:300px;border-radius:8px 20px 20px 8px;max-width:340px}
.TspikeReg .TspkeUp-p{height:340px;line-height:340px}
.TspikeReg .Tspikes .TspikeFont p{width:96%}
.TspikeReg .swiper-button-next,.TspikeReg .swiper-button-prev{display:none}
.defineSwpierClss{display:none}
.TspikeReg .defineSwpierClss{display:block}
.TspikeReg .Tswiper-container{display:none}
#imgMakeBox{
    max-height: 880px;
    overflow-y: auto;
}
#unitePic img{cursor:pointer}
#unitePic canvas{opacity:0}
.tipsTypeClass2 .row:nth-child(5){margin-top:15px}
.tipsTypeClass3 .row:nth-child(4){margin-top:15px}
.TPic{margin-bottom:20px}
.TMain .swiper-button-next:before,.TMain .swiper-button-prev:before{content:initial}
.TMain .swiper-button-next,.TMain .swiper-button-prev{z-index:200}
.TMain .swiper-button-next,.TMain .swiper-button-prev{opacity:inherit}
.TMain .swiper-button-next.swiper-button-disabled,.TMain .swiper-button-prev.swiper-button-disabled{opacity:.37}
.TMain .swiper-button-next.swiper-button-disabled:hover,.TMain .swiper-button-prev.swiper-button-disabled:hover{opacity:.37!important}
.TMain .swiper-button-next,.TMain .swiper-button-prev{width:38px;height:38px;-webkit-background-size:38px 38px;background-size:38px 38px}
.TMain .swiper-button-prev.swiper-button-white,.TMain .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(../images/tool/Rarrow.png);transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.TMain .swiper-button-next.swiper-button-white,.TMain .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(../images/tool/Rarrow.png)}
.colorWhite{background-color:#fff!important}
.Toolbannner{width:100%;margin:0 auto 15px}
.Toolbannner img{width:100%}
.ToolFixed{width:114px;height:118px;position:fixed;bottom:210px;right:60px;background:url(../images/tool/ToolCourse0.png) no-repeat;background-size:100% 100%}
.fieryCom{font-size:16px;border-radius:.375em;color:#fff}
.fieryHead{width:23.125em;height:11.875em;position:relative}
.fieryHead>img{width:100%}
.fieryHead>p{position:absolute;left:50%;width:100%;left:0;text-align:center;z-index:100;overflow:hidden}
.fieryHead>p:nth-child(1){top:25%;font-weight:700;line-height:1}
.fieryHead>p:nth-child(2){top:56%;line-height:1}
.fieryHead .fierydefineSwpierClss{display:none}
.fieryCom.fieryList{width:22.125em;margin:0 auto}
.fieryList li{width:22.125em;height:10.125em;margin-bottom:.625em;position:relative;background-repeat:no-repeat;background-size:cover;cursor:pointer;border-radius:.75em}
.fieryList>li:last-child{margin-bottom:0}
.fieryList .fieryActive{-webkit-box-shadow:inset 0 2px 2px #f5f7fa,0 0 9px #dd514c;box-shadow:inset 0 2px 2px #f5f7fa,0 0 9px #dd514c}
.fieryList .FieryBg0:nth-child(4n-3){background-image:url(../images/tool/TspFiery01.png)}
.fieryList .FieryBg0:nth-child(4n-2){background-image:url(../images/tool/TspFiery02.png)}
.fieryList .FieryBg0:nth-child(4n-1){background-image:url(../images/tool/TspFiery03.png)}
.fieryList .FieryBg0:nth-child(4n){background-image:url(../images/tool/TspFiery04.png)}
.fieryList .FieryBg1:nth-child(2n-1){background-image:url(../images/tool/TspFiery01.png)}
.fieryList .FieryBg1:nth-child(2n){background-image:url(../images/tool/TspFiery03.png)}
.fieryList .FieryBg2:nth-child(2n-1){background-image:url(../images/tool/TspFiery02.png)}
.fieryList .FieryBg2:nth-child(2n){background-image:url(../images/tool/TspFiery04.png)}
.fieryList .fieryUp{float:left;background-color:#fff;position:relative;width:8.3125em;height:8.3125em;border-radius:.375em;overflow:hidden;margin-left:1em;margin-top:1em}
.fieryList .fieryUp-p{height:8.875em;line-height:8.875em;color:#5490ff;width:100%;text-align:center}
.fieryUp input{position:absolute;top:0;left:0;height:100%;width:100%;font-size:0;cursor:pointer;opacity:0}
.fieryUp img{width:100%;height:100%}
.fieryFont{float:left;width:11.625em;margin-left:.8125em;position:relative;height:10.125em;overflow:hidden}
.fieryFont p{position:absolute;left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}
.fieryUp-p0{text-align:left;top:12%;line-height:1}
.fieryUp-p1{top:30%;line-height:1.2}
.FieryBottom{width:100%;position:absolute;bottom:1.5em;right:0;text-align:right}
.FieryBottom span{font-weight:700;width:60%}
.FieryBottom em{width:16%}
.FieryBottom i{width:24%;font-size:1em;text-align:center}
.FieryBottom em,.FieryBottom i,.FieryBottom span{display:inline-block;vertical-align:bottom;line-height:1}
.fieryIcon{position:absolute;top:-.5em;left:-.75em;text-align:center;overflow:hidden;width:2.8125em;height:2.5em;line-height:2.1875em;font-size:1.25em;font-weight:700;background-repeat:no-repeat;background-size:cover;background-image:url(../images/tool/TspFieryicon.png)}
.fieryList li:hover .cleanImg{display:block}
.fieryList li.fieryActive .cleanImg{display:block}
.fieryList li .cleanImg{top:-4px;right:-4px}
.FieryReg .fieryCom{font-size:32px}
.imgGroupbig.FieryReg{width:auto}
.FieryReg .fieryHead .fierydefineSwpierClss{display:block;width:100%}
.FieryReg .FieryTswiper-container{display:none}
.FieryReg .fieryList li.fieryActive .cleanImg{display:none}
.get_resource > button{float: none;margin-top:0px;}
.get_resource > input{float: none;margin-top:0px;}
.fr{float:right}
.ov_h{
	overflow: hidden;
    height: 0;
    clear: both;
    width: 0;
    display: block;
}
.toolhot, .banneritem {
    margin: 0 0 22px;
    width: 100%;
}
.toolhot {
    height: 160px;
    background: #a643a6 url(https://img.alicdn.com/imgextra/i4/3366640161/O1CN01hFEegK1D3mLiOkyRu_!!3366640161.png) center no-repeat;
    background-position: top;
    background-size: cover;
}