@font-face {
    font-family: 'iconfont';  /* project id 1053545 */
    src: url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.eot');
    src: url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.woff') format('woff'),
    url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1053545_gzhtnuydkuw.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#templateCenter .leftContent .classify li span{
    top: -11px;
    left: 10px;
    font-size: 22px;
}

#moveElement{
    display: none;
    position: absolute;
    top:0;
    left:0;
    /*background: url(/yasuotu/template/images/templateCenter.svg?bf09a959a49d548fd4b4831261cea92d) no-repeat -10px -78px;*/
    background: url(/yasuotu/template/images/love.svg?bf09a959a49d548fd4b4831261cea92d);
    z-index: 9999999;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
}

.icon-tupianchuli:before {
    content: "\e60b";
}

.icon-zaixiansheji:before {
    content: "\e601";
}

.icon-wenzixiaoguo:before {
    content: "\e67d";
}

.icon-sucai:before {
    content: "\e6d5";
}

.icon-moban:before {
    content: "\e6ad";
}

.icon-xuanzetupian-:before {
    content: "\e603";
}

.icon-xuanzetupian:before {
    content: "\e600";
}

.icon-yijingxuan:before {
    content: "\e61a";
}

.icon-tupianchuli1:before {
    content: "\e7b2";
}

.icon-zaixiansheji1:before {
    content: "\e61d";
}




body{
    background-color: #F1F1F2;
}
a {
    color: #666666;
    text-decoration: none;
}
#search_top {
    width: 100%;text-align: center;
    margin: 0 auto;
    padding-top: 0px;
    display: inline-block;
    left: 50%;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9;
}

.banner-seek {
    margin: 0 auto;
    position: relative;
    width: 40%;
    min-width: 400px;
    display: inline-block;
    left: 0;
    top: 0;
}

.clearfix {
    zoom: 1;
}

.hider-seek .box-text {
    background-color: #FFFFFF;
    border: 1px solid rgba(238, 238, 238, 1);
    padding: 0 112px 0 10px;
    height: 48px;
    width: 100%;
    line-height: 48px;
    text-indent: 8px;
    font-size: 14px;
    color: #333333;
    border-radius: 4px;
    box-sizing: border-box;
}

.box-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    width: 100px;
    border-radius: 0 4px 4px 0;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    background: #21b1ff;
    text-align: center;
}
.fl {
    float: left;
}

.hider-seek .input-pull-down, .hider-seek .seek-select-list {
    background: #FFFFFF;
}

.input-pull-down {
    display: none;
    left: 0px;
    z-index: 100;
    width: 610px;
    position: absolute;
    top: 50px;
    box-sizing: border-box;
    padding: 12px 0 11px 0;
    background: #FFFFFF;
    border-radius: 4px;
}

#search_top .search_top_or {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    color: #282828;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: -32px;
}

#search_top .search_top_btn {
    width: 98px;
    height: 48px;
    line-height: 48px;
    background: #21b1ff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    top: -32px;
}

#search_top .search_top_btn a {
    color: #FFFFFF;
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: block;
}

.input-pull-down .input-recently {
    height: 29px;
    line-height: 18px;
    color: #FF787E;
    border-bottom: 1px solid #FFEAE8;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 550px;
}

.input-pull-down li {
    height: 32px;
    line-height: 32px;
    font-size: 13.34px;
    text-align: left;
}

.input-pull-down li .new-down-link {
    display: block;
    height: 100%;
    padding: 0 16px;
}

.new-li .down-link .down-size, .new-li .new-down-link .down-size {
    width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr {
    float: right;
}

a.template-block-title-new{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 10;
}

/*搜索框*/
#scselect .search-bar-s {
    display: flex;
    margin: 0px 5px 10px 10px;
    background: #fff;
    box-shadow: 0 0 4px rgba(23,23,23,.25);
    padding: 8px;
    width: 89%;
}

#scselect .search-bar-s input {
    flex: 1;
    touch-action: manipulation;
    -webkit-appearance: none;
    overflow: visible;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    outline: 0!important;
    line-height: normal;
    font-size: 14px;
    width: 80%;
}

#scselect .search-bar-s input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ababab;
}
#scselect .search-bar-s input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#ababab;
}
#scselect .search-bar-s input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#ababab;
}
#scselect .search-bar-s input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#ababab;
}

#scselect .search-bar-s i {
    font-size: 18px;
    color: #777575;
    cursor: pointer;
    transition: .2s;
}

/*提示框显示*/
.t-toast-wrap {
    position: absolute;
    left: 50%;
    top: 12%;
    height: 35px;
    z-index: 99999999999;
    pointer-events: none;
}

.t-toast-wrap .t-toast {
    width: 100%;
    height: 35px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 35px;
    background-color: #fff;
    display: flex;
    font-size: 13px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.t-toast-wrap .t-toast .icon {
    width: 35px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: rgb(37, 170, 214);
}

.t-toast-wrap .t-toast .icon i {
    display: inline-block;
    font-size: 20px;
}

.t-toast-wrap .t-toast .msg {
    flex: 1;
    padding: 0 10px;
    color: #626161;
}

.t-toast-wrap .t-toast .icon i {
    display: inline-block;
    font-size: 20px;
}

.t-toast-wrap .t-toast .rotate {
    -webkit-animation: 1s linear infinite rotate-animation;
    animation: 1s linear infinite rotate-animation;
}