.task-time-day,
    .task-time-hour {
        width: 60px;
        display: inline-block;
    }

    #tab-1 {
        margin-top: 10px;
        background: #F5F5F5;
    }

    #tab-2 {
        margin-top: 10px;
        background: #F5F5F5;
    }

    #tab-3 {
        margin-top: 10px;
        background: #F5F5F5;
    }

    .tabs UL.horizontal {
        margin-left: 120px;
        list-style: none outside none;
        margin-top: -40px;
    }

    .tabs LI {
        background: white;
        width: 20%;
        margin-right: 10px;
        display: inline-block;
        border: 1px solid #ECECEC;
        height: 34px;
        text-align: center;
    }

    .dz-details{
		width:130px;
		text-align: center;
		float:left;
	}

    .dz-details img{
		width:100px;
		height:100px;
		border-color: rgb(220, 220, 220) !important;
		border-width: 1px !important;
		border-style: solid !important;
	}

	.dz-details1{
		width:130px;
		text-align: center;
		float:left;
	}

    .active {
        background: #2f55a0 !important;
    }

    .active A {
        color: white !important;
    }

    .select {
        font-size: 14px;
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: none;
        /*很关键：将默认的select选择框样式清除*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right right center transparent;
        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 14px;
    }

    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    .select::-ms-expand {
        display: none;
    }



    #btnPhone {
        color: #fff;
        background: #db4a39!important;
        border-radius: 5px;
        padding: 7px 20px;
        box-sizing: border-box;
        font-size: 13px;
    }

    #tgp {
        border-radius: 5px !important;
    }

    .showBox {
        width: 670px;
        height: 389px;
        border-color: rgb(229, 28, 35);
        border-width: 0px;
        border-style: solid;
        font-size: 14px;
        padding: 20px;
        line-height: 20px;
        font-weight: normal;
        font-style: normal;
        background-color: rgb(227, 227, 227);
        position: absolute;
        right: 60px;
        z-index: 11;
    }

    .showBox ul,
    .showBox li {
        margin: 0;
        padding: 0;
    }

    .showBox ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .showBox ul li {
        width: 180px;
        height: 90px;
        border: 1px solid rgb(229, 28, 35);
        border-radius: 5px;
        margin-bottom: 20px;
        text-align: center;
        padding-top: 15px;
        box-sizing: border-box;
        background-color: #fff;
        cursor: pointer;
    }

    #showImg1 {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2000;
        text-align: center;
    }

    #showImg {

    }

    #code {
        width: 100px;
        height: 100px;
        padding: 10px;
        background: #fff;
    }

    .clearfix:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }

    .clearfix {
        zoom: 1
    }

    ul,
    li,
    p {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #template {
        width: 850px;
        height: 480px;
        /* border-color: rgb(229, 28, 35); */
        border: 2px solid #a79f9f;
        display: none;
        /* border-width: 0px; */
        /* border-style: solid; */
        font-size: 14px;
        padding: 8px;
        line-height: 20px;
        font-weight: normal;
        font-style: normal;
        background-color: rgb(133, 133, 133, 0.83);
        position: absolute;
        z-index: 11;
    }

    #teplate_div1 {
        width: 830px;
        height: 460px;
        /* border-color: rgb(229, 28, 35); */
        border: 1px solid #0a0a0a;
        /* border-width: 0px; */
        /* border-style: solid; */
        font-size: 14px;
        /* padding: 4px; */
        line-height: 20px;
        font-weight: normal;
        font-style: normal;
        background-color: rgb(255, 255, 255);
        position: absolute;
        z-index: 11;
    }

    #teplate_div2 {
        width: 100%;
        height: 100%;
        padding: 5px;
        font-size: 15px;
        z-index: 11;
    }

    .addli {
        list-style: none;
        padding: 5px 10px;
        cursor: pointer;
        border: 1px solid #ccc;
        margin-right: 5px;
    }

    .actLi {
        border-bottom: none;
    }

    .fileList {
        display: flex;
        flex-wrap: wrap;
    }

    .fileItem {
        width: 152px;
        height: 215px;
        margin: 5px;
        padding: 5px;
        border-radius: 8px;
        font-size: 16px;
        border: 1px solid #ccc;
        position: relative;
    }

    .fileItem p {
        padding: 3px 0;
    }

    .fileItem div:first-child {
        width: 100%;
        height: 140px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .fileItem p:nth-child(2) {
        height: 40px;
        line-height: 17px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .fileItem p:last-child {
        text-align: center;
    }

    .fileItem:hover:after {
        display: block;
    }

    .fileItem::after {
        content: '点击删除';
        color: #fff;
        text-align: center;
        line-height: 140px;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fileItem img {
        width: 100%;
        height: 100%;
    }

    #selectBox {
        display: none;
        height: 210px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 0;
    }

    #selectBox li {
        min-width: 160px;
        height: 100%;
        overflow-y: scroll;
    }

    #selectBox li p {
        padding: 8px 5px;
    }

    .actSelect {
        background-color: rgb(227, 227, 227);
    }

    .selectInput {
        outline: none;
        width: 400px;
        height:40px;
		border:1px solid rgba(238,238,238,1);
		border-radius:4px;
    }



    .temBtn {
        outline: none;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: auto;
        background: red;
        color: #fff;
        border: none;
        padding: 5px 8px;
        border-radius: 5px;
    }

    .top-r{
	    padding:5px 22px 5px 22px;
	    /*color: #515151;*/
	    /*background: #fff;*/
	    /*border: 1px solid #ECECEC;*/
	    margin-bottom:20px;
	}


	.top-r h3{
			font-size:14px;
			font-family:Alibaba PuHuiTi;
			font-weight:bold;
			color:rgba(0,0,0,1);
			margin-top:10px;
			margin-bottom:10px;
	}

	.top-r span{
		font-size:14px;
		font-family:Alibaba PuHuiTi;
		font-weight:400;
		text-decoration:underline;
		color:rgba(230,23,23,1);
	}


	#btn {
        box-sizing: border-box;
        position: absolute;
        left: 30%;
        top: 0;
        font-size:14px;
		font-family:Alibaba PuHuiTi;
		font-weight:400;
		text-decoration:underline;
		color:rgba(230,23,23,1);
    }

	h3{
		margin-top:10px;
		margin-bottom:10px;

	}


	.task-r{
	    padding:10px 22px 10px 22px;
	}

	.task-r h3{
		font-size:18px;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);

	}

	select{
		width:157px;
		height:50px;
		border:1px solid rgba(238,238,238,1);
		border-radius:4px;
	}

    .task-r input[type=text]{
        height:32px ;
        padding: 6px 10px;
        border-radius: 5px !important;
    }

    .task-r .input-group input[type=text]{
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

	.task-tit{
		height:50px !important;
		width:100%;
		border:0px solid rgba(230,230,230,1);
		font-size:18px;
		font-family:PingFang SC;
		color:rgba(51,51,51,1);
		line-height:50px !important;
		padding-left:5px;
		font-weight: normal !important;
	}

	#agree{
		display: block;
	    width: 20px;
	    height: 20px;
	    cursor: pointer;
	    position: absolute;
	    top: 2px;
	    left: 15px;
	    background: rgba(240, 84, 77, 1);
	}

	input[type=checkbox].ace+.lbl  {
	    position: relative;
	    display: inline-block;
	    margin: 0;
	    line-height: 20px;
	    min-height: 18px;
	    min-width: 18px;
	    font-weight: 400;
	    cursor: pointer;
	}


	.bt-pd{
		font-family:Alibaba PuHuiTi;
		color:rgba(0,0,0,1);
		opacity:0.5;
		font-size:14px;
		width:100%;
		height:30px;
		line-height:30px;
	}




    .moveBox {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }

    .showMove {
        width: 350px;
        height: 450px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .showMove h4 {
        text-align: center;
    }

    .showMove ul {
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        padding: 5px 15px;
        height: 355px;
    }

    .showMove ul li {
        padding: 5px;
    }

    .showMove ul li:hover {
        background: #f7f7f7;
        color: #1b9aee;
    }

    .showMoveAct {
        background: #f7f7f7;
        color: #1b9aee;
    }

    .showBtn {
        text-align: center;
    }

    .showBtn button {
        padding: 8px 20px;
        border: none;
        background: #4a85f9;
        border-radius: 5px;
        color: #fff;
        margin: 10px 10px 0;
    }

    .showBtn .btnCel {
        background: #ccc;
        outline: none;
    }

    .logo {
        width: 20px;
        height: 20px;
    }

    .flieD {
        display: flex;
        flex-wrap: wrap;
    }
    .g-tasksidelist li img {
        height: 86px;
        width: 86px;
    }
    #qytj:hover, #grtj:hover{
        cursor:pointer;
    }
    .select_search ul{
        border: 1px solid #ddd;
    }
    .select_search li{
        /*border: 1px solid #ddd;*/
        border-bottom: 1px solid #e5e5e5;
        padding: 5px;
        font-size: 14px;
    }
    .input-group-addon{
        background-color: rgba(0, 0, 0, 0);
    }


    button.btn.btn-red:active, button.btn.btn-red:hover{
        background-color: #ff0000 !important;
        border-color: #ff0000 !important;
    }
    button.btn.btn-red {
        background-color: #ee0000 !important;
        border-color: #ee0000 !important;
    }


    .height-32{
        height: 32px;
        padding-top: 0;
    }
    .height-32 input{
        margin: 0;
    }
    #code{
        padding-top: 0;
    }
    /*转换作品*/
    .search_checkbox{

    }
    .search_checkbox input[type=checkbox] {
        height: 0px;
        width: 0px;
        visibility: hidden;
    }
    .search_checkbox span {
        cursor: pointer;
        height: 12px;
        border-radius: 10px;
        display: inline-block;
        background-color: gray;
        width: 40px;
        text-indent: -99999px;
        position: relative;
    }
    .search_checkbox input:checked + span {
        background: #aabbfd;
    }
    .search_checkbox span::before {
        content: '';
        display: inline-block;
        background-color: #5677fc;
        height: 18px;
        width: 18px;
        position: absolute;
        top: -3.5px;
        left: -2.5px;
        border-radius: 50%;
        transition: 0.3s;
    }
    .search_checkbox input:checked + span:before {
        left: calc(100% - 0.5px);
        transform: translateX(-100%);
    }
    .zhuanhuan{
        width: 200px;
        display: inline-block;
    }
    .zu_ping{
        display: none;
    }
    .zc_atr{
        height: 32px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
    }
    /*增值服务*/
    .pro_ckbox{
        position: relative;
    }
    .pro_ckbox input[type=checkbox] {
        position: absolute;
        visibility: hidden;
    }
    .pro_ckbox input[type=checkbox]+span {
        position:absolute;
        width: 16px;
        height: 16px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        background-color:#ffffff;
    }
    .pro_ckbox input:checked + span:after {
        content: "";
        position: absolute;
        left: 2px;
        top:2px;
        width: 10px;
        height: 6px;
        border: 2px solid #d3e318;
        border-top-color: transparent;
        border-right-color: transparent;
        transform: rotate(-45deg);
        -ms-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg);
    }
    /*.pro_ckbox span::before {
        content: '';
        display: inline-block;
        background-color: #5677fc;
        height: 18px;
        width: 18px;
        position: absolute;
        top: -3.5px;
        left: -2.5px;
        border-radius: 50%;
        transition: 0.3s;
    }*/

    #tgps:hover .tishi{
         display: block;
    }
    /*提示*/
    .tishi{
        position: absolute;
        top: 180px;
        left: 20px;
        width: 600px;
        height: 500px;
        background: #fff;
        padding: 10px;
        border-radius: 20px;
        display: none;
        z-index: 333
    }
    /*严选*/
    .myModaltgyan .modal-dialog{
        width: 320px;
    }
    .myModaltgyan  .modal-content{
        border-radius: 20px;
        width: 300px;
        box-shadow: 0px 3px 10px rgba(16, 16, 16, 0.5) !important;
    }
    .myModaltgyan .bod_tit{
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: #101010;
        margin-bottom: 30px;
    }
    .myModaltgyan .bod_list{
        border-top: 1px solid #eee;
    }
    .myModaltgyan .bod_list_top{
        padding: 22px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
    }
    .myModaltgyan .shengq{
        color: #2d9aff;
        cursor: pointer;
    }
    .myModaltgyan .tkuan{
        color: #5290ff;
        cursor: pointer;
    }
    .myModaltgyan .bod_tiaok p{
        color: #101010;
        padding: 10px;
    }
    .myModaltgyan .bod_tg_btnyan{
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        background: #ff4444;
        border-radius: 5px;
        cursor: pointer;
    }
    .myModaltgyan .chend{
        position: relative;
    }
    .myModaltgyan .chend .Checkbox{
        position: absolute;
    }
    .myModaltgyan .chend label {
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
        color: #0076ff;
    }
    .myModaltgyan .chend label .Checkbox+span {
        position: relative;
        display: block;
        padding-left: 25px;
        cursor: pointer;
    }
    .myModaltgyan .chend label .Checkbox:checked+span:before {
        background-color: #386de1;
        border-color: #386de1;
    }
    .myModaltgyan .chend label .Checkbox+span:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #f8f8f8;
        border: 1px solid #afc5ed;
    }
    .myModaltgyan .chend label .Checkbox+span:after {
        content: "";
        position: absolute;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .myModaltgyan .chend label .Checkbox:checked+span:after {
        display: block;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
    }
    /*严选支付*/
    .myModalczyan .modal-dialog{
        width: 350px;
    }
    .myModalczyan .modal-content{
        border-radius: 20px;
        width: 350px;
        min-height: 460px;
        box-shadow: 0px 3px 10px rgba(16, 16, 16, 0.5) !important;
    }
    .myModalczyan .bod_tit{
        text-align: center;
    }
    .myModalczyan .tity{
        text-align: center;
    }
    .myModalczyan .bod_bounty{
        padding: 20px;
        text-align: center;
        color: #ff4444;
        font-size: 20px;
        font-weight: bold;
    }
    .myModalczyan .bod_mune{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-weight: bold;
        padding: 20px 0 0 0;
    }
    .myModalczyan .xuanz_ma{
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        background: #ff4444;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 20px;
    }
    .myModalczyan .xuanz_zf{
       text-align: center;
    }
    .myModalczyan .xuanz_zf img{
        padding: 0 10px;
        cursor: pointer;
    }
    .myModalczyan .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: 0px solid #e5e5e5;
    }
    .myModalczyan .col_active{
        color: #e61717 !important;
    }
    @media (min-width: 768px){
        .myModalczyan .modal-dialog {
            width: 350px;
        }
    }
    /*托管*/
    .myModaltg .modal-dialog{
        width: 320px;
    }
    .myModaltg  .modal-content{
        border-radius: 20px;
        width: 300px;
        box-shadow: 0px 3px 10px rgba(16, 16, 16, 0.5) !important;
    }
    .myModaltg .bod_tit{
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: #101010;
        margin-bottom: 30px;
    }
    .myModaltg .bod_list{
        border-top: 1px solid #eee;
    }
    .myModaltg .bod_list_top{
        padding: 22px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
    }
    .myModaltg .shengq{
        color: #2d9aff;
        cursor: pointer;
    }
    .myModaltg .tkuan{
        color: #5290ff;
        cursor: pointer;
    }
    .myModaltg .bod_tiaok p{
        color: #101010;
        padding: 10px;
    }
    .myModaltg .bod_tg_btn{
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        background: #ff4444;
        border-radius: 5px;
        cursor: pointer;
    }
    .myModaltg .chend{
        position: relative;
    }
    .myModaltg .chend .Checkbox{
        position: absolute;
    }
    .myModaltg .chend label {
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
        color: #0076ff;
    }
    .myModaltg .chend label .Checkbox+span {
        position: relative;
        display: block;
        padding-left: 25px;
        cursor: pointer;
    }
    .myModaltg .chend label .Checkbox:checked+span:before {
        background-color: #386de1;
        border-color: #386de1;
    }
    .myModaltg .chend label .Checkbox+span:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #f8f8f8;
        border: 1px solid #afc5ed;
    }
    .myModaltg .chend label .Checkbox+span:after {
        content: "";
        position: absolute;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .myModaltg .chend label .Checkbox:checked+span:after {
        display: block;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
    }
    /*充值*/
    .myModalcz .modal-dialog{
        width: 350px;
    }
    .myModalcz .modal-content{
        border-radius: 20px;
        width: 350px;
        min-height: 460px;
        box-shadow: 0px 3px 10px rgba(16, 16, 16, 0.5) !important;
    }
    .myModalcz .bod_tit{
        text-align: center;
    }
    .myModalcz .tity{
        text-align: center;
    }
    .myModalcz .bod_bounty{
        padding: 20px;
        text-align: center;
        color: #ff4444;
        font-size: 20px;
        font-weight: bold;
    }
    .myModalcz .bod_mune{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-weight: bold;
        padding: 20px 0 0 0;
    }
    .myModalcz .xuanz_ma{
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        background: #ff4444;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 20px;
    }
    .myModalcz .xuanz_zf{
       text-align: center;
    }
    .myModalcz .xuanz_zf img{
        padding: 0 10px;
        cursor: pointer;
    }
    .myModalcz .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: 0px solid #e5e5e5;
    }
    .myModalcz .col_active{
        color: #e61717 !important;
    }
    @media (min-width: 768px){
        .myModalcz .modal-dialog {
            width: 350px;
        }
    }


    .switch-mode {
        box-sizing: border-box;
        position: absolute;
        left: 20%;
        top: 0;
        font-size:14px;
        font-family:Alibaba PuHuiTi;
        font-weight:bold;
        text-decoration:none;
        color: #0088ff;
        display: inline-block;
        padding-bottom: 5px;
        border-bottom: 2px solid #0088ff;
    }

    .order-table>tbody>tr>td{
        padding: 3px;
    }
    #form_new .order-table select, #form_new .order-table input, #form_new .order-table input[type=text]{
        border: none;
        display: inline-block;
        padding: 3px;
        margin: 0;
    }
    .order-table select[name=shop_title]{
        /*width: 140px;*/
    }
    .order-table input[name=oid]{
        /*width: 170px;*/
    }
    .order-table input[name=payment]{
        /*width: 60px;*/
    }
    .order-table input[name=buyer_nick]{
        /*width: 110px;*/
    }
    .order-table input[name=mobile]{
        /*width: 110px;*/
    }

    .task-r .order-table select, .task-r .order-table input, .task-r .order-table input[type=text]{
        /*border: none;*/
        display: inline-block;
        padding: 3px;
        margin: 0;
    }

    .submit-div{
        display: flex;
        justify-content: center;
    }

    .bnt-white {
        background-color: white !important;
        border: 1px solid #bbbbbb !important;
        color: black !important;
    }
    .bnt-white.btn-big3{
        border: 2px solid #bbbbbb !important;
    }

    .task-r .user-mobile-div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .task-r .user-mobile-div #user_mobile {
        width: 200px;
    }