.position,.position a{color: #333; font-size: 12px;}
.position span{color: #3191f5;}
a{outline:none}

.member_cont{margin:15px 0; overflow: hidden;clear: both;}
.member_cont_l{width: 180px; height: 635px;background: #fafafc; padding: 10px 20px; float: left;}
.muban{overflow: hidden;clear: both;}
.muban h5{font-size: 14px;margin-bottom:12px;margin-top: 8px;}
.muban h5.on{color:#3191f5;}
.muban h5 .iconfont{ font-size: 20px;vertical-align: -3px;}
.muban li{padding-left:25px; margin-bottom:14px;}
.muban li a{color: #666;}
.muban li.on a,.muban li:hover a{color:#3191f5;}


.member_cont_r{min-height: 630px;padding-bottom: 20px;}
.member_cont_r .head_t1{border-bottom: 1px solid #eee; margin-bottom: 10px;}
.member_cont_r .head_t1 a{font-size: 16px;line-height: 45px;color: #555;font-weight: bold;padding: 0 35px; position: relative;}
.member_cont_r .head_t1 a::after{content: ''; display: inline-block; width: 2px; height: 15px;background: #eee;position: absolute; right: 0;
    top: 3px;}
.member_cont_r .head_t1 a:last-child::after{background: #fff;}
.member_cont_r .head_t1 a.on{color:#3191f5;}
.navhd {line-height:60px;height:60px;padding: 0 40px;margin-bottom: 10px; border-bottom: 1px solid #eee; background-color: #fff;-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;}
.navhd span {position:relative;float:left; font-size:16px; margin-right: 40px;}
.navhd span a{ color: #666;line-height:60px; display: inline-block;padding:0 20px;}
.navhd span.on a{color:#3191f5;}
.navhd .on i,.navhd span:hover i{position:absolute;bottom:0px;left:0;height:2px;overflow:hidden;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);width:100%;}

.type_nav {padding:15px 25px 10px;overflow:hidden;clear:both;}
.type_nav li {float:left;padding-right:32px;text-align:center;}
.type_nav li a {position:relative;display:block;width:100%;height:100%;font-size:14px;color:#666;}
.type_nav li.on a,.type_nav li a:hover {color:#3191f5;}
.list_cont {overflow:hidden;clear:both; }
.list_cont li {width:224px;height:324px;border-radius:4px;overflow:hidden;float:left;background-color:#fff;position:relative;transition:all .2s linear;margin:24px 0 0 20px;border: 1px solid #eee;}
.list_cont .create {padding:16px;text-align:center;}
.list_cont li:hover {box-shadow:0 0 16px 0 rgba(0,0,0,.16);-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.list_cont .create .temp-create:hover,.list_cont .create .null-create:hover {border-color:#3191f5;}
.list_cont li .preview {position:absolute;width:100%;height:64px;bottom:36px;left:0;background-color:rgba(255,255,255,1);display:flex;justify-content:center;align-items:center;opacity:0;cursor: pointer;}
.list_cont li .preview span {display:flex;justify-content:center;align-items:center;padding:10px 40px;color:#fff;background-color:#3191f5;border-radius:30px;}
.list_cont li:hover .preview {opacity:1}
.list_cont .create .temp-create {display:inline-block;width:192px;height:200px;border:1px solid transparent;background-color:#f7f8f9;border-radius:3px;margin-bottom:16px;text-align:center;color:#333;font-weight:500;}
.list_cont .create .temp-create.all,.list_cont .create .temp-create.my {height:290px;}
.list_cont .create .temp-create i {width:36px;height:36px;border-radius:50%;background-color:#3191f5;color:#fff;margin-top:64px;margin-left:78px;display:flex;align-items:center;justify-content:center;}
.list_cont .create .temp-create.all i{margin-top: 85px;}
.list_cont .create .temp-create.my img{margin-top: 85px;}
.list_cont .create .temp-create span {display:block;margin-top:12px;font-size:14px;}
.list_cont .create .temp-create .des {margin-top:8px;font-size:12px;font-weight:400;color:#999;line-height:17px;}
.list_cont .create .null-create {display:inline-block;width:192px;height:76px;line-height:76px;border:1px solid transparent;background-color:#f7f8f9;color:#333;font-weight:500;}
.list_cont .create .null-create img {width:24px;}
.list_cont .create .null-create span {margin-left:8px;}
.list_cont .scene_item {position:relative;}
.list_cont .scene_item a {display:block;width:100%;height:100%;overflow:hidden;}
.list_cont .scene_item .topimg {width:224px;height:224px; position: relative;cursor: pointer;}
.list_cont .scene_item .topimg .orderid{font-size: 12px;
    color: #fff;
    background: rgba(118,131,143,0.8);
    position: absolute;
    right: 0;
    bottom: 5px;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 2px 5px 2px 10px;
    z-index: 333;
    border-radius: 10px 0 0 10px;} 
.list_cont .scene_item .topimg .orderid span{white-space: nowrap;}

.list_cont .scene_item .topimg img {width:100%;height:100%;}
.list_cont .scene_item .item_title {width:100%;height:64px;padding-right:12px;display:flex;flex-direction:row;align-items:center;}
.list_cont .scene_item .item_title .title {margin-left:8px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;}
.scene-category {padding: 0 10px 0 5px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:500;color:#1593ff;background-color:rgba(21,147,255,.1);box-shadow:0 4px 12px 0 rgba(0,0,0,.02);border-radius:0 100px 100px 0;}
.scene-category.hb {background-color:rgba(111,97,236,.1);color:#6f61ec;}
.scene-category.video {background-color:rgba(58,159,107,.1);color:#3a9f6b;}
.scene-category.long {background-color:rgba(243,113,51,.1);color:#f37133;}
.scene-category.form {background-color:rgba(2,173,191,.1);color:#02adbf;}
.scene-category.gc {background-color:rgba(245,166,35,.1);color:#f5a623;}
.scene-category.book {background-color:rgba(233,255,243,1);color:#16bc70;}
.list_cont .scene_item .scene-data-wrap {width:100%;height:36px;line-height:36px;padding:0 12px;font-size:12px;color:#666;background-color:#fff;border-top:1px solid #e6ebed;border-radius:0 0 3px 3px;overflow:hidden;display: flex;justify-content: space-between;}
.list_cont .scene-data-wrap .wapitem {float:left;margin-right:8px;cursor:pointer;}
.list_cont .scene-data-wrap .wapitem span,.list_cont .scene-data-wrap .cancel:hover {color:#3191f5;}
.list_cont .scene-data-wrap .cancel{cursor: pointer;}

.list_cont .ribbon-inner {position:absolute;top:0;left:0;z-index:1;font-size:12px;display:block;padding:0 10px;height:30px;line-height:30px;background-color:#3191f5;color:#fff;border-top-left-radius:3px;border-bottom-right-radius:12px;}
.list_cont .ribbon-inner.unpublish,.list_cont .ribbon.unpublish span {background-color:#76838f;}
.list_cont .ribbon{position: absolute; 
    top: -2px;
    left: -2px;
    width: 100px;
    height: 80px;
    text-align: center;
    z-index: 4;}
.list_cont .ribbon span {
    position: absolute;
    left: -30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    top: 6px;background-color:#3191f5;
    padding: 0 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); 
} 
   
.list_cont .service{padding:0px 5px 0 10px;font-size: 12px;height: 18px;line-height: 18px; background-color:rgba(89, 204, 13,0.7);color:#fff;border-radius: 2px; position: absolute; right:0px; bottom: 130px;border-radius: 20px 0 0 20px;}

/* 服务费 */
.serverpay_box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20000; display: none;}
.server_order{clear:both; overflow:hidden; }
.server_order ul{ width:100%;max-width:440px;position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.server_order li {background-color:#fff;margin:20px;border-radius:8px; box-shadow: 0px 1px 5px #aaa; position: relative;}
.server_order li .goback{ cursor: pointer; width:35px; height: 35px; background-color: #fef3d7; display: flex; justify-content: center; align-items: center;border-radius: 50%; position: absolute; right: -10px;top: -10px; z-index: 1;-webkit-tap-highlight-color: transparent;}
.server_order li .goback i{font-size:14px; color: #ff8800;font-weight: bold;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5ss;}
.server_order li .goback i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
.server_order .tit {position:relative;border-bottom:1px solid #f1f1f1; padding:14px; clear:both; overflow:hidden; background:#fff;border-radius:8px; text-align:center}

.server_order .tit.ohover {border-bottom:none;border-radius:8px 8px 0 0;background-image: linear-gradient(to right,#fef3d7,#fef3d7);color:#333; }
.server_order .tit.ohover .toShop{font-size:24px; font-weight:bold;}
.server_order .ohover .t_l{  font-size:12px;margin-top:10px;}

.server_order .list_item_box {position:relative;display:flex;padding:20px 20px 20px 50px;}
.server_order .list_item_box .thumb {display:table-cell;vertical-align:middle;width:80px;}
.server_order .list_item_box .thumb img {width:60px;height:60px;border-radius:5px;}
.server_order .pro_right {flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.server_order .pro_right .list_item_title {font-size:14px;color:#000;padding:0;}
.server_order .pro_right .list_tag {color:#888;}
.server_order .list_tag .y_price{ text-decoration:line-through;}
.server_order .list_tag .price {font-size:14px;color:#888;}
.server_order .list_tag .t_price{ color:#ff8800;}

.server_order .btn_w { overflow:hidden; clear:both; }
.server_order .btn_w .kefu{ text-align:center; font-size:12px; color:#999; line-height:20px;margin: 20px 0;}
.server_order .btn_w .kefu .fz10{ font-size:12px;}
.server_order .btn_w .t_r{ text-align:center}

.server_order .wxpay_cont {border:1px solid #e6e6e6;margin:5px auto 8px;position:relative;width:180px;height:180px; display:flex; align-items: center; justify-content: center;border-radius: 5px;}
.server_order .wxpay_cont p {height:55px;line-height:55px;text-align:center;color:#000;font-size:14px;}
.server_order .wxpay_cont .timeout {width:180px;height:180px;line-height:180px;position:absolute;left:-1px;top:-1px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;font-style:normal;cursor:pointer;}
.server_order .none {display:none}
.server_order  .sm_int{ text-align: center; font-size: 14px;}
.server_order  .sm_int .iconfont{ font-size:24px;color: rgb(89, 204, 13); vertical-align: middle; margin-right: 5px;}

.serverpay_ok{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20000; display: none;}
.serverpay_ok .sp_cont{width:100%;max-width:400px;position: fixed; left:50%; top:30%; transform: translate(-50%,-50%);background-color:#fff;padding: 32px 30px 31px ; border-radius: 10px; height: 200px;}

.serverpay_ok .sp_cont .goback{position: absolute; width: 30px; height: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; right: 10px; top: 10px;}
.serverpay_ok .sp_cont .sp_t{text-align: center;font-size: 20px; font-weight: bold; margin-bottom: 30px; }
.serverpay_ok .sp_cont .sp_t .iconfont{ width: 30px; height:30px; display: inline-block; text-align: center; line-height: 30px; font-size:24px;background-color: rgb(89, 204, 13); color: #fff;border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.serverpay_ok .sp_cont p{font-size: 14px; margin-top: 10px; color: #888;}
.serverpay_ok .sp_cont p:before {  content: ''; width: 5px;  height: 5px; display: inline-block;  background: #ff8800; border-radius: 50%; margin-right: 10px;    vertical-align: middle;
}