html, body,footer,table,iframe,div,li,ul,p,button,a,i,em,b,img,h1,h2,h3,dd { margin: 0; padding: 0; } html, body { height: 100%; width: 100%; } body { background-color: #F2F2F2; color: #333333; font-family: "Microsoft Yahei", Tahoma, Arial,Helvetica,sans-serif; font-size: 14px; background-repeat: no-repeat; /*background-size: 100% 100%;*/ /*background-position: center center;*/ background-position: bottom right; background-size: cover;-webkit-background-size: cover;-o-background-size: cover; background-attachment: fixed; } input[type="text"]::-ms-clear{display: none;} button{outline: none} input[type="text"], input[type="password"]{outline: none} div, ul, li, p, dd {border: none} li {list-style: none} a {color: #2c2c2c;text-decoration: none;outline: none} [v-cloak] {display: none} #main{width: 100%; height: 100%;margin: 0 auto;overflow: hidden} /* 1200px*/ .nav-weather{line-height: 24px;height: 24px;position:absolute;top:0;left: 0;width: 150px} #top-nav{width:1000px;height: 100px;margin: 50px auto 0 auto} .my-logo{width: 1000px; text-align: center; height: 80px} .my-logo img{height: 75px;display: inline-block} .my-logo .my-caption{width:90px;font-size: 24px;margin-left: 10px; height: 80px; line-height: 80px; display: inline-block; text-align: center; float: left} .weather-box{width: 300px} .calendar-box{width: 300px} .my-logo .time-caption{text-align: center; line-height: 90px; width: 250px;display: inline-block} .my-logo .time-caption .my-time{margin-top:10px;font-size: 56px;line-height: 64px; width: 250px} .my-logo .time-caption .my-calendar{margin-top:0;font-size: 14px;line-height: 16px; width: 250px} #search{position: relative;width: 820px;margin: 6px auto 0 auto;height: 50px;line-height: 50px;opacity: 0.8;z-index: 105} #search-box{position: relative;} #search-box .search-icon{ position: absolute; left: 13px; top: 13px; width: 24px; height: 24px; overflow: hidden; cursor: pointer; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; } #search-box .s-key{ box-sizing: border-box; float: left; padding: 2px 40px 2px 50px; height: 50px; width: 820px; font-size: 16px; border: none; outline: none; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.2); } #search-box .s-del{ position: absolute; right: 22px; top: 0; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: transparent; display: none; border: none; color: #D5D5D5; } #search-box .s-btn{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: transparent; display: inline-block; border: none; color: #888888; } .s-btn i {font-size: 24px; line-height: 50px} .s-del i {font-size: 24px; line-height: 50px} /* #search-box .s-key:focus, #search-box .s-key:focus + button{ border-color: #000000; } */ #search-box .s-btn:hover{color: #6b7184} .search-hot-text{ position: absolute; top: 40px; /*margin-top: 40px;*/ z-index: 100; width: 820px; border-radius: 0 0 4px 4px; /*12px border: 1px solid #333333; */ border-top:none; background: #FFF; overflow: hidden; } .search-hot-text .space-line{width: 776px;height: 1px;border-top: 1px solid #f2f2f2;margin: 9px auto 0 auto;} .search-hot-text ul{margin: 0;padding: 5px 0 5px 0} .search-hot-text li{line-height: 30px;font-size: 14px;padding: 0 20px;cursor: pointer;color: #777777} .search-hot-text li i{color:#e5e5e5; margin-right: 5px} .search-hot-text li.current{background: #f1f1f1;color: #2196f3} .search-hot-text li span{color:#7e7e7e;float: right;display: none} .search-hot-text li span:hover{color: #2196f3;cursor: pointer;} .search-hot-text li:hover{background: #f1f1f1;color: #2196f3;cursor: pointer} .search-hot-text li:hover span{display: inline-block;} .search-hot-text .space-tips{width: 776px;line-height: 30px; font-size: 14px;margin: 9px auto 0 auto} .space-tips .offHistory{float: right; cursor: pointer;} .space-tips .offHistory:hover{color: #2196f3} /* search-engine */ .search-engine{ position: absolute; top: 60px; left: 0; width: 400px; height: 320px; background: #FFF; padding: 15px 0 0 15px; border-radius: 4px; /*box-shadow: 0 5px 10px 0 #d8d7d7;*/ box-shadow: 0 4px 10px rgba(0,0,0,.2); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; display: none; z-index: 999 } .search-engine ul::before{ content: ''; width: 0; height: 0; position: absolute; top: -15px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; } .search-engine ul{display: flex;flex-direction: column;flex-wrap: wrap;height: 318px} .search-engine-list::after{content: '';width: 90px;height: 20px;position: absolute;top: -20px;left: 1px} .search-engine-list li{ width: 90px; line-height: 24px; font-size: 14px; padding: 6px 10px 6px 10px; margin: 0 8px 8px 0; background: #f9f9f9; color: #333333; cursor: pointer } .search-engine-list li span{width: 20px; height: 20px; float: left; margin-right: 5px;margin-top: 2px;background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;} #app{margin: 0 auto} #catNavBar {width: 100%;text-align: center;margin: 12px auto 6px auto;font-size: 16px;position: relative} #catNavBar .itemCat { display: inline-block; width: auto; min-width: 46px; height: 32px; text-align: center; color: #999; cursor: pointer; line-height: 30px; position: relative; overflow: hidden; white-space: nowrap; padding-top: 10px; border-bottom: 2px solid transparent; margin-left: 20px; } #catNavBar .itemCat:first-child{margin-left: 20px} #catNavBar .currentCat {border-bottom:2px solid #9d9d9d} .siteList {padding: 10px 0 10px 0;width: 1020px;margin: 0 auto;min-height: 275px;} .siteList .colList{display: flex;flex-wrap: wrap;justify-content: center} .siteList li {float: left;position: relative;margin: 0 15px 5px 1px;font-size: 16px} .siteList li a {display: inline-block;color: #111111;float: left;width: 144px;height: 50px;line-height: 50px;padding-right: 10px} .siteList li a img {position: absolute;left: 10px;top: 15px;width: 20px;height: 20px;border-radius: 3px;} .siteList li a span {display: block;padding-left: 38px;white-space: nowrap;overflow: hidden} #myModelSite {position: absolute;top: 0;left: 0;width: 100%;} #myModelSite{z-index: 2000;height: auto;min-height: 100%; background-color: rgba(255, 255, 255, 0.92);} .color-link-blue{color:#2189c3;} .loginModal, .dialogModal, .searchEngineModal{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(9, 9, 9, 0.75); } .editSiteModal, .addSiteModal, .editCatModal { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(9, 9, 9, 0.75); } .settingModal, .activityModal{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(9, 9, 9, 0.75); } .editSiteModal{z-index: 2001} .addSiteModal{z-index: 2002} .editCatModal{z-index: 2003} .loginModal{z-index: 2010} .settingModal{z-index: 2004} .activityModal{z-index: 2005} .dialogModal{z-index: 5002} .searchEngineModal{z-index: 3001} .settingModal .set-panel, .activityModal .act-panel{ width: 500px; height: 460px; background-color: #f2f2f2; margin: 200px auto 0 auto; border: 1px solid #202124; border-radius: 10px; } .settingModal .conf-panel-all{width: 620px;height: 530px; background-color: #f2f2f2; margin: 200px auto 0 auto; border: none;border-radius: 10px} .conf-panel-left{width: 110px;float: left; height: 530px; background-color: #b1b1b1; margin-right: 10px;_margin-right: 5px;border-top-left-radius: inherit;border-bottom-left-radius: inherit;} .conf-panel-right{width: 500px;height: 530px;float: left} .conf-item-caption{width: 100%; height: 46px;} .conf-panel-left ul{width: 100%} .conf-panel-left li{line-height: 40px; color: #ffffff; font-size: 16px} .conf-panel-left li i{padding-left: 12px; font-style: normal} .conf-panel-left li:hover{color: #FFBE7A; cursor: pointer} .conf-panel-left li.active{background-color: #FF6700; color: #ffffff} .conf-panel-right .conf-frame-rt{width: 100%; height: 100%} .conf-frame-rt .set-caption{width: 100%; height: 32px; margin:10px auto 6px auto} .conf-frame-rt .set-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .conf-frame-rt .set-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .conf-frame-rt .custom-btn{width: 480px; height: 50px; margin: 6px 6px 2px 6px; text-align: center} .cust-firm-info{width: 480px; height: auto; color: #919191; font-size: 12px; margin-top: 2px; text-align: center} .cust-firm-info a{color: #919191} .set-ys-rect{padding: 2px; text-align: center; border: 2px solid #919191; line-height: 18px; margin-left: 8px; border-radius: 3px; cursor: pointer} .set-ys-rect:hover{border: 2px solid #40B3FF; color:#40B3FF} .settingModal .set-panel{height: 530px; margin: 160px auto 0 auto} .set-panel .set-caption{width: 100%; height: 40px; margin:10px auto 6px auto} .set-panel .set-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .set-panel .set-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .set-conf-list{margin: 0 auto; width:480px; min-height: 410px} .set-conf-list p{width: 100%; font-size: 16px;line-height: 26px; margin-top: 10px} .set-conf-list p span.set-rt{float: right} .set-conf-list p a{color: #40B3FF} .set-conf-list p a:hover{border-bottom:1px dashed #40B3FF} .set-conf-list p i.cust-dist-rt{margin-right: 6px} .set-panel .custom-btn{width: 480px; height: 50px; margin: 6px 6px 2px 6px; text-align: center} .set-inline{display: inline-block; width: 160px} .act-panel .act-caption{width: 100%; height: 40px; margin:10px auto 6px auto} .act-panel .act-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .act-panel .act-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .act-conf-list{margin: 0 auto; width:460px; min-height: 320px} .act-conf-list p{width: 100%; font-size: 16px;line-height: 26px; margin-top: 10px} .act-conf-list p.act-hongbao{font-size: 20px;line-height: 48px; margin-top: 20px; text-align: center; border:1px dashed #40B3FF} .act-conf-list p.act-wenjuan{font-size: 18px;line-height: 48px; margin-top: 20px;text-align: center; border:1px dashed #40B3FF} .act-conf-list p a{color: #40B3FF} .act-conf-list p a:hover{border-bottom:1px dashed #40B3FF} .act-panel .custom-btn{width: 480px; height: 56px; margin: 10px 6px 2px 6px; text-align: center} .dialog-panel{ width: 500px; height: 300px; background-color: #f2f2f2; margin: 200px auto 0 auto; box-shadow: 1px 1px 3px #999; border-radius: 10px; } .dialog-panel .dialog-header{width: 100%; height: 48px; margin:10px auto 6px auto;text-align: center; background-color: #FF9966;border-top-left-radius:10px;border-top-right-radius:10px} .dialog-header h2{width: 100%;line-height:48px;display: inline-block;font-size: 20px} .dialog-body{width: 100%;height: 150px; padding: 0 12px} .dialog-body p{width: 100%; text-align: center; font-size: 16px; margin-top: 10px; line-height: 180px} .dialog-btn{margin-top: 10px; height: 42px; width: 100%; text-align: center} .dialog-btn button{width: 120px; padding: 5px; height: 40px; font-size: 14px; border: 1px solid #202124; border-radius: 4px; cursor: pointer;background-color: #FF9966} .edit-site-panel, .edit-url-panel-rt{ width: 500px; height: 260px; background-color: #f2f2f2; margin: 200px auto 0 auto; box-shadow: 1px 1px 3px #999; border-radius: 10px; } .edit-site-panel .site-frame-box {width: 472px; height: 210px; margin: 0 auto; padding: 30px 5px 10px 5px} .edit-site-panel .custom-input{width: 470px; height: 48px; margin: 10px 6px 2px 6px} .edit-site-panel .custom-input label{font-size: 16px} .edit-site-panel .custom-btn{width: 470px; height: 48px; margin: 10px 6px 2px 6px; text-align: center} .edit-cat-panel{width: 500px;height: 200px;background-color: #f2f2f2;margin: 200px auto 0 auto;box-shadow: 1px 1px 3px #999;border-radius: 10px} .edit-cat-panel .site-frame-box{width: 472px; height: 210px; margin: 0 auto; padding: 30px 5px 10px 5px} .site-frame-box p{width: 470px; font-size: 12px;height: 16px} .site-frame-box p.url-tip{margin: 0 6px 8px 6px;color: #40B3FF;} .site-frame-box p.error-site-tip, .site-frame-box p.error-cat-tip{margin: 6px 6px 4px 6px; color: #FF0000;font-size: 14px;} .edit-cat-panel .custom-input{width: 470px; height: 50px; margin: 5px 6px 2px 6px} .edit-cat-panel .custom-input label{font-size: 16px} .edit-cat-panel .custom-btn{width: 470px; height: 50px; margin: 8px 6px 2px 6px; text-align: center} .edit-url-panel-rt{ width: 740px; height: 500px; background-color: #f2f2f2; margin: 200px auto 0 auto; box-shadow: 1px 1px 3px #999; border-radius: 10px; } .edit-url-caption{width: 722px; height: 30px; margin:10px auto 6px auto;padding: 6px 5px 6px 5px} .edit-url-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .edit-url-caption i{font-size: 24px; margin-right: 8px; float: right; cursor: pointer} .edit-url-panel-rt .url-fr-box {width: 722px; height: 380px; margin: 0 auto; padding: 6px 15px 6px 15px} .edit-url-panel-rt .custom-input{width: 470px; height: 48px; margin: 10px 6px 2px 6px} .edit-url-panel-rt .custom-input label{font-size: 16px} .edit-url-panel-rt .custom-btn{width: 470px; height: 48px; margin: 10px 6px 2px 6px; text-align: center} .url-fr-box p{width: 470px; font-size: 12px;height: 16px} .url-fr-box p.url-tip{margin: 0 6px 8px 6px;color: #40B3FF;} .url-fr-box p.error-site-tip{margin: 6px 6px 4px 6px; color: #FF0000;font-size: 14px;} .addSiteModal .add-url-panel-all{width: 900px;height: 500px; background-color: #f2f2f2; margin: 200px auto 0 auto; border: none;border-radius: 10px} .add-url-panel-left{width: 150px;float: left; height: 500px; background-color: #b1b1b1; margin-right: 10px;_margin-right: 5px;border-top-left-radius: inherit;border-bottom-left-radius: inherit;} .add-url-box-rt{width: 740px;height: 500px;float: left} .add-url-item-caption{width: 100%; height: 40px;} .add-url-panel-left ul{width: 100%} .add-url-panel-left li{line-height: 40px; color: #ffffff; font-size: 16px} .add-url-panel-left li i{padding-left: 12px; font-style: normal} .add-url-panel-left li:hover{color: #FFBE7A; cursor: pointer} .add-url-panel-left li.active{background-color: #FF6700; color: #ffffff} .add-url-panel-rt {width: 100%; height: 460px; padding: 0 4px} .add-url-panel-rt .custom-input{width: 470px; height: 48px; margin: 10px 6px 2px 6px} .add-url-panel-rt .custom-input label{font-size: 16px} .add-url-panel-rt .custom-btn{width: 470px; height: 48px; margin: 10px 6px 2px 6px; text-align: center} .add-url-caption{width: 100%; height: 28px; margin:10px auto 2px auto} .add-url-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .add-url-card-top{width:100%; height: 24px} .icon-srh-box{width: 240px; height: 24px; float: left} .icon-srh-btn{background: #2386ea; display: inline-block; outline: none; resize: none; border: none; padding:2px 2px; color: #fff;border-radius: 2px; font-size: 10px;width: 30px;text-align: center;cursor: pointer;} .icon-srh-btn:hover{background: #62affe; animation: anniu 1s infinite} .add-url-card-type{width:100%; height: 26px; margin: 12px 0 6px 0} .icon-type-btn-set{background: #ffffff; display: inline-block; outline: none; resize: none; border:1px solid #999999; padding:2px 4px; border-radius: 6px; font-size: 12px; color:#333333; width: auto; min-width: 40px;text-align: center;cursor: pointer; height: 22px} .icon-type-btn-set:hover{background: #eeeeee; animation: anniu 1s infinite} .icon-type-btn-set.active{background: #62affe; color:#ffffff} .add-url-card-fr{width:724px; height: auto; max-height: 388px; display: flex; flex-wrap:wrap; overflow-y:scroll} .add-url-card-item{width: 226px; height: 88px; background-color: #ffffff; margin: 4px; display: inline-block} .ucard-left{width: 56px; height: 56px; float: left} .ucard-left .ucard-img-fr{display:inline-block; width: 48px; height: 48px; padding: 4px 4px} .ucard-left img{width: 48px;height:48px;border-radius: 4px;box-shadow:1px 1px 3px #999} .ucard-rt{height: 52px; width: 162px; padding: 0; float: left} .ucard-rt-up{width: 140px; height: 14px;padding: 0 0 2px 4px; display: inline-block} .add-url-card-item i.xun-ico-link{cursor: pointer;font-size: 12px;color: #999999; margin: 0; width: 16px; line-height: 16px; float: right; display: inline-block} .add-url-card-item .xun-ico-btn-add{background-color:#ffffff; cursor: pointer;position: relative;font-size: 10px;color: #999999;left:110px;top: 8px;margin: 0; padding: 2px; width: 46px; border: 1px solid #919191; border-radius: 6px} .ucard-rt-down{width: 162px; height: 36px} .ucard-rt-down p{color: #919191; font-size: 10px;word-wrap: normal; padding: 2px 2px 2px 4px} .edit-site-panel input[type=text], .edit-cat-panel input[type=text], .edit-url-panel-rt input[type=text], .add-url-panel-rt input[type=text]{ width: 380px; padding: 0 10px; height: 38px; border: 1px solid #202124; background: #ffffff; color: #202124; font-size: 14px; line-height: 38px; border-radius: 6px; } .loginModal .login-panel{ width: 500px; height: 460px; background-color: #f2f2f2; margin: 200px auto 0 auto; border: 1px solid #202124; border-radius: 10px; } .login-panel .login-caption{width: 100%; height: 40px; margin:10px auto 6px auto} .login-panel .login-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .login-panel .login-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .searchEngineModal .engine-panel{ width: 500px; height: 550px; background-color: #f2f2f2; margin: 160px auto 0 auto; border: 1px solid #202124; border-radius: 10px; } .engine-panel .engine-caption{width: 100%; height: 40px; margin:10px auto 6px auto} .engine-panel .engine-caption h2{float: left; width:350px; padding-left: 12px;display: inline-block} .engine-panel .engine-caption i{font-size: 24px; margin-right: 6px; float: right; cursor: pointer} .engine-panel .custom-btn{width: 480px; height: 56px; margin: 10px 6px 2px 6px; text-align: center} .onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(http://www.taoroo.com/images/msg_bg.png) no-repeat;	color:#444;line-height:22px;padding:2px 10px 2px 22px; margin-left:2px;_margin-left:1px} .onShow{background-position:3px -147px;} .onFocus{background-position:3px -147px;} .onError{background-position:3px -47px;} .onCorrect{background-position:3px -247px;} .onLamp{background-position:3px -200px} .onTime{background-position:3px -1356px} .xx-member{margin: 0 auto; width:460px} .xx-member .onError,.xx-member .onFocus,.xx-member .onCorrect, .xx-member .onShow{ color:#db8a83; font-size: 12px; line-height: 18px; text-indent: 6px; min-height: 18px;} .xx-member .onCorrect{ color:#090;} .xx-member .onFocus{ color:#F60;} .xx-member .onError{ color:#F00;} .xx-member .input{width: 100%; height: 70px; position: relative} .xx-member .input22{width: 100%; height: 44px; position: relative} .xx-member .input-submit{width: 100%; height: 56px; line-height: 56px; text-align: center} .xx-member input[type=text], .xx-member input[type=password]{ width: 100%; height: 40px; border: 1px solid #202124; background-color: #ffffff; color: #202124; font-size: 14px; line-height: 40px; border-radius: 6px; } .xx-member input[type=text].input-code{width: 180px; margin-right: 10px} .xx-member input[type=text].input-engine-name{width: 92px; margin-right: 4px} .xx-member input[type=text].input-engine-url{width: 270px; margin-right: 6px} .xx-member input[type=button], .xx-member input[type=submit], .edit-site-panel input[type=button], .edit-cat-panel input[type=button], .set-panel input[type=button], .conf-frame-rt input[type=button], .act-panel input[type=button], .edit-url-panel-rt input[type=button], .add-url-panel-rt input[type=button]{ width: 120px; padding: 5px; height: 40px; font-size: 14px; border: 1px solid #202124; margin-right: 10px; border-radius: 4px; cursor: pointer; } .xx-member input[type=submit]{width: 100%;padding: 5px 0} .xx-member img{height: 40px;vertical-align: middle;} .btn-get-smscode, .btn-engine-update{display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #ffe300; background-color: #ffe300;white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 26px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .btn-sms{padding: 0; width: 108px; line-height: 38px; text-align: center; border-color: #40ab54; color: #40ab54; font-size: 13px;} .btn-sms:hover{background-color: #40ab54; color: white;} #isGetVerify:disabled{ border: 1px solid #dddddd; background-color: #dddddd; cursor: not-allowed; color: #999; } .text-style { height: 40px; padding-left: 8px; padding-right: 8px; color: #666666; font-size: 14px; border: 1px solid #dddddd; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .xx-member input[type=checkbox]{margin-top: 2px;} .xx-member p{width: 100%; font-weight: normal;padding: 0;color: #999} .xx-member p em{color: #2189c3;} .xx-member p a.cust-help-link{color:#40B3FF} .xx-member p a.cust-help-link:hover{border-bottom: 1px dashed #40B3FF} .xx-member p.agreemen-txt, .login-panel p.auto-login-txt{line-height: 22px; margin-bottom:6px;font-size: 12px;} .xx-member p.agreemen-txt a, .login-panel p.auto-login-txt a{color:#2189c3; text-decoration: none;} .xx-member p input{line-height: 22px;} .xx-member p .onShow{padding:0 10px 2px 22px} .xx-member p div{width: 200px; height:22px; margin: 0; padding: 0 0 2px 16px; display: inline-block;line-height: 22px;} .xx-member p.auto-login-txt{font-size: 14px;} .xx-member p.toggle-login{height: 30px;line-height: 22px; margin:8px 0 6px 0;font-size: 14px} .xx-member p.toggle-login a{color:#FF6700; text-decoration: none;} .xx-member p.error-log-tip, .xx-member p.error-fgt-tip, .xx-member p.error-reset-tip, .xx-member p.error-engines-tip{margin: 10px 0 10px 0; color: #FF0000; font-size: 12px;height: 30px} .xx-member p .toggle-txt-lt{float: left;} .xx-member p .toggle-txt-rt{float: right;} .log-space-line{height: 1px; border-top: 1px #999 solid} .social-conn{margin-top: 10px; text-align: center; height: 32px;line-height: 32px;vertical-align:middle;} .social-conn i{font-size: 30px} .social-conn span{font-size: 14px; margin: 0 6px} .hide-site-box{width: 100%; max-width: 100%;overflow: hidden} .hide-input-num{margin: 10px 30px; float: left; font-size: 16px; width: 100%;line-height: 40px} .hide-space-left{margin-left: 20px} /*.hide-sites{margin: 0 20px; width: 1020px;float: left } .hide-site-cat{color: #333333; font-size: 16px; position: relative;overflow: hidden; line-height: 40px; width: 1020px}*/ .hide-sites{margin: 0 20px; float: left} .hide-site-cat{color: #333333; font-size: 16px; position: relative;overflow: hidden; line-height: 40px} .hide-site-cat .cat-item{float: left; height: 40px; margin: 0 0 0 20px} .hide-site-cat span{margin-right: 8px} .hide-site-cat .set-cat{position: absolute;left: 0;top:2px;width: 20px;height: 40px;color: #999; font-size: 20px; float: left;} .hide-site-cat i{cursor: pointer} .hide-site-cat .set-cat .icon{width: 20px;float: left} .hide-site-cat .set-cat .icon-sort-up{margin-top: 0} .hide-site-cat .set-cat .icon-sort-down{margin-bottom: -8px} .hide-site-cat .set-cat .icon-sort-up:hover{color: #3CB371} .hide-site-cat .set-cat .icon-sort-down:hover{color: #1e90ff} .hide-site-cat .cat-item i{font-size: 16px} .hide-site-cat .icon-exp{color: #999;cursor: pointer} .hide-site-cat .icon-exp:hover{opacity:0.6;filter:alpha(opacity=60)} .hide-site-cat .switch{margin:14px 10px 0 10px; line-height: 26px; float: right} .hide-site-cat .switchHint{float: right; width: 100px} /*.hide-site-lists {overflow: hidden;padding: 10px 0 30px;width: 1100px} */ .hide-site-lists {overflow: hidden;padding: 10px 0 30px} .hide-site-lists li {float: left;position: relative;margin: 0 15px 5px 1px;font-size: 16px} /*.hide-site-lists li a {display: inline-block;color: #333333;float: left;width: 144px;height: 48px;line-height: 48px;padding-right: 10px;box-shadow:1px 1px 3px #999;border-radius: 10px;cursor: move}*/ .hide-site-lists li a {display: inline-block;color: #333333;float: left;width: 120px;height: 48px;line-height: 48px;padding-right: 10px;box-shadow:1px 1px 3px #999;border-radius: 10px;cursor: move} .hide-site-lists li.add-site a{cursor: pointer;} .hide-site-lists li a img {position: absolute;left: 10px;top: 15px;width: 20px;height: 20px} .hide-site-lists li a span{display: block;padding-left: 38px;white-space: nowrap;overflow: hidden} .hide-site-lists li a:hover {-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;border-radius: 10px} .hide-site-lists .set-url{position: absolute;right: 0;top:5px;width: 20px;height: 45px;color: #aaa; font-size: 12px} .hide-site-lists .set-url .icon{width: 20px;float: left;cursor: pointer;} .hide-site-lists .set-url .smallIconEdit{margin-bottom: 7px} .hide-site-lists .set-url .smallIconEdit:hover{color: #3CB371} .hide-site-lists .set-url .smallIconDel:hover{color: #FF4500} .hide-btn-box{width: 110px; height: auto;float: left} .hide-btn-box p{width: 100%; margin-top: 300px} .hide-btn-box p button, .hide-sites p button, .hide-input-num button{ width: 100px; padding: 5px; height: 40px; font-size: 14px; border: 1px solid #202124; margin-right: 10px; border-radius: 4px; cursor: pointer; } .hide-btn-box p, .hide-sites p{text-align: center} .hide-sites p{margin: 20px 0} .hide-ff-box{ width: 420px; height: auto;float: left; margin: 20px 10px 0 10px; } .hide-ff-box p{line-height: 30px; margin-top: 10px; font-size: 14px} #backModel{position: absolute;top: 0;left: 0;background-color: rgba(9, 9, 9, 0.75);width: 100%} #backModel{z-index: 1000;height: 100%;} .back-panel{width: 1220px; margin: 50px auto auto auto} .back-left{width: 110px;float: left; height: 480px; background-color: #919191; opacity: 0.8;margin-right: 10px;_margin-right: 5px} .back-item-caption{width: 100%; height: 46px;} .back-left ul{width: 100%} .back-left li{line-height: 40px; color: #ffffff; font-size: 16px} .back-left li i{padding-left: 12px; font-style: normal} .back-left li:hover{color: #FFBE7A; cursor: pointer} .back-left li.active{background-color: #FF6700; color: #ffffff} .net-color-fr{width:100%; padding-top: 60px; padding-bottom: -60px} .back-right{width: 1100px;float: left} .back-right p{margin-top: 20px; font-size: 14px; text-align: center} .back-right p button{width: 120px; padding: 5px; height: 40px; border: 1px solid #202124; margin-right: 10px; border-radius: 4px; cursor: pointer;background: rgba(189, 195, 199, 0.95);} .back-right .theme-tip{font-size: 12px; margin:12px 15px 0 15px; border-top: 1px solid #aaaaaa; color:#F5F5F5; padding: 4px 10px 0 10px; text-align: left} .back-right .theme-tip a{color: #F5F5F5; text-decoration: underline} .back-right .theme-tip a:hover{color: #F5F5F5; text-decoration: underline} .back-content {width: 100%;text-align: center;line-height: 24px} .back-content ul{width: 100%; height: 600px;overflow-y: auto} .back-content li{width: 150px;float: left;margin: 0 7px;padding: 0 7px;position: relative} .back-content li img{cursor: pointer;border: 2px solid #666666;border-radius: 5px;width: 150px;height:82px;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;} .back-content li.active img{border-color: #FF8C00} .back-content li.active:before{content:'';width: 150px;background: rgba(0,0,0,.2);position: absolute;left: 12px;top: 2px} .back-content li img:hover{border-color: #FF8C00} .back-content li p{text-align: center;color: #F2F2F2;line-height: 24px;margin-top:0} .back-content li i{position: absolute;font-size: 30px;color: #FF8C00;left: 50%;top: 22px;margin: 0 0 0 -13px;display: none} .back-content li.active i{display:block} .switch label { display: block; width: 44px; height: 16px; border-radius: 10px; background: rgba(189, 195, 199, 0.5); vertical-align: middle; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 350ms ease; transition: background 350ms ease; } .switch label:before, .switch label:after { content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; position: absolute; top: 50%; -webkit-transition: all 120ms linear; transition: all 120ms linear; } .switch label:before { background: rgba(189, 195, 199, 0.07); -webkit-transform: translate3d(0, -50%, 0) scale(0); transform: translate3d(0, -50%, 0) scale(0); } .switch label:after { background: #bdc3c7; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .switch input:checked + label { /*background: rgba(142, 68, 173, 0.6);*/ background: rgba(66, 216, 66, 0.6); } .switch input:checked + label:before { /*background: rgba(142, 68, 173, 0.07);*/ background: rgba(66, 216, 66, 0.07); -webkit-transform: translate3d(100%, -50%, 0) scale(1); transform: translate3d(100%, -50%, 0) scale(1); } .switch input:checked + label:after { /*background: #8e44ad;*/ background: #42d842; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } #hotSpots{width: 1000px;/*transform: translate(-50%, 0%);*/text-align: center; margin: 0 auto; position: relative;} #hotSpots .hot-box{width: 276px;height: 300px; /* float: left; */margin: 10px 26px;border: 1px solid black;border-radius: 10px;display: inline-block;text-align: left;background-color: #F2F2F2;opacity: 0.8} #hotSpots .hot-box .hot-text{width: 100%;height: 250px;overflow:auto} #hotSpots .hot-box ul{font-size: 13px;padding: 0;margin: 0 10px 10px 10px;} #hotSpots .hot-box li{color: black;width: 100%; /* height: 40px; */margin-top: 10px;/* margin: 5px;*/} #hotSpots .hot-box li a{color: #000000;} #hotSpots .hot-box li a span:hover{color: #FD7169;} #hotSpots .hot-box .hot-caption {font-weight: bold;display: block;width: 100%;height: 40px;border-bottom: 1px solid black;text-align: left} #hotSpots .hot-caption span{display: inline-block;margin-top: 10px;margin-left: 10px;} #insite_so_mod svg:hover{color: red} .hot-fresh{float: right;margin: 10px 10px auto auto} .hot-fresh:hover{color: red} #footer{width: 100%; position: fixed;bottom: 2px; height:auto; margin: 0 auto 2px auto;text-align: center} /*1200px*/ #footer p{margin: 0 0 1px 0; color: #666666; line-height: 20px} #footer p.bot-link{margin: 0 0 2px 0; -moz-user-select:none;-webkit-user-select:none;user-select:none;} #footer p.bot-link i{color: #919191} #footer p a{color: #666666} .handPo{cursor: pointer} #footer p.footer-info{margin: 0 0 3px 0;font-size: 12px;-moz-user-select:none;-webkit-user-select:none;user-select:none;} .set-color-box{float: left; width: 820px;line-height: 32px;height: 32px;text-align: left} .set-color-box label{color: #FF8C00; font-weight: bold} .set-color-box .jscolor{width: 150px;line-height: 28px;height: 28px} .pic-url-fr{width: auto; height: 36px;line-height: 36px; margin: 0 0 10px 0} .input-text-style { height: 34px; padding: 0 10px 0 10px; color: #666666; font-size: 12px; border: 1px solid #dddddd; background: #f4f4f4; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; width: 600px; } .cust-checkbox{width: 20px;height: 20px;cursor: pointer;display: inline-block;line-height: 34px;background: rgba(240, 84, 77, 1);vertical-align: middle} .chroList{padding: 10px 0 10px 0;width: 1200px;margin: 0 auto;min-height: 275px;} .siteStyle{ display: flex; padding: 0 4px; margin: 10px auto 0 auto; flex-wrap: wrap; width: 100%; justify-content: center; } .chroItems{ /*width: 9.6%;*/ width: 115px; text-align: center; font-weight: normal; color: #999999; margin-top: 10px; display: block; } .chroItems .grid-item{margin:0; padding:0; width: 70px;height: 70px;display:table-cell;vertical-align:middle;text-align:center;border-radius: 35px;background: rgba(255, 255, 255, 0.6);} .chroItems .grid-item:hover{box-shadow:0 0 3px 3px #ffffff;-webkit-box-shadow:0 0 3px 3px #ffffff;-moz-box-shadow:0 0 3px 3px #ffffff;} .chroItems img{width: 24px;height: 24px;border-radius: 3px} .grid-title{font-size: 14px; width:auto; min-width: 70px;margin: 8px 0;text-align:center;display:block;} .squaList{padding: 10px 0 10px 0;width: 1200px;margin: 0 auto;min-height: 275px;} .siteSquaStyle{ display: flex; padding: 0 4px; margin: 10px auto 0 auto; flex-wrap: wrap; width: 100%; justify-content: center; } .squaItems{ width: 115px; text-align: center; font-weight: normal; color: #999999; margin-top: 10px; display: block; } .squaItems .grid3-item{width: 70px;height: 70px;display:table-cell;vertical-align:middle;text-align:center;border-radius: 7px;background: rgba(255, 255, 255, 0.5);} .squaItems .grid3-item:hover{background: rgba(255, 255, 255, 0.8);} .squaItems img{width: 24px;height: 24px;border-radius: 3px} .grid3-title{font-size: 14px; width:auto; min-width: 70px;margin: 8px 0;text-align:center;display:block;} .icobList{padding: 10px 0 10px 0;width: 1200px;margin: 0 auto;min-height: 275px;} .siteIcobStyle{ display: flex; padding: 0 4px; margin: 10px auto 0 auto; flex-wrap: wrap; width: 100%; justify-content: center; } .icobItems{ width: 115px; text-align: center; font-weight: normal; color: #999999; opacity: 1; margin-top: 12px; display: block; } .icobItems .grid5-item{width: 70px;height: 50px;display:table-cell;vertical-align:middle;text-align:center;opacity: 1;} .icobItems img{width: 48px;height: 48px;border-radius: 8px} .icobItems img:hover{box-shadow:0 0 3px 3px #eeeeee;-webkit-box-shadow:0 0 3px 3px #eeeeee;-moz-box-shadow:0 0 3px 3px #eeeeee;} .grid5-title{font-size: 14px; width:auto; min-width: 70px;margin: 4px 0;text-align:center;display:block;} #frm-login-modal, #frm-log, #frm-reg, #frm-forget-pw, #frm-reset-pw{display: none} .loading-overlay { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5000; opacity: 1; background: rgba(0, 0, 0, 0.5); transition: all .6s; } .sk-three-bounce { position: absolute; top: 50%; left: 50%; } .sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: salmon; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .messager { display: table; margin: 10px; overflow: hidden; color: #fff; pointer-events: auto; background-color: #353535; background-color: rgba(0, 0, 0, .8); border-radius: 20px } .messager-content {display: table-cell;padding: 10px 15px;vertical-align: top} .messager-content > [class^=icon-] {display: inline-block;margin-right: 8px} .messager-actions {display: table-cell;vertical-align: top} .messager-actions > .action { min-width: 40px; height: 40px; padding: 0 12px; color: #fafafa; color: rgba(255, 255, 255, .6); text-align: center; text-shadow: none; background: 0 0; border: none } .messager-actions > .action.close { padding-bottom: 5px; font-size: 20px; font-weight: 400; opacity: 1 } .messager-actions > .action:hover {color: #fff;background: rgba(0, 0, 0, .1)} .messager-actions .action-icon + .action-text {margin-left: 8px} .messagers-holder { position: fixed; z-index: 99999; padding: 10px; pointer-events: none; -webkit-transition: top .2s cubic-bezier(.175, .885, .32, 1); -o-transition: top .2s cubic-bezier(.175, .885, .32, 1); transition: top .2s cubic-bezier(.175, .885, .32, 1) } .messagers-holder.top {top: 0} .messagers-holder.top-left {top: 0;left: 0} .messagers-holder.top-right {top: 0;right: 0} .messagers-holder.bottom {bottom: 0} .messagers-holder.bottom-left {bottom: 0;left: 0} .messagers-holder.bottom-right {right: 0;bottom: 0} .messagers-holder.bottom-right .messager, .messagers-holder.top-right .messager {margin-left: auto} .messagers-holder.center {top: 0} .messagers-holder.bottom, .messagers-holder.center, .messagers-holder.top {right: 0;left: 0} .messagers-holder.bottom .messager, .messagers-holder.center .messager, .messagers-holder.top .messager {margin: 10px auto} .messager-primary {background-color: #3280fc} .messager-success {background-color: #38b03f} .messager-info {background-color: #03b8cf} .messager-warning {background-color: #f1a325} .messager-danger {background-color: #ea644a} .messager-important {background-color: #bd7b46} .messager-special {background-color: #8666b8} .my-ui-nav-top-dis, .my-ui-simple-mode { display: block; height: 0; } /* [type="range"] { -webkit-appearance: none; appearance: none; margin: 0; padding: 2px 0; outline: 0; background-color: transparent; width: 200px; } [type="range"]::-webkit-slider-runnable-track { height: 4px; background: #e0e0e0; } [type="range" i]::-webkit-slider-container { height: 20px; overflow: hidden; } [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background-color: #2976fa; border: 1px solid transparent; margin-top: -8px; border-image: linear-gradient(#2976fa,#2976fa) 0 fill / 8 20 8 0 / 0px 0px 0 2000px; } */ [type="range"] { -webkit-appearance: none; appearance: none; margin: 0; outline: 0; background-color: transparent; width: 200px; } [type='range']::-webkit-slider-runnable-track{ height: 4px; background-color: #e0e0e0; } [type='range']::-moz-range-track{ height: 4px; background-color: #e0e0e0; } [type="range"]::-ms-track{ height: 4px; background-color: #e0e0e0; } [type="range" i]::-webkit-slider-container { height: 20px; overflow: hidden; } [type='range']::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background-color: #2976fa; border: 1px solid transparent; margin-top: -8px; border-image: linear-gradient(#2976fa,#2976fa) 0 fill / 8 20 8 0 / 0px 0px 0 2000px; cursor: pointer; } input[type=range]::-moz-range-progress { background: linear-gradient(to right, #059CFA, white 100%, white); height: 4px; border-radius: 10px; } [type='range']::-moz-range-thumb { appearance: none; width: 16px; height: 16px; border-radius: 50%; background-color: #2976fa; cursor: pointer; } [type='range']::-ms-thumb { appearance: none; width: 20px; height: 20px; border-radius: 50%; background-color: #2976fa; border: 1px solid transparent; margin-top: -8px; border-image: linear-gradient(#2976fa,#2976fa) 0 fill / 8 20 8 0 / 0px 0px 0 2000px; cursor: pointer; } .icon-srh-box input[type=text]{ width: 160px;height: 20px;line-height: 20px;border: none;background: #ffffff;font-size: 10px;border-radius: 2px; padding: 2px 5px} .add-url-card-item:hover{} .add-url-card-item .xun-ico-btn-add:hover{background-color:#eeeeee;border: 1px solid #62affe; color: #62affe } .xun-ico-btn-add.active{background-color:#eeeeee;border: 1px solid #62affe; color: #62affe} @media all and (max-height:741px){ body {background-position: top right} #catNavBar {margin: 6px auto 4px auto} .siteList {padding: 4px 0 4px 0} .chroList{padding: 8px 0 8px 0} .squaList{padding: 8px 0 8px 0} .siteStyle{margin: 6px auto 0 auto} .siteSquaStyle{margin: 6px auto 0 auto} .chroItems{margin-top: 6px} .chroItems .grid-item{width: 60px;height: 60px;border-radius: 30px} .chroItems .grid-item:hover{box-shadow:0 0 3px 3px #ffffff;-webkit-box-shadow:0 0 3px 3px #ffffff;-moz-box-shadow:0 0 3px 3px #ffffff;} .chroItems img{width: 22px;height: 22px;border-radius: 3px} .chroItems .grid-title{font-size: 14px; width:auto; min-width: 70px;margin: 6px 0;text-align:center;display:block;} .squaItems{margin-top: 6px} .squaItems .grid3-item{width: 60px;height: 60px;border-radius: 6px} .squaItems .grid3-item:hover{background: rgba(255, 255, 255, 0.8);} .squaItems img{width: 22px;height: 22px;border-radius: 3px} .squaItems .grid3-title{font-size: 14px; width:auto; min-width: 70px;margin: 6px 0;text-align:center;display:block;} .icobList{padding: 8px 0 8px 0;width: 1024px} .siteIcobStyle{margin: 6px auto 0 auto} .icobItems{margin-top: 10px} .icobItems .grid5-item{width: 60px;height: 50px;opacity: 1;} .icobItems img{width: 48px;height: 48px;border-radius: 8px} .icobItems img:hover{box-shadow:0 0 3px 3px #eeeeee;-webkit-box-shadow:0 0 3px 3px #eeeeee;-moz-box-shadow:0 0 3px 3px #eeeeee;} .icobItems .grid5-title{font-size: 14px; width:auto; min-width: 70px;margin: 4px 0;text-align:center;display:block;} #top-nav{height: 70px;margin: 20px auto 0 auto} .my-logo{width: 100%; height: 60px; text-align: center} .my-logo img{height: 60px} .my-logo .my-caption{width:90px;font-size: 24px;margin-left: 10px; height: 70px; line-height: 70px; display: inline-block; text-align: center; float: left} .my-logo .time-caption{line-height: 60px} .my-logo .time-caption .my-time{margin-top:4px;font-size: 42px;line-height: 46px} .my-logo .time-caption .my-calendar{margin-top:0;font-size: 12px;line-height: 12px } .back-panel{width: 1000px; margin: 30px auto auto auto} .back-left{width: 74px;float: left; height: 360px; background-color: #919191; opacity: 0.8;margin-right: 6px;_margin-right: 3px} .back-item-caption{width: 100%; height: 36px;} .back-left li{font-size: 14px} .back-left li i{padding-left: 6px; font-style: normal} .net-color-fr{padding-top: 40px; padding-bottom: -40px} .back-right{width: 920px;float: left} .back-right p{margin-top: 10px; font-size: 12px} .back-right p button{width: 100px; padding: 5px; height: 36px; margin-right: 10px; border-radius: 4px} .back-right .theme-tip{font-size: 12px; margin:6px 15px 0 15px; padding: 2px 10px 0 10px} .back-content {width: 100%;text-align: center;line-height:18px} .back-content ul{width: 100%; height: 500px} .back-content li{width: 120px;margin: 0 6px;padding: 0 6px} .back-content li img{border-radius: 4px;width: 120px;height:65px} .back-content li.active:before{content:'';width: 120px;left: 12px;top: 2px} .back-content li p{line-height: 18px;margin-top:0} .back-content li i{position: absolute;font-size: 30px;color: #FF8C00;left: 50%;top: 18px;margin: 0 0 0 -10px;display: none} .back-content li.active i{display:block} .loginModal .login-panel{ margin: 100px auto 0 auto; border-radius: 10px; } } @media all and (max-width:1450px){ .hide-ff-box{width: 300px} .hide-ff-box p{font-size: 14px} } @media all and (max-width:1370px){ .hide-ff-box{width: 240px; margin: 20px 4px 0 8px;} .hide-ff-box p{line-height: 24px; margin-top: 10px;font-size: 12px} } @media all and (max-width:1290px){ .hide-ff-box{width: 180px; margin: 20px 4px 0 6px;} .hide-ff-box p{line-height: 22px; margin-top: 8px; font-size: 12px} } @media all and (max-width:1160px){ .hide-ff-box{width: 400px} .hide-ff-box p{line-height: 26px; margin-top: 10px; font-size: 12px} }