@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;max-width: 640px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

/*header*/
.logo{position:fixed; top:0; left:0; width:100%;z-index:999;height:60px;box-shadow: 0px 0px 6px #888888;background: #fff;}
.touchimg{height:60px;width:auto;}
.touchimg1{width:100%;}

/* 公共菜单 */

body.is-canvi-ready{overflow-x:hidden}
body.is-canvi-ready .canvi-navbar{display:block;visibility:visible}
.canvi-navbar,.canvi-overlay{top:0;bottom:0;visibility:hidden}
.canvi-navbar{position:fixed;height:100%;background:#fff;width:280px;display:none;transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);will-change:transform;-webkit-overflow-scrolling:touch;overflow:auto}
.canvi-content,.canvi-navbar.is-canvi-open{transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1)}
.canvi-navbar::-webkit-scrollbar{width:0}
.canvi-navbar::-webkit-scrollbar-track{background:#efefef}
.canvi-navbar::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}
.canvi-navbar.is-canvi-open{transition:transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);will-change:transform}
.canvi-navbar[data-position=right]{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.canvi-navbar[data-position=right].is-canvi-open,.canvi-navbar[data-position=right][data-push-content=true]{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.canvi-navbar[data-position=left]{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.canvi-navbar[data-position=left].is-canvi-open,.canvi-navbar[data-position=left][data-push-content=true]{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.canvi-navbar[data-push-content=false]{z-index:10}
.canvi-navbar[data-push-content=true]{z-index:1}
.canvi-content{z-index:5;transition:transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);overflow:hidden;}
.canvi-content.is-canvi-open{transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1)}
.canvi-overlay{position:fixed;right:0;left:0;background:rgba(0,0,0,.4);opacity:0;z-index:1031}
.canvi-content.is-canvi-open .canvi-overlay{visibility:visible;-webkit-animation-name:canvi-animate-in;animation-name:canvi-animate-in;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.canvi-content.is-canvi-open .canvi-overlay.canvi-animate-out{-webkit-animation-name:canvi-animate-out;animation-name:canvi-animate-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.canvi-user-info{padding:10px 10px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;justify-cnt:left;background:#fff;position:relative}
.canvi-user-info-img{max-width:100%;height:auto;margin-left:40px;}
.canvi-user-info__close{position:absolute;left:10px;width:30px;height:30px;border-radius:2px;transition:.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.canvi-user-info__close:hover{background:rgba(0,0,0,.6)}
.canvi-user-info__close::after,.canvi-user-info__close::before{content:'';width:20px;height:3px;background:#000;position:absolute;top:14px}
.canvi-user-info__close::before{left:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.canvi-user-info__close::after{right:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.commonlog{}
.loginbtn{margin:0 15px;box-shadow: 1px 1px 1px #000;height:0.8rem;display: block;border: 1px solid #f2f2f2;text-align: center;line-height: 0.8rem;color: #f18c11;}
.resignbtn{margin:0 15px;box-shadow: 1px 1px 1px #a75f08;height:0.8rem;display: block;text-align: center;line-height: 0.8rem;background: #f18c11;color: #fff;margin-top:10px;}

@-webkit-keyframes canvi-animate-in{0%{opacity:0}
100%{opacity:1}}@keyframes canvi-animate-in{0%{opacity:0}
100%{opacity:1}}@-webkit-keyframes canvi-animate-out{0%{opacity:1}
100%{opacity:0}}@keyframes canvi-animate-out{0%{opacity:1}
100%{opacity:0}}

.denglu{padding:0 10px;}
.denglu .p1{font-size: 0.2rem;color: #f3901b;font-weight: bold;line-height: 0.5rem;margin-left:40px;}
.denglu .p2{font-size: 0.2rem;color: #f3901b;font-weight: bold;line-height: 0.5rem;text-align: right;}

.demo a{color: #fff;text-decoration: none;}
.demo{width: 100%;height: 500px;padding-bottom: 1.2em;}
.demo a,button{position: absolute;background: url("../images/menu.png") no-repeat center center;width:30px;height:30px;background-size:100%;border:none;top:15px; right: 15px;}
.demo a:hover,button{opacity: 1;}
.demo a.current{background:#1d7db1;color: #fff; }

.member_list{background: #fff;border-bottom: 1px solid #f2f2f2;}
.member_list li{color:#4a4a4a;font-size:14px;line-height: 50px;}
.member_list li .title{margin:0 15px;border-bottom:solid 1px #f2f2f2;}
.member_list li a{color:#3a3a3a;}
.member_list .spxx_icon{float: left;width:30px;margin-right: 5px;}
.center{text-align: center;}
.twoji{width:100%;background: #f5f5f5;}
.twoji .twojili{border-bottom:solid 1px #ececec;margin:0 15px;padding:2% 0;font-size:14px;height:30px;line-height: 30px;}

/*banner*/
#ban{margin-top:1px;}
#ban img{width:100%;}
#banner{}
.swipe{}
.swipe ul{}
#slider{position:relative; overflow:hidden;}
#slider li{float:left;}
#pagenavi{position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi a{width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi a.active{background:#f29421;}
/*index*/
.top_list{clear:both;padding:3% 0 3% 0;overflow:hidden;}
.top_list ul {width:100%;display: block;margin:0 auto;}
.top_list li{width:14%;float:left;position:relative;margin:2% 3%;}
.top_list li img{display: block;margin:0 auto;width:100%;}
.top_list li p{text-align: center;color:#444444;margin-top: 5%}
.top_list li a{color:#fff;}
.ppgs{color:#1d1d1d;font-size: 0.25rem;text-align: center;padding:5% 0;width:100%;margin:0 auto;font-weight: bold;}

.rmjd{width: 92%;float: left;padding:0 4%;}
.rmjd_title{color: #000;font-weight: bold;text-align: left;height: 0.8rem;line-height: 0.8rem;}

.rmjd1{width: 100%;margin-bottom:2%;float: left;position: relative;}
.rmjd2{width: 49%;float: left;position: relative;}
.rmjd3{width: 49%;float: left;margin-left:2%;position: relative;}
.rmjd4{width: 100%;margin-top:2%;float: left;margin-bottom:2%;position: relative;}
.ind_title {background: rgba(0, 0, 0, 0) url("../images/point_bg.png") repeat-x scroll 0 0;bottom: 0;color: #fff;font-size: 0.25rem;font-weight: bold;height: 0.6rem;line-height: 0.6rem;position: absolute;text-indent: 0.2rem;width: 100%;}

.hdss{width: 92%;float: left;padding:0 4%;}
.hdss_title{color: #000;font-weight: bold;text-align: left;height: 0.8rem;line-height: 0.8rem;}
.hdss_title h2{position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.55rem;
    max-width: 100%;
    display: inline-block;
    font-weight: bold;
    line-height: 1rem;
    font-size: 0.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hdss_title h2:before, .hdss_title h2:after {
    content: "";
    position: absolute;
    top: 0.35rem;
    width: 0.35rem;
    height: 0.35rem;
}
.hdss_title h2:before{left: 0.1rem;background: url("../images/11_03.png") no-repeat center center;}
.hdss_title h2:after{right: 0.1rem;background: url("../images/11_05.png") no-repeat center center;}
.swiper-container1{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;box-shadow: 0px 0px 7px #ccc;}
.swiper-container2{box-shadow: 0px 0px 7px #ccc;margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.baomingul li{float: left;width:100%;margin-bottom: 0.3rem;}
.baomingulpic{width: 100%;}
.baomingulpic img{width: 100%;}
.baomingultitle1{width: 100%;float: left;font-size: 0.35rem;margin-top:0.1rem;height:0.8rem;line-height: 0.8rem;color: #323232;}
.baominguldetail{width: 100%;line-height: 25px;float: left;font-size: 0.2rem;color: #323232;}
.baominguldetail span{font-size: 0.25rem;color: #323232;line-height: 25px;font-weight: normal;}
.baomingmore{position: absolute;background: #f18c11;color: #fff;font-weight: bold;width: 2rem;height: 0.6rem;line-height: 0.6rem;text-align: center;border-radius: 5px;right: 0.25rem;bottom: 0.2rem;font-size: 0.25rem;text-indent: 0;}
.baomingtitle{position: relative;box-sizing: border-box;float: left;padding: 0 10px;}
.baoming_time{background: url("../images/Clock.png") no-repeat 10px;height:21px;float: right;margin-top:0.2rem;;font-weight: bold;color: #f29421;font-size: 0.25rem;text-indent: 40px;line-height: 0.5rem;}
.baoming_time span{font-size: 0.25rem;color: #595959;font-weight: normal;}
.baoming_qk{background: #f29421;font-size: 14px;color: #fff;padding:1px 5px;font-weight: bold;margin-left:15px;}
.baomingzuopin{position: absolute;background: #f18c11;color: #fff;font-weight: bold;width: 2rem;height: 0.6rem;line-height: 0.6rem;text-align: center;border-radius: 5px;right: 2.5rem;bottom: 0.2rem;font-size: 0.25rem;text-indent: 0;}
.baomingzuopin:hover{opacity:0.8;}
.baomingmore:hover{opacity:0.8;}

.jplx{width: 92%;float: left;padding:0 4%;height: }
.jplx_title{color: #f29421;font-weight: bold;text-align: center;height: 1rem;}
.jplx_title h2{position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.55rem;
    max-width: 100%;
    display: inline-block;
    font-weight: bold;
    line-height: 1rem;
    font-size: 0.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jplx_title h2:before, .jplx_title h2:after {
    content: "";
    position: absolute;
    top: 0.35rem;
    width: 0.35rem;
    height: 0.35rem;
}
.jplx_title h2:before{left: 0.1rem;background: url("../images/11_03.png") no-repeat center center;}
.jplx_title h2:after{right: 0.1rem;background: url("../images/11_05.png") no-repeat center center;}
.luxianul li{float: left;width:100%;}
.luxianulpic{width: 100%;}
.luxianulpic img{width: 100%;}
.luxianultitle{position: relative;box-sizing: border-box;float: left;padding: 0 10px;}
.luxianultitle a{font-size: 18px;color: #323232;}
.luxianultitle1{width: 100%;float: left;font-size: 0.32rem;margin-top:0.1rem;padding: 0.1rem 0;    line-height: 0.5rem;}
.luxianuldetail{width: 100%;line-height: 0.5rem;float: left;font-size: 0.25rem;color: #959595;font-weight: bold;}
.luxianuldetail span{font-size: 0.25rem;color: #323232;line-height: 25px;font-weight: normal;}
/*footer*/
.copyright{color:#a7a7a7;font-size:0.2rem;text-align:center;background: #2d3741;padding:5% 0;width:100%;line-height: 0.5rem;}
.footer{background-size:cover;width:100%;left:0;bottom:0;background:#2d3741;}
.footer ul{border-bottom:1px solid #52606e;}
.footer li{width:20%;float:left;text-align:center;color:#fff;font-size:0.8rem;height:50px;}
.footer li a{border-right: 1px solid #fff;display: block;height:12px;margin-top:20px;line-height: 12px;font-size: 0.25rem;}
.footer .bot_right{width:21%;float:left;text-align:center;color:#fff;font-size:20px;line-height:30px;}

.footer li a{color:#fff;}
.footer li img{width:30px;}
.footer_text a{width:100%;display:block;font-size:14px;color:#fff;}

.index{position:fixed;left: 41%;width:19%;bottom:85px}

/*top*/
.to-top{display:none;padding:5px 15px;color:#fff;border-radius:2px;font-size:15px;width:15%;z-index:999;}

/* 登录 */
.login_logo{position: relative;height:1rem;background: #f18c11;padding:0 0.3rem;line-height: 1rem;text-align: center;}
.login_logo a{position: absolute;left:0.3rem;}
.login_frame{padding:0 0.3rem;}
.login_frame li{margin-top:0.3rem;}
.main_bd {background: #f4f4f4 none repeat scroll 0 0;border: 1px solid #dddddd;border-radius: 4px;box-sizing: border-box;color: #666666;font-size: 0.25rem;height: 0.8rem;padding-left: 0.3rem;padding-right: 0.3rem;width: 100%;}
.main_bd2{float:left;background: #f4f4f4 none repeat scroll 0 0;border: 1px solid #dddddd;border-radius: 4px;box-sizing: border-box;color: #666666;font-size: 0.25rem;height: 0.8rem;padding-left: 0.3rem;padding-right: 0.3rem;width: 4rem;}
.third-login-box{float: left;width:100%;margin-top:0.3rem;}
.third-account{color: #999999; margin-bottom: 0.3rem; text-align: center;}
.account-login{text-align: center;}
.account-login a{display: inline-block;}
.account-login .weibo-login, .account-login .wechat-login, .account-login .qq-login{background-color: #dddddd; background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; height: 42px; width: 42px;}
.account-login .wechat-login{background-image: url("../images/wechat.png");}
.account-login .wechat-login:hover{background-color: #58bc46;}
.account-login .weibo-login{background-image: url("../images/weibo.png"); margin: 0 20px;}
.account-login .weibo-login:hover{background-color: #e90e24;}
.account-login .qq-login{background-image: url("../images/qq.png");}
.account-login .qq-login:hover{background-color: #3caae3;}
.login-links{float:right;bottom: 0; color: #999999;margin-top:15px;}
.login-links a:hover {color: #282828;}
.login-links a{color: #898989;}

/* 找回密码 */
.find_frame{padding:0 0.3rem;}
.find_frame li{margin-top:0.3rem;}
.has-been-sent{font-size: 14px;color: #444;margin-top:0.3rem;line-height: 0.4rem;}
.receive-mail-box{margin-top:0.3rem;margin-bottom: 0.3rem;}
.receive-mailbtn{background: #ffd100 none repeat scroll 0 0;border: 1px solid #ffd100;border-radius: 4px;color: #444444;cursor: pointer;box-sizing: border-box;display: inline-block;font-size: 0.3rem;height: 0.8rem;line-height: 0.8rem;text-align: center;vertical-align: middle;width: 100%;}
.resend{ line-height: 22px;color: #999999;font-size: 12px;}
.main-link-color{color: #d36f16;}

/* 重置密码 */
.resign_form{padding:0 0.3rem;}
.resign_form li{margin-top:0.3rem;}
/* 旅游资源 */
.lvyou{width: 92%;float: left;padding: 0 4%;}
.lvyou_lanmu{height:1.2rem;line-height: 1.2rem;font-size: 0.5rem;font-weight: bold;overflow: hidden;}
.lvyou_lanmu span{font-size: 0.25rem;color: #323232;font-weight: normal;}
.lvyouul{width: 100%;float: left;}
.lvyouul li{box-shadow:0 0 10px #ccc;position: relative;box-sizing:border-box;margin-bottom:3%;}
.lvyouulpic{float: left;width: 45%;}
.lvyouul li::after{    content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lvyouultitle1{font-size: 0.35rem;color: #3b3b3b;margin-left: 45%;padding-left: 10px;padding-right: 10px;word-break: break-all;padding-top: 5px;}
.lvyouuljianjie{font-size: 0.25rem;color: #8a8a8a;margin-left: 45%;padding-left: 10px;padding-right: 10px;word-break: break-all;padding-top: 5px;}
.lvyouulhits{position: absolute;left: 45%;padding-left: 10px;bottom:10px;color: #dbd7d7;background: url("../images/icon-view.png") no-repeat 10px center ;background-size: 20px auto;text-indent: 25px;line-height: 20px;}
.lvyouulwnum{background: rgba(0, 0, 0, 0) url(../images/zan.png) no-repeat scroll left center;color: #f29421;font-size: 12px;font-weight: bold;text-indent: 15px;position: absolute;right: 10px;bottom: 15px;}

.lvyou_con .p1{color: #2b2b2b;font-size: .3rem;font-weight: bold;}
.lvyou_con .p2{color: #696969;font-size: 0.2rem;margin-top:0.1rem;}
.lvyoudetail{background: #f5f5f5;height:1rem;line-height: 1rem;width: 100%;float: left;color: #f29421;font-weight: bold;font-size: 0.35rem;margin:2% 0;}
.lvyoudetail span{margin:0 4%;border-left:2px solid #f29421;}
/* 单页 */
.about_biaoli{padding:3% 0 6%;}
.about_biaoli .p1{color: #f29421;font-size: 0.3rem;font-weight: bold;}
.about_biaoli .p2{color: #f29421;font-size: 0.3rem;font-weight: bold;}

/* 精品路线 */
.luxianul1 li{float: left;width:100%;box-shadow: 0px 0px 7px #ccc;margin-bottom:20px;}
/* 游记攻略 */
.minjuul li{float: left;width:49%;margin-bottom:0.3rem;margin-left:2%;background-color: #ffffff;border-radius: 2px;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);position: relative;transition: all 0.2s linear 0s;}
.minjuul li:hover{box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);transform: translate3d(0px, -2px, 0px);}
.minjupic{width: 100%;}
.minjupic img{width: 100%;}

.minjutitle{padding:10px 3px;}
.minjutitle1{color: #484848;font-weight: bold;font-size: 0.3rem;height: 0.8rem;margin-bottom: 0.1rem;}
.minjutitle1 span{color:#f18c11;font-weight: bold;font-size: 0.2rem;float: right;}
.minjudetail{color: #484848;margin-top:5px;}
.minjujianjie{font-size: 0.2rem;color: #8b8b8b;height: 0.7rem;}

/* 游记攻略详情 */
.youjipic{}
.youjipic_con{padding-top:3%;}
.youjipictitle1{color: #2b2b2b;font-size: .3rem;font-weight: bold;}
.youjipicdetail{color: #696969;font-size: 0.2rem;margin-top: 0.1rem;}

.minjuul1 li{float: left;width:49%;background-color: #ffffff;border-radius: 2px;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);position: relative;transition: all 0.2s linear 0s;}
.minjuul1 li:hover{box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);transform: translate3d(0px, -2px, 0px);}

/* 个人中心 */
.user_index{padding:0.5rem 2%;float: left;background: #fff;border-bottom:1px solid #efefef;}
.user_index_img{width:2rem;height:2rem;float: left;border-radius: 50%;overflow: hidden;}
.user_index_name{color: #232323;float: left;font-size: 0.5rem;margin-left:0.3rem;width:4.2rem;margin-top:0.4rem;}
.user_index_info{color: #2c2c2c;float: left;font-size: 0.3rem;margin-left:0.3rem;width:4.2rem;margin-top:0.05rem;}
.user_index_menu{border-bottom:1px solid #efefef;float: left;width: 100%;height:0.8rem;line-height: 0.8rem;}
.user_index_menu li{float: left;width: 25%;text-align: center;border-right: 1px solid #efefef;box-sizing:border-box;}
.user_index_menu li:last-child{border:none;}
.user_index_menu li.current{border-bottom:1px solid #f18c11;}
.works_match{width: 92%;float: left;padding: 0 4%;background: #fbfbfb;}
.works_match li{float: left;width:49%;margin-right:2%;margin-top:10px;transition: all 0.2s ease-in-out 0s;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.works_match li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);animation: 0.5s ease-in-out 0.2s normal forwards 1 running show;}
.works_match li .pic{width:100%;}
.works_match li .pic img{width:100;}
.works_match li .title{padding:10px 0 0 3px;line-height: 25px;height:50px;}
.works_match li .title a{font-size: 16px;color: #3b3b3b;font-weight: bold;}
.works_match li .user{height:0.5rem;padding: 0 3px;line-height: 0.5rem;border-bottom:1px solid #ececec;}
.works_match li .user .p1{font-size: 14px;color: #3b3b3b;font-weight: bold;display: block;float: left;}
.works_match li .user .p2{font-size: 12px;color: #808080;font-weight: bold;display: block;float: right;}
.works_match li .user .p3{font-size: 12px;color: #f29421;font-weight: bold;display: block;float: right;margin-left:10px;background: url("../images/zan.png") no-repeat center left;text-indent: 15px;}
.works_match .card-item{font-size: 12px;height: 0.8rem;line-height: 0.8rem;padding: 0 3px;position: relative;}
.works_match .card-item .p1{color: #999;display: inline-block;padding: 0 4px;margin-right: 0.3rem;}
.works_match .card-item .p1:hover{color: #282828;}
.works_match .card-item .p2{color: #999;display: inline-block;padding: 0 4px;margin-right: 0.3rem;}
.works_match .card-item .p2:hover{color: #282828;}
.works_match .card-item .time{float: right;color: #bbb;}
/* 资料修改 */
.user{width: 92%;float: left;padding: 0 4%;}
.user form li{margin-bottom:20px;}
.main_ly_t1{width:15%;text-align: right;float: left;height:0.8rem;line-height: 0.8rem;margin-right: 5%;color: #909090;font-size: 0.25rem;}
.radio{line-height: 42px;}
.radio .radio-0 {background: rgba(0, 0, 0, 0) url("../images/radioxuanzhong.svg") no-repeat scroll left center;}
.radio .radio-1 {background: rgba(0, 0, 0, 0) url("../images/radio.svg") no-repeat scroll left center;}
.radio label {cursor: pointer;display: inline-block;height: 16px;line-height: 1;vertical-align: middle;}
.radio label.mr-30 {margin-right: 30px;}
.radio label input {cursor: pointer;margin-right: 10px;opacity: 0;}
.main_bd3{background: #f4f4f4 none repeat scroll 0 0;border: 1px solid #dddddd;border-radius: 4px;box-sizing: border-box;color: #666666;font-size: 0.25rem;height: 0.8rem;padding-left: 0.3rem;padding-right: 0.3rem;width: 80%;}
.baocun {background: #f18c11 none repeat scroll 0 0;border: 1px solid #f18c11;border-radius: 4px;box-sizing: border-box;color: #fff;cursor: pointer;float: right;height: 36px;line-height: 28px;text-align: center;width: 100%;}

/* 抽奖大转盘 */
.bannerzhuan{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.bannerzhuan .turnplate{display:block;width: 100%;position: relative;}
.bannerzhuan .turnplate canvas.item{width:100%;}
.bannerzhuan .turnplate img.pointer{position:absolute;width:36%;height:40%;left:32%;top:28%;}

/* 活动列表 */
.baomingul1 li{float: left;width:100%;box-shadow: 0px 0px 7px #ccc;margin-bottom:10px;}


/* 活动详情 */
.huodongqx_title {color: #323232;font-size: 0.35rem;height: 0.8rem;line-height: 0.8rem;width: 100%;float: left;}
.huodongqx_title span {color: #f29421;}
.huodongjs{}
.huodongjs_left{float: left;width: 100%;}
.huodongjs_right{float: left;width: 100%;}
.huodongjs_right p{color: #4a4a4a;font-size: 0.25rem;line-height: 30px;}
.huodongjs_right p span{color: #959595;font-weight: bold;}

/* 作品详情 */
.worksdetail_title{float: left;width:100%;border-bottom:1px solid #dbdbdb;}
.worksdetail_title .p1{color: #383838;font-size: 0.35rem;line-height: 1rem;}
.worksdetail_title_left{float: left;    padding-bottom: 0.3rem;}
.worksdetail_title_left .ren{color:#f18c11;height:18px;font-size: 14px;line-height: 18px;}
.worksdetail_title_right{float: right;padding-bottom:0.3rem;}
.worksdetail_title_right .hits{float: left;height:18px;color: #dbd7d7;padding:0 20px;font-size: 14px;line-height: 18px;}
.worksdetail_title_right .hits i{background: url("../images/see.png");width:18px;height:18px;float: left;margin:0 2px;}
.worksdetail_title_right .biao{float: left;height:18px;color: #dbd7d7;font-size: 14px;}
.worksdetail_title_right .biao i{background: url("../images/biao.png");width:18px;height:18px;float: left;line-height: 18px;margin:0 2px;}
.worksdetail_con{background: #fff;}
.worksdetail_con img{height:auto;}
.worksdetail_toupiao{width:100%;background: #fff;border-top:1px solid #eeeeee;float: left;}
.worksdetail_toupiao_btn{background:url("../images/good.png") no-repeat 44px 12px #f29421;font-size:12px;font-weight:bold;color:#fff;margin:20px auto;border-radius: 50px;background:;box-sizing: border-box;line-height:100px;cursor: pointer;display: block;height: 72px;position: relative;text-align: center;width: 118px;}
.worksdetail_toupiao_btn:hover{background:url("../images/good.png") no-repeat 44px 12px #ffe056;}
.worksdetail_toupiao_btn1{background:url("../images/good1.png") no-repeat 44px 12px #eee;font-size:12px;font-weight:bold;color:#999999;margin:20px auto;border-radius: 50px;background:;box-sizing: border-box;line-height:100px;cursor: pointer;display: block;height: 72px;position: relative;text-align: center;width: 118px;}
/* 上传作品 */
.user_right{border-radius:4px;width:100%;float: left;}
.user_right .middle-title-wrap{;background: #fff none repeat scroll 0 0; box-sizing: border-box; line-height: 65px; padding: 0 30px; position: relative; width: 100%;border-radius: 4px;}
.user_right .middle-title-wrap .middle-title{color: #444; display: inline-block; font-size: 16px; vertical-align: middle;font-weight: normal;}

.upload-con-box{background: #ffffff none repeat scroll 0 0; border-radius: 4px; margin-top: 10px;}
.upload-con-title{border-bottom: 1px solid #eeeeee; color: #444444; font-size: 14px; height: 0.8rem; line-height: 0.8rem; padding: 0 2%;}
.upload-tiptxt{color: #bbbbbb; font-size: 12px; line-height: 24px; margin-left: 30px;}
.upload-among-space{margin-top: 40px;}
.upload-con-box .work-verify{padding: 0.3rem 2%;}
.redwarn {background: #f14538 none repeat scroll 0 0;border-radius: 50%;height: 0.1rem;vertical-align: middle;width: 0.1rem;float: left;margin-top:0.35rem;margin-right: 0.2rem;}
.worktext-lbox{width: 6.6rem;display: inline-block;position: relative;vertical-align: middle;;}
.worktext-lbox .work-name{padding-right: 40px;width:100%;border-radius: 4px;box-sizing: border-box;padding-left: 20px;background: #f4f4f4 none repeat scroll 0 0;border: 1px solid #ddd;box-sizing: border-box;color: #666;font-size: 14px;height: 0.8rem;}
.worktext-lbox .count{bottom:0.25rem;position: absolute;color: #999;font-size: 0.2rem;right:20px;}
.work-namebox .error-prompt{color: #f14538;font-size: 12px;}
.work-namebox .error-prompt .error-icon{background: rgba(0, 0, 0, 0) url("../images/error.svg") no-repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-style: normal; height: 24px; line-height: 24px; margin-right: 10px; text-align: center; vertical-align: middle; width: 24px;}
.work-title-box{margin-top:0.3rem;}
.edit-bd{width:6.5rem;display: inline-block;position: relative;vertical-align: middle;}

.workup-con{padding-left: 20px; position: relative;}
.coverchar{background: #f2f2f2 none repeat scroll 0 0; height: 196px; position: relative; width: 260px;}
.coverchar .upcoverbtn{cursor: pointer; height: 196px; left: 0; position: absolute; top: 0; width: 100%;}
.upload-normal-box{background-image: url("../images/addworkiconh.png"); background-position: center 65px; background-repeat: no-repeat; box-sizing: border-box; color: #999; height: 100%; padding-top: 104px; text-align: center; width: 100%;}
.articlefoot{margin:20px 0;width:96%;padding:0 2%;}
.publishbtn{font-size: 14px; height: 42px; margin-right: 15px; width: 190px;background: #ffd100 none repeat scroll 0 0; border: 1px solid #ffd100; border-radius: 4px; color: #444; cursor: pointer; text-align: center;outline: 0 none;}
.publishbtn:hover{background: #ffe366 none repeat scroll 0 0; border: 1px solid #ffe366; color: #444;}

.hide{display: none;}
.shade {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height: 100%;position: fixed;top: 0;width: 100%;}

.toast-fail, .toast-success{background: #fff none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #444; display: block; left: 50%; margin-left: -150px; margin-top: -120px; min-height: 200px; opacity: 0; padding: 30px; position: fixed; text-align: center; top: 50%; transform: scale(0); transition: all 0.2s cubic-bezier(0.42, 0, 0.22, 1.59) 0s; vertical-align: middle; width: 300px; z-index: 150;}
.air-bubble, .pm-suggest-tips, .pop-pm-suggest{box-sizing: border-box;}
.toast-fail .toast-tips-text, .toast-success .toast-tips-text{font-size: 16px; margin-top: 14px;}
.toast-fail .toast-socend-text, .toast-success .toast-socend-text{font-size: 14px;}
.toast-fail.hide, .toast-success.hide{display: block;}
.toast-fail.scale, .toast-success.scale{opacity: 1; transform: scale(1);}
.toast-success .toast-pictrue{background-image: url("../images/success.png");}
.toast-fail .toast-pictrue{background-image: url("../images/fail.png");}
.toast-pictrue{background-position: center center; background-repeat: no-repeat; background-size: 132px 100px; display: inline-block; height: 100px; vertical-align: middle; width: 132px;}

.btn-default-secondary {background:#f18c11;border-radius: 4px;color: #fff;cursor: pointer;text-align: center; font-size: 14px;height: 42px;margin-right: 15px;width: 100%;border: none;}
.btn-default-main {
    background: #ffd100 none repeat scroll 0 0;
    border: 1px solid #ffd100;
    border-radius: 4px;
    color: #444;
    cursor: pointer;
    text-align: center;
}
.pop-cancel, .pop-confirm {
    font-size: 14px;
    height: 0.7rem;
    margin: 20px 0.1rem 0;
    min-width: 2.4rem;
    padding: 0 20px;
}
.btn-default-secondary1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 4px;
    color: #666;
    cursor: pointer;
    text-align: center;
}