@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ font-size:12px; font-family:"微软雅黑"; margin:0 auto;} 
ul{ list-style:none;}
a,button,input{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a{ text-decoration:none!important;}
.fl{ float:left;}
.fr{ float:right;}
img{ max-width:100%; max-height:100%;}
.welcome{ background-color:#f73f3b; text-align:center;}
.welcome img{ width:100%; max-width:640px;}
.copyright{ position:absolute; bottom:30px; width:100%; color:#fff; text-align:center;}
.bg{ background:#f8f8f8;}
.viewport{ min-width:300px; max-width:640px; height:auto; overflow:hidden; margin:0 auto;}
.blackbar{ display:block; width:100%; height:38px; clear:both;}
header{ background:#e13e3f; height:48px; width:100%; position:relative; -webkit-box-shadow:#999 0px 0px 6px; -moz-box-shadow:#999 0px 0px 6px; box-shadow:#999 0px 0px 6px; color:#fff; font-size:18px;}
header .back{ float:left; background:url(../images/icon-back.png) center no-repeat; background-size:32px; width:48px; height:48px;}
header .fl{ color:#fff; line-height:32px; margin:7px 0 0 6px;}
header .fr{ color:#fff; line-height:32px; margin:7px 6px 0 0;}
header .icon{ width:32px; height:32px; background-size:100%;}
.hd-text{ position:absolute; left:0; top:0; width:100%; text-align:center; font-size:20px; color:#fff; line-height:48px;}
nav{ background:#ffffff; border-top:1px solid #cacaca; height:60px; position:fixed; left:0; bottom:0px; width:100%;}
nav a{ float:left; width:25%; color:#666!important; font-size:12px; text-decoration:none!important; text-align:center; height:60px;}
nav .active{ color:#eb1212!important;}
nav a i{ width:32px; height:32px; display:block; margin:6px auto -2px;}
nav a .menu-icon1{ background:url(../images/btnav-act.png) no-repeat center; background-size:100%;}
nav a .menu-icon2{ background:url(../images/btnav-mclass.png) no-repeat center; background-size:100%;}
nav a .menu-icon3{ background:url(../images/btnav-ridicule.png) no-repeat center; background-size:100%;}
nav a .menu-icon4{ background:url(../images/btnav-my.png) no-repeat center; background-size:100%;}
nav a.active .menu-icon1{ background:url(../images/btnav-act2.png) no-repeat center; background-size:100%;}
nav a.active .menu-icon2{ background:url(../images/btnav-mclass2.png) no-repeat center; background-size:100%;}
nav a.active .menu-icon3{ background:url(../images/btnav-ridicule2.png) no-repeat center; background-size:100%;}
nav a.active .menu-icon4{ background:url(../images/btnav-my2.png) no-repeat center; background-size:100%;}
/* 活动 */
.icon-search{ background:url(../images/icon-search.png);}
.icon-share{ background:url(../images/icon-share.png);}
.act-banner{ position:relative; background-color:#ddd; height:150px; overflow:hidden; text-align:center;}
.act-banner img{ width:100%; height:100%; margin:0 auto;}
.act-screen{ background-color:#fff; height:42px; overflow:hidden; border-bottom:#e4e4e4 solid 1px;}
.act-screen a{ float:left; text-align:center; color:#555; font-size:13px; line-height:42px; vertical-align:top;}
.act-screen a span{ display:inline-block; background:url(../images/icon-select.png) right center no-repeat; background-size:10px; padding-right:15px;}
.act-screen .line{ float:left; background-color:#ddd; width:1px; height:14px; margin-top:14px;}
.act-screen a span.icon-position{ background:url(../images/icon-position.png) right center no-repeat; background-size:16px; padding-right:18px;}
.act-list li{ position:relative; height:125px; overflow:hidden; border-bottom:#e4e4e4 solid 1px; padding:0 15px;}
.act-list .title{ height:30px; overflow:hidden; color:#222; font-size:15px; font-weight:bold; line-height:30px; margin-top:10px;}
.act-list .img{ position:absolute; left:15px; top:40px; width:100px; height:68px; background-color:#ddd; overflow:hidden;}
.act-list .intro{ height:36px; overflow:hidden; color:#999; line-height:18px; margin:2px 0 0 115px;}
.act-list .price{ height:20px; color:#555; line-height:20px; margin:10px 0 0 115px;}
.act-list .price .fr{ color:#888;}
.act-list .price .fr span{ display:inline-block;}
.midline{ color:#d8d8d8; padding:0 2px;}
.dianzan{ background:url(../images/icon-raise-off.png) 0 center no-repeat; background-size:20px; padding-left:20px;}
.dz-on{ background:url(../images/icon-raise-on.png) 0 center no-repeat!important; background-size:20px!important; color:#ea423d;}
.hd-search{ position:absolute; left:0; top:0; width:100%; height:45px;}
.hd-search-box{ height:45px; margin:0 45px 0 45px;}
.hd-search-box input{ float:left; background-color:#fff; width:100%; height:36px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#555; font-size:16px; margin:6px 0 0 0; padding:0 10px; outline:none;}
.search-his ul{ margin:0; padding:0;}
.search-his li{ background:url(../images/icon-search-lit.png) 18px center no-repeat; background-size:20px; background-color:#fff; height:60px; border-bottom:#dcdcdc solid 1px; color:#373737; font-size:16px; line-height:60px; padding-left:45px;}
.search-his li i{ position:absolute; right:0; width:50px; height:60px;}
.go-topleft{ background:url(../images/go-topleft.png) center no-repeat; background-size:20px;}
.delete-all{ background-color:#fff; border-bottom:#dcdcdc solid 1px; text-align:center;}
.delete-all span{ display:inline-block; background:url(../images/icon-empty.png) 0 center no-repeat; background-size:34px; height:60px; color:#555; font-size:16px; line-height:60px; padding-left:35px;}
.act-banner .imgtitle{ position:absolute; left:0; bottom:0; background:url(../images/font-bg.png) bottom repeat-x; background-size:auto 100%; width:100%; height:94px; text-align:left;}
.act-banner .imgtitle p{ height:30px; overflow:hidden; color:#fff; font-size:16px; line-height:30px; margin:56px 50px 0 10px; padding:0;}
.act-banner .imgtitle .icon{ position:absolute; right:10px; bottom:10px; width:30px; height:30px;}
.dianzan2{ background:url(../images/icon-bigraise-off.png); background-size:30px;}
.dz-on2{ background:url(../images/icon-bigraise-on.png)!important; background-size:30px!important;}
.act-label{ background-color:#fff; height:auto; overflow:hidden; padding:8px; clear:both;}
.act-label span{ float:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; line-height:1.2; margin:4px; padding:6px 6px 5px;}
.label01{ border:#339933 solid 1px; color:#339933;}
.label02{ border:#3399cc solid 1px; color:#3399cc;}
.label03{ border:#ff6600 solid 1px; color:#ff6600;}
.label04{ border:#339999 solid 1px; color:#339999;}
.label05{ border:#993399 solid 1px; color:#993399;}
.label06{ border:#ff3333 solid 1px; color:#ff3333;}
.act-info{ height:auto; overflow:hidden; clear:both;}
.act-info ul{ background-color:#fff; height:auto; overflow:hidden; border-top:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px; margin-bottom:12px; clear:both;}
.act-info ul li{ position:relative; height:auto; overflow:hidden; margin-top:-1px; padding:0; clear:both;}
.act-info ul li i{ position:absolute; left:8px; top:16px; width:24px; height:24px;}
.act-info ul li p{ border-top:#dbdbdb solid 1px; color:#555; font-size:14px; line-height:1.2; margin:0 0 0 32px; padding:19px 5px 18px; clear:both;}
.act-info ul li p label{}
.act-info ul li p a{ color:#3299cd; padding-left:2px;}
ul li.link{ background: url(../images/icon-arw.png) right center no-repeat; background-size:20px;}
.icon-date{ background:url(../images/detail-date.png); background-size:100%;}
.icon-org{ background:url(../images/detail-org.png); background-size:100%;}
.icon-place{ background:url(../images/detail-place.png); background-size:100%;}
.icon-time{ background:url(../images/detail-time.png); background-size:100%;}
.icon-type{ background:url(../images/detail-type.png); background-size:100%;}
.icon-phone{ background:url(../images/detail-phone.png); background-size:100%;}
.act-detail{ height:auto; overflow:hidden; font-size:14px; clear:both;}
.act-detail .title{ position:relative; background-color:#fff; height:auto; overflow:hidden; border-top:#dbdbdb solid 1px; color:#555; font-size:14px; font-weight:bold; padding:12px 5px 12px 37px; clear:both;}
.act-detail .title i{ position:absolute; left:9px; top:10px; width:24px; height:24px;}
.act-detail .detail{ background-color:#fff; height:auto; overflow:hidden; border-top:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px; color:#999; line-height:1.5; padding:12px 15px; clear:both;}
.act-detail .infobar{ height:auto; color:#888; font-size:13px; margin:0; padding:10px 15px 15px;}
.icon-detail{ background:url(../images/detail-main.png); background-size:100%;}
.blackbar2{ display:block; width:100%; height:60px; clear:both;}
.btm-btnbar{ position:fixed; left:0; bottom:0px; background-color:#f0f0f0; border-top:#dbdbdb solid 1px; width:100%; height:70px; padding:0 12px;}
.btn-01{ background-color:#eb413d; width:100%; height:46px; font-size:18px; margin:10px auto; outline:none!important;}
.enroll-actinfo{ position:relative; background-color:#fff; min-height:122px; border-bottom:#d7d7d7 solid 1px; padding:15px;}
.enroll-actinfo .imgbox{ position:absolute; left:15px; top:15px; width:130px; height:90px; overflow:hidden;}
.enroll-actinfo .imgbox img{ min-width:130px; min-height:90px;}
.enroll-actinfo .infobar{ margin-left:145px; background:none;}
.enroll-actinfo .infobar h3{ color:#333; font-size:16px; font-weight:bold; margin:0; padding:5px 0;}
.enroll-actinfo .infobar p{ color:#999; margin:0 0 0 -3px; padding:5px 0 0 20px;}
.enroll-actinfo .infobar p.icon-date,
.enroll-actinfo .infobar p.icon-place{ background-position:left 3px; background-repeat:no-repeat; background-size:20px;}
.bar-title{ color:#aaa; font-size:14px; text-align:left; line-height:20px; margin:5px 15px 0; padding:10px 0;}
.enroll-input{ background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.enroll-input ul{ margin:0; padding:0;}
.enroll-input ul li{ position:relative; overflow:hidden; height:60px; border-top:1px solid #ddd; color:#555; font-size:15px; line-height:60px; margin:-1px 0 0 15px; padding-left:68px;}
.enroll-input ul li label{ position:absolute; left:0; top:0; width:68px; text-align:left;}
.enroll-input ul li input{ background-color:transparent; width:100%; height:55px; color:#555; font-size:14px; outline:none;}
.enroll-input ul li input::-moz-placeholder{ color:#c3c3c3;}
.enroll-input ul li input::-webkit-input-placeholder{ color:#c3c3c3;}
.enroll-input ul li input:-ms-input-placeholder{ color:#c3c3c3;}
.state-box{ background-color:#fff; border:#dbdbdb solid 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:15px 10px; padding:15px 20px;}
.state-box h3{ background:url(../images/icon-success.png); background-position:left center; background-repeat:no-repeat; background-size:30px; width:130px; height:30px; color:#333; font-size:20px; line-height:30px; margin:20px auto; padding:0 0 0 35px;}
.state-box p{ color:#999; font-size:14px; line-height:1.8;}
.state-box p b{ color:#555;}
.state-box p.link{ text-align:right;}
.state-box p.link a{ color:#3399cc; text-decoration:underline;}
/* login */
.bg-login{ background-color:#ebebeb;}
.login-title{ height:30px; color:#aaa; font-size:14px; text-align:left; line-height:30px; margin:20px 16px 5px;}
.login-way{ background-color:#fff; height:auto; overflow:hidden; border:#dbdbdb solid 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 16px; padding:20px; clear:both;}
.login-way a{ float:left; width:33.33%; color:#333; font-size:13px; text-align:center; text-decoration:none; padding:65px 0 0;}
.way-wechat{ background:url(../images/login-wechat.png) center top no-repeat; background-size:58px;}
.way-sina{ background:url(../images/login-sina.png) center top no-repeat; background-size:58px;}
.way-qq{ background:url(../images/login-qq.png) center top no-repeat; background-size:58px;}
.login-input{ background-color:#fff; height:auto; overflow:hidden; border:#dbdbdb solid 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 16px; padding:0 16px 0 10px; clear:both;}
.login-input ul{ margin:0; padding:0;}
.login-input li{ position:relative; height:72px; margin-top:-1px;}
.login-input li label{ position:absolute; left:0; top:19px; width:34px; height:34px;}
.icon-username{ background:url(../images/login-user.png); background-size:34px;}
.icon-password{ background:url(../images/login-password.png); background-size:34px;}
.login-input li .inputbox{ border-top:#e1e1e1 solid 1px; margin:0 0 0 40px;}
.login-input li .inputbox input{ background-color:transparent; width:100%; height:50px; color:#555; font-size:14px; border-bottom:#fff solid 1px; margin-top:10px; outline:none;}
.login-btn{ margin:0 16px 0;}
.login-link{ position:relative; height:30px; color:#888; text-align:right; margin:-5px 20px 0;}
.login-link a{ display:inline-block; height:30px; color:#888; font-size:14px; line-height:30px; text-align:center; margin:0 auto;}
.login-link .midline{ display:inline-block; padding:0 10px;}
.redfont{ color:#eb413d!important;}
/* reg */
.reg-input{ margin:0 15px; padding:10px 0 0;}
.reg-input ul{ margin:0; padding:0;}
.reg-input li{ position:relative; background-color:#fff; height:60px; border:#dbdbdb solid 1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:10px 0 0; padding:0 10px;}
.reg-input .phone{ padding-left:55px;}
.reg-input .phone label{ position:absolute; left:10px; top:15px; border-right:#e1e1e1 solid 1px; line-height:30px; padding:0 10px 0 5px;}
.reg-input .yzm{ padding-right:130px;}
.reg-input input{ background-color:transparent; width:100%; height:60px; color:#333; font-size:14px; text-indent:5px; outline:none;}
.reg-input input::-moz-placeholder{ color:#c3c3c3;}
.reg-input input::-webkit-input-placeholder{ color:#c3c3c3;}
.reg-input input:-ms-input-placeholder{ color:#c3c3c3;}
.btn-yzm{ background-color:#fff; position:absolute; top:14px; right:10px; width:96px; height:30px; border:#3399ca solid 1px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#3399ca; font-size:12px;}
.reg-btn{ margin:0 15px;}
.reg-protocol{ color:#aaa; font-size:14px; margin:0 15px;}
.reg-title{ height:20px; border-bottom:#c7c7c7 solid 1px; text-align:center; margin:70px auto 0;}
.reg-title span{ display:inline-block; background-color:#ebebeb; height:42px; color:#858585; line-height:42px; padding:0 20px;}
.reg-way{ height:auto; overflow:hidden; margin:30px 30px 0; clear:both;}
.reg-way a{ float:left; width:33%; color:#333; font-size:13px; text-align:center; padding:65px 0 5px;}
/* 微课 */
.act-banner .classtitle{ position:absolute; left:0; bottom:0; background:url(../images/font-bg.png) bottom repeat-x; background-size:auto 100%; width:100%; height:94px; color:#fff; font-size:15px; text-align:center; padding:60px 10px 0;}
.mnclass-list li{ position:relative; height:auto; min-height:110px; overflow:hidden; border-bottom:#e4e4e4 solid 1px; padding:10px 15px;}
.mnclass-list .imgbox{ position:absolute; right:15px; top:15px; width:134px; height:80px; background-color:#ddd; overflow:hidden;}
.mnclass-list .img{ position:relative; width:134px; height:80px;}
.mnclass-list .title{ height:26px; overflow:hidden; color:#222; font-size:15px; font-weight:bold; line-height:26px; margin:5px 150px 0 0;}
.mnclass-list .intro{ height:32px; overflow:hidden; color:#999; line-height:16px; margin:0 150px 0 0;}
.mnclass-list .price{ height:12px; color:#888; line-height:12px; margin:8px 150px 0 -4px;}
.mnclass-list .price .fr{ color:#888;}
.mnclass-list .price .fr span{ display:inline-block;}
.icon-play-lg{ position:absolute; left:50%; top:50%; background:url(../images/icon-play-lg.png); background-size:80px; width:80px; height:80px; text-align:center; margin:-40px 0 0 -40px;}
.icon-play-nm{ position:absolute; left:50%; top:50%; background:url(../images/icon-play-lg.png); background-size:34px; width:34px; height:34px; text-align:center; margin:-17px 0 0 -17px;}
.icon-play-sm{ background:url(../images/icon-play-sm.png) 0 center no-repeat; background-size:22px; padding-left:22px;}
.mnclass-info{ height:auto; overflow:hidden; line-height:20px; clear:both; padding:18px 10px 18px 15px;}
.mnclass-info .fl{ color:#000; font-size:15px; font-weight:bold;}
.mnclass-detail{ height:auto; overflow:hidden; font-size:14px; clear:both;}
.mnclass-detail .title{ position:relative; background-color:#f0f0f0; height:auto; overflow:hidden; border-top:#d6d6d6 solid 1px; color:#555; font-size:15px; font-weight:bold; padding:12px 5px 12px 36px; clear:both;}
.mnclass-detail .title i{ position:absolute; left:10px; top:11px; width:24px; height:24px;}
.mnclass-detail .detail{ height:auto; overflow:hidden; border-top:#d6d6d6 solid 1px; color:#999; line-height:1.5; padding:12px 15px; clear:both;}
/* 我的 */
.user-header{ background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:12px;}
.user-header a{ display:block; overflow:hidden; background:url(../images/icon-arw.png) 98% center no-repeat; background-size:26px; font-size:16px; color:#222; padding:12px 8px 12px 12px;}
.user-header a:hover{ background-color:#fafafa;}
.user-headerimg{ float:left; width:78px; height:78px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 0;}
.user-headerimg img{ width:78px; height:78px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.user-info{ float:left; margin:12px 0 0 12px;}
.user-info h3{ color:#222; font-size:20px; line-height:30px; margin:0; padding:0;}
.user-info span{ color:#888; font-size:14px;}
.user-list{ padding:12px 0;}
.user-list ul{ background:#fff; border-top:1px solid #ddd; margin-bottom:10px;}
.user-list ul li{ position:relative; border-bottom:1px solid #ddd; height:54px; overflow:hidden;}
.user-list ul li a{ display:block; overflow:hidden; background:url(../images/icon-arw.png) 98% center no-repeat; background-size:26px; font-size:16px; color:#222; line-height:34px; text-decoration:none; padding:10px 8px 10px 13px;}
.user-list ul li a:hover{ background-color:#fafafa;}
.user-list ul li a i{ float:left; width:28px; height:28px; margin-top:3px; margin-right:8px;}
.user-list ul li a i.user-icon00{ background:url(../images/user-00.png) no-repeat center; background-size:100%;}
.user-list ul li a i.user-icon01{ background:url(../images/user-01.png) no-repeat center; background-size:100%;}
.user-list ul li a i.user-icon02{ background:url(../images/user-02.png) no-repeat center; background-size:100%;}
.user-list ul li a i.user-icon03{ background:url(../images/user-03.png) no-repeat center; background-size:100%;}
.user-list ul li a i.user-icon04{ background:url(../images/user-04.png) no-repeat center; background-size:100%;}
.user-list ul li a i.user-icon05{ background:url(../images/user-05.png) no-repeat center; background-size:100%;}
.mesnumber{ position:absolute; right:30px; top:50%; margin:-9px 0 0 0!important;}
.mesnumber i{ background-color:#ea5d5f; width:auto!important; height:18px!important; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; font-style:normal; color:#fff; font-size:12px; line-height:18px; padding:0 5px;}
.mydata-list{ padding-top:10px;}
.mydata-list ul{ background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px; padding:0 12px;}
.mydata-list ul li{ position:relative; overflow:hidden; height:auto; border-top:1px solid #ddd; color:#555; font-size:15px; line-height:50px; margin-top:-1px; padding:0 5px;}
.mydata-list ul li a{ display:block; overflow:hidden; color:#555!important;}
.mydata-list ul li .fr{ color:#999; font-size:14px;}
.mydata-list ul li.headerimg .fl{ line-height:100px;}
.mydata-list ul li.headerimg .fr{ height:80px; margin-top:10px;}
.mydata-list ul li.headerimg .fr img{ width:80px; height:80px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.change-list{ padding:10px 0;}
.change-list ul{ margin:0; padding:0;}
.change-list ul li{ position:relative; overflow:hidden; height:55px; border-bottom:1px solid #ddd; color:#555; font-size:15px; line-height:55px; margin:0 12px; padding-left:80px;}
.change-list ul li label{ position:absolute; left:0; top:0; width:80px; text-align:right;}
.change-list ul li input{ background-color:transparent; width:100%; height:55px; color:#555; font-size:14px; outline:none; line-height:1.3;}
.change-list ul li input::-moz-placeholder{ color:#c3c3c3;}
.change-list ul li input::-webkit-input-placeholder{ color:#c3c3c3;}
.change-list ul li input:-ms-input-placeholder{ color:#c3c3c3;}
.change-list ul li.yzm{ padding-right:85px;}
.change-list ul li.yzm .btn-yzm{ top:12px; right:0; line-height:30px;}
.hint{ color:#ccc; font-size:13px; margin:0; padding:10px 12px;}
.hint2{ color:#888!important;}
.binding-hint{ color:#ccc; font-size:13px; margin:12px 0 0; padding:15px 12px;}
.binding-hint b{ color:#333;}
.binding{ margin:0 10px!important; padding:0!important;}
.binding li{ height:54px!important; margin:0!important;}
.binding input{ height:54px!important;}
.binding .phone label{ top:12px!important;}
.binding-link{ color:#555; font-size:13px; text-align:right; margin:2px 10px;}
.binding-link a{ color:#6699cc;}
.btnbar-01{ margin:0 10px;}
.area-title{ height:20px; color:#aaa; font-size:14px; text-align:left; line-height:20px; margin:15px 10px 0;}
.area-box{ background-color:#fff; overflow:hidden; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; margin:5px 0 0;}
.opinion-area{ width:100%; height:200px; overflow:hidden; color:#555; font-size:14px; line-height:1.2; padding:8px 10px; outline:none;}
.opinion-input{ width:100%; height:50px; color:#555; font-size:14px; padding:10px; outline:none;}
.area-box textarea::-moz-placeholder{ color:#aaa;}
.area-box textarea::-webkit-input-placeholder{ color:#aaa;}
.area-box textarea:-ms-input-placeholder{ color:#aaa;}
.area-box input::-moz-placeholder{ color:#aaa;}
.area-box input::-webkit-input-placeholder{ color:#aaa;}
.area-box input:-ms-input-placeholder{ color:#aaa;}
.set-list{ height:auto; overflow:hidden; clear:both;}
.set-list ul{ background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 0 10px; padding:0 10px;}
.set-list li{ position:relative; height:auto; overflow:hidden; border-top:1px solid #ddd; color:#555; font-size:16px; line-height:20px; margin-top:-1px; padding:20px 5px;}
.set-list li a{ display:block; overflow:hidden;}
.set-list li p{ margin:5px 0; padding:0;}
.set-list li p.intro{ color:#aaa; font-size:12px;}
.set-list li .fr{ color:#999; font-size:14px;}
.set-list li.skip{ background:url(../images/icon-arw.png) 99% center no-repeat; background-size:20px; }
.setbtn{ position:absolute; top:50%; right:5px; width:80px; height:50px; margin:-25px 0 0 0;}
.set-on{ background:url(../images/set-on.png) right center no-repeat; background-size:55px auto;}
.set-off{ background:url(../images/set-off.png) right center no-repeat; background-size:55px auto;}
.btm-btnbar2{ position:fixed; left:0; bottom:0px; background-color:#f0f0f0; width:100%; height:70px; padding:0 12px;}
.meslist{ height:auto; overflow:hidden; padding:5px 0;}
.meslist li{ position:relative; background:#fff; margin:5px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.meslist li a{ display:block; background:url(../images/icon-arw3.png) 99% center no-repeat; background-size:24px; line-height:1.3; text-decoration:none; padding:10px 20px;}
.meslist li h3{ color:#333; font-size:16px; font-weight:bold; margin:0; padding:10px 0;}
.meslist li p{ font-size:13px; color:#666; margin:0 0 6px 0;}
.meslist li p.time{ font-size:12px; color:#aaa;}
.meslist li .icon-unread{ position:absolute; left:8px; top:25px;}
.icon-unread{ display:none; background-color:#ea5d5f; width:6px; height:6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.meslist li.unread .icon-unread{ display:block;}
.details-title{ color:#333; font-size:16px; font-weight:bold; margin:18px 12px 0 12px;}
.details-time{ font-size:13px; color:#999; padding-bottom:2px; margin:8px 12px 0 12px;}
.details-main{ font-size:14px; color:#666; line-height:1.3em; margin:10px 12px 30px 12px;}
.social-list li{ display:block; border-top:#e0e0e0 solid 1px; color:#333; font-size:16px; line-height:50px; margin:-1px 0 0 0; padding:15px; clear:both;}
.social-list li:hover{ background-color:#fafafa;}
.social-list li i{ float:left; width:50px; height:50px; background-size:100%; margin-right:12px;}
.social-qq{ background-image:url(../images/social-qq.png);}
.social-qzone{ background-image:url(../images/social-qzone.png);}
.social-wechat{ background-image:url(../images/social-wechat.png);}
.social-circle{ background-image:url(../images/social-circle.png);}
.social-sina{ background-image:url(../images/social-sina.png);}
.store-list li{ display:block; height:auto; overflow:hidden; border-top:#e0e0e0 solid 1px; color:#333; font-size:16px; margin:-1px 0 0 0; padding:15px; clear:both;}
.store-list li:hover{ background-color:#fafafa;}
.store-list li .imgbox{ float:left; width:46px; height:46px; background-size:100%; margin-right:12px;}
.store-list li .name{ float:left;}
.store-list li .name h3{ display:block; color:#000; font-size:18px; margin:2px 0; padding:0;}
.store-list li .name span{ display:block; color:#999; font-size:12px; margin:8px 0 0; padding:0;}
.store-list li .btnbox{ float:right; margin-top:6px;}
.store-list li .btnbox .btn{ font-size:12px!important; padding:6px 18px!important;}
.btn-02{ background-color:#3399ca!important; border:#3399ca;}
.btn-03{ background-color:#78c402!important; border:#78c402;}
/* 吐槽 */
.icon-add{ background:url(../images/icon-add.png);}
.newmes-box{ height:auto; text-align:center; padding:10px 0;}
.newmes-box span{ display:inline-block; background-color:#bbb; height:46px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; font-size:14px; line-height:30px; padding:8px 10px;}
.newmes-box span img{ float:left; width:30px; height:30px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:8px;}
.ridicule-top{ border-bottom:#ddd solid 1px; margin:0; padding:0;}
.ridicule-top ul{ margin:0; padding:0;}
.ridicule-top li{ background-color:#fff; height:auto; overflow:hidden; border-top:#ddd solid 1px; color:#555; font-size:14px; padding:12px 12px;}
.label-top{ background-color:#3399cc; padding:.2em .6em .3em!important;}
.ridicule-list{ font-size:14px; margin:0; padding:0 0 20px;}
.ridicule-list ul{ margin:0; padding:0;}
.ridicule-list li{ background-color:#fff; height:auto; overflow:hidden; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; margin:10px 0 0;}
.ridicule-list .userinfo{ height:auto; overflow:hidden; clear:both; margin:12px 12px 0;}
.ridicule-list .userinfo p{ color:#888; font-size:15px; margin:2px 0 0; padding:0;}
.ridicule-list .userinfo p.headerimg{ float:left; width:45px; height:45px; margin:0 10px 0 0;}
.ridicule-list .userinfo p.time{ color:#aaa; font-size:12px;}
.ridicule-list .userinfo p.time .del{ padding-left:10px;}
.ridicule-list .userinfo p.time .position{ padding-right:10px;}
.ridicule-list .content{ height:auto; overflow:hidden; color:#373737; font-size:16px; margin:0 12px; padding:10px 0; clear:both;}
.ridicule-list .content .font{ height:113px; overflow:hidden; margin:0; padding:0 0 5px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.ridicule-list .content .imgs{ margin:0; padding:0 0 5px;}
.ridicule-list .content .imgs img{ max-height:100px; margin:0 4px 4px 0;}
.ridicule-list .content .moreimg img{ width:100px; height:100px;}
.ridicule-list .content .fourimg{ width:250px;}
.ridicule-list .opebar{ height:38px; overflow:hidden; border-top:#e5e5e5 solid 1px; color:#373737; font-size:14px; line-height:38px; padding:0; clear:both;}
.ridicule-list .opebar a{ float:left; width:33%; color:#888; text-align:center;}
.ridicule-list .opebar a span{ display:inline-block; background-position:0 center; background-repeat:no-repeat; background-color:20px; background-size:22px; padding-left:24px;}
.ridicule-list .opebar .line{ float:left; background-color:#e5e5e5; width:1px; height:20px; margin-top:8px;}
.ridicule-replay{ background-image:url(../images/ridicule-replay.png);}
.ridicule-raise{ background-image:url(../images/ridicule-raise-off.png);}
.ridicule-share{ background-image:url(../images/ridicule-share.png);}
.ridicule-list li .opebar a span.raise-on{ background-image:url(../images/ridicule-raise-on.png); color:#ea423c}
.ridicule-detail{ background-color:#fff; height:auto; overflow:hidden; border-bottom:#ddd solid 1px; margin-top:0; padding-bottom:0;}
.reply-list{ margin:10px 0; padding:0;}
.reply-list{ height:auto; overflow:hidden;}
.reply-list ul{ background-color:#fff; border-top:#d7d7d7 solid 1px; border-bottom:#d7d7d7 solid 1px; margin:0; padding:0;}
.reply-list li{ position:relative; border-top:#ececec solid 1px; margin:0; margin-top:-1px; padding:12px;}
.reply-list li .headerimg{ position:absolute; left:12px; top:12px; width:36px; height:36px;}
.reply-list li .reply-main{ margin-left:46px;}
.reply-list li .reply-main p{ height:auto; overflow:hidden; margin:2px 0 0; padding:2px 0;  clear:both;}
.reply-list li .reply-main p .name{ float:left; color:#888; font-size:14px; line-height:14px;}
.reply-list li .reply-main p .time{ float:right; color:#aaa; font-size:12px; line-height:14px;}
.reply-list li .reply-main .main{ color:#000; font-size:16px;}
.reply-list li .reply-main .main .at{ color:#1d89e4;}
.label-landlord{ float:left; background-color:#fc6800; margin-left:5px; padding:.2em .6em .3em!important;}
.btm-reply{ height:60px!important;}
.reply-btn{ position:relative; width:100%; height:auto; overflow:hidden;}
.reply-btn .reply-input{ margin:10px 60px 0 0;}
.reply-btn .reply-input input{ background-color:#fff; width:100%; height:34px; border:#e3e3e3 solid 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:555; font-size:15px; padding:0 8px;}
.reply-btn .disabled{ color:#ccc!important;}
.btn-reply{ position:absolute; right:0; top:10px;}
.anonymous{ position:absolute; background-color:#ddd; left:50%; top:6px; width:84px; height:33px; margin:0 0 0 -42px;}
.am-off{ background:url(../images/set-signature.png); background-size:100% auto;}
.am-off span{ float:left; background:url(../images/set-signature2.png); background-size:100%; width:33px; height:33px;}
.am-on{ background:url(../images/set-anonymous.png); background-size:100% auto;}
.am-on span{ float:right; background:url(../images/set-anonymous2.png); background-size:100%; width:33px; height:33px;}
.publish-area{ background-color:transparent; width:100%; height:200px; overflow:hidden; color:#555; font-size:14px; line-height:1.2; padding:15px 10px; outline:none;}
.publish-position{ height:auto; overflow:hidden; margin:0 10px; padding:10px 0;}
.publish-position span{ float:left; background:url(../images/position-icon.png) 3px center no-repeat; background-size:26px; background-color:#3399ca; height:28px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; color:#fff; line-height:28px; padding:0 0 0 26px;}
.publish-position span .del{ float:right; background:url(../images/position-close.png) center no-repeat; background-size:26px; width:30px; height:28px; margin-left:10px;}
.publish-position i{ font-style:normal;}
.publish-img{ height:auto; overflow:hidden; margin:0 6px; padding:0 0 10px;}
.publish-img li{ position:relative; float:left; width:50%; padding:0 5px 10px;}
.publish-img li .del{ position:absolute; right:10px; top:5px; background:url(../images/icon-delete.png); background-size:100%; width:26px; height:26px; cursor:pointer;}
.btm-publish{ background-color:#fff!important; height:42px!important; border:none!important; padding:0!important;}
.btm-publish a{ float:left; width:50%; height:42px; text-align:center;}
.btm-publish a img{ width:30px; margin:6px 0 0;}
.btm-publish .line{ position:absolute; display:block; left:50%; background-color:#c8c6c7; width:2px; height:26px; margin:8px 0 0;}
.comment-list ul{ margin:0; padding:0;}
.comment-list li{ display:block; height:auto; overflow:hidden; border-bottom:#e0e0e0 solid 1px; line-height:1.3; margin:0; padding:12px; clear:both;}
.comment-list li:hover{ background-color:#fafafa;}
.comment-list li .headerimg{ float:left; width:56px; height:56px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.comment-list li .name{ float:left; margin-left:10px;}
.comment-list li .name h3{ display:block; color:#4b608d; font-size:16px; margin:2px 0; padding:4px 0;}
.comment-list li .name p{ color:#000; font-size:14px; margin:2px 0 0; padding:0;}
.comment-list li .name p.time{ color:#999; font-size:14px; font-weight:normal;}
.comment-list li .imgbox{ float:right; position:relative; background-color:#f6f6f6; width:72px; height:72px; overflow:hidden; color:#aaa; font-size:13px; padding:3px;}
.comment-list li .imgbox img{ position:absolute; left:0; top:0; width:72px; height:72px;}
.morelink a{ display:block; text-align:center; color:#555; font-size:16px; line-height:60px; text-decoration:none;}
/* 分享方式选择 */
.share-popbox{ position:relative; z-index:999;}
.shadowbox{ position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background-color:#000; -moz-opacity:0.30 !important; filter:alpha(opacity=30); opacity: 0.30;  _-moz-opacity:0.30;}
.shareway-list{ position:fixed; z-index:9999; left:50%; top:50%; background-color:#fafafa; width:90%; height:280px; border-radius:5px; margin:-180px 0 0 -45%; padding:0 20px;}
.shareway-list h3{ color:#aaa; font-size:16px; text-align:center; margin:20px 0; padding:0;}
.shareway-list li{ float:left; width:33.33%; text-align:center; margin:-1px 0 0 0; padding:15px;}
.shareway-list li:hover{ background-color:#fafafa;}
.shareway-list li i{ display:inline-block; width:52px; height:52px; background-size:100%; clear:both;}
.shareway-list li span{ display:block; clear:both;}

/* 我的吐槽 */
.myridicule-banner{ position:relative; background:url(../images/myhome-bg.png) center top  no-repeat; background-size:100% auto; height:180px;}
.myridicule-banner .headerimg{ position:absolute; z-index:99; left:25px; bottom:-45px; background:url(../images/myhome-headerimgbg.png); background-size:100%; width:100px; height:100px; padding:7px;}
.myridicule-banner .headerimg img{ width:100%; height:100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.myridicule-banner .name{ position:absolute; left:135px; bottom:10px; color:#fff; font-size:22px; text-shadow:0 0 6px #555;}
.myridicule-banner .signature{ position:absolute; left:135px; right:5px; bottom:-45px;}
.myridicule-banner .signature textarea{ background-color:transparent; width:100%; color:#999; font-size:13px; resize:none;}
.myridicule-list{ margin:40px 0 0; padding:0;}
.myridicule-list ul{ margin:0; padding:0;}
.myridicule-list li{ position:relative; height:auto; overflow:hidden; margin:0; padding:0;}
.myridicule-list .day{ position:absolute; top:0; left:0; background:url(../images/myhome-point.png) right 13px no-repeat; background-size:15px; width:83px; height:40px; color:#333; font-weight:bold; text-align:right; line-height:30px; padding:0 16px 0 0;}
.myridicule-list .day b{ font-size:26px; padding-right:2px;}
.myridicule-list .today{ font-size:20px; line-height:40px;}
.myridicule-list .main{ background:url(../images/myhome-dotted.png) left 21px no-repeat; background-size:18px auto; height:auto; overflow:hidden; border-left:#ddd solid 2px; margin:0 0 0 75px; padding:20px 10px 5px 20px;}
.myridicule-list .list{ height:auto; overflow:hidden; color:#000; font-size:14px; line-height:1.2; margin:0 0 5px; clear:both;}
.myridicule-list .add{ float:left; background:url(../images/myhome-add.png); background-size:100%; width:88px; height:88px;}
.myridicule-list .font{ background-color:#ececec; padding:8px;}
.myridicule-list .list p{ margin:0; padding:0;}
.myridicule-list .list .imgbox{ float:left; width:95px; height:88px;}
.myridicule-list .list .imgbox span{ float:left; overflow:hidden;}
.myridicule-list .list .imgbox span img{ min-width:100%; min-height:100%; max-width:200%; max-height:200%;}
.imgnum01 .imgbox span{ width:88px; height:88px;}
.imgnum02 .imgbox span{ width:43px; height:88px; margin-right:2px;}
.imgnum03 .imgbox span{ width:43px; height:43px; margin-right:2px; margin-bottom:2px;}
.imgnum03 .imgbox span.frist{ width:43px; height:88px;}
.imgnum04 .imgbox span{ width:43px; height:43px; margin-right:2px; margin-bottom:2px;}
.myridicule-list .list .title{ color:#000!important; height:54px; overflow:hidden; line-height:18px;}
.myridicule-list .list .number{ color:#888; font-size:11px; margin-top:18px;}
.endbar{ background:none!important;}
.endline{ display:block; background:url(../images/end-line.png) left top no-repeat; background-size:250px; height:20px;}
/* 图片轮播导航 */
.act-banner{ position:relative;}
.slider-nav{ position:absolute; right:5px; top:0;}
.slider-nav ul{ margin:0; padding:0;}
.slider-item{ background-color:#ddd; opacity:0.3; display:inline-block; _display:inline; _zoom:1; width:14px; height:5px;  border-radius:2px;  _font-size:0; box-shadow:0 0 1px #666; margin:0 2px 0 0; padding:0; cursor:pointer;}
.slider-selected{ background-color:#eee; opacity:1; box-shadow:0 0 1px #999;}

/* 重置密码成功 */
.state-box2{ background-color:#fff; border:#dbdbdb solid 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:15px 10px 0; padding:60px 20px;}
.state-box2 h3{ background:url(../images/icon-success.png); background-position:left center; background-repeat:no-repeat; background-size:30px; width:240px; height:30px; color:#333; font-size:18px; line-height:30px; margin:0 auto; padding:0 0 0 35px;}
.state-box2 p{ width:240px; color:#999; font-size:14px; line-height:1.8; margin:0 auto; padding:0 0 0 35px;}
.state-box2 p b{ color:#555;}
.state-box2 p.link{ text-align:right;}
.state-box2 p.link a{ color:#3399cc; text-decoration:underline;}

/* 搜索页修改 */
.hd-search-box{ position:relative;}
.hd-search-box .delete{ position:absolute; right:8px; top:16px; float:left; width:16px; height:16px; background:url(../images/position-close.png) center no-repeat; background-size:18px; background-color:#ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.hd-search-btn{ margin:6px 0 0!important;}
.btn-search{ width:45px; text-align:center; color:#fff!important; font-size:15px; text-decoration:none!important; padding:8px 0 7px;}

/* 空值 */
.nullbox{ position:absolute; left:50%; top:50%; width:200px; text-align:center; margin:-65px 0 0 -100px;}
.nullbox i{ display:inline-block; width:86px; height:86px; background-size:100%;}
.nullbox p{ color:#aaa; font-size:16px; text-align:center; line-height:1.5;}
.null-search{ margin-top:-75px;}
.null-search i{ width:120px!important; height:120px!important;}
.null-image{ margin-top:-30px;}
.null-image i{ width:60px!important; height:60px!important;}
.null-act{ margin-top:30px;}
.null-act p{ margin-top:-10px;}
.null-video{ margin-top:10px;}
.null-video p{ margin-top:-10px;}
.null-mes p{ margin-top:-10px;}
.icon-null-search{ background-image:url(../images/null/null_search.png);}
.icon-null-act{ background-image:url(../images/null/null_act.png);}
.icon-null-video{ background-image:url(../images/null/null_video.png);}
.icon-null-tucao{ background-image:url(../images/null/null_tucao.png);}
.icon-null-mes{ background-image:url(../images/null/null_mes.png);}
.icon-null-image{ background-image:url(../images/null/null_image.png);}
.act-banner{ background-color:#eee!important;}

/* 注册成功 */
.regsuccess{ height:auto; margin:5px 15px 0!important; padding:0!important;}
.regsuccess li{ height:54px!important; margin:0!important;}
.regsuccess input{ font-size:15px!important; height:54px!important;}
.regsuccess .nickname label{ top:12px!important;}
.reg-input .nickname{ padding-left:55px;}
.reg-input .nickname label{ position:absolute; left:10px; top:15px; font-size:15px; line-height:30px; padding:0 10px 0 5px;}

/* 暂无评论 */
.nullbox-reply{ text-align:center; margin:50px 0; word-break:break-all;}
.nullbox-reply p{ display:inline-block; background-position:0 center; background-repeat:no-repeat; background-size:26px; color:#aaa; font-size:16px; text-align:center; line-height:26px; padding-left:32px;}
.btm-reply{ background-color:#f5f5f5;}

/* 微信分享 */
.wxshare{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url(../images/wx-share.png); background-size:100% auto;}

/* 我的吐槽增加评论列表入口 */
.icon-message{ background:url(../images/ridicule-replay.png);}

/* 个人资料 */
.mydata-list ul li .inputbar{ margin-left:60px;}
.mydata-list ul li label{ position:absolute; left:5px; top:0; width:70px; text-align:left; font-weight:normal;}
.mydata-list ul li input{ background-color:transparent; width:100%; height:50px; color:#999; font-size:14px; text-align:right; line-height:1.3; outline:none;}

/* header固定 */
/*.viewport{ padding-top:48px;}*/
header{ position:fixed; top:0; left:0; z-index:99999;}

/* 地区、学校选择 */
.choosemenu-list{ position:fixed; top:48px; left:0; bottom:0; right:0;}
.choosemenu-list ul{ width:100%; height:100%; overflow:auto;}
.choosemenu-list .choose-frist{ position:absolute; left:0; top:0; background:#e8e8e8; width:90px; height:100%;}
.choosemenu-list .choose-frist ul li{ height:auto; border-left:#e8e8e8 solid 5px; color:#333; font-size:14px; text-align:center; line-height:36px; padding:0 5px;}
.choosemenu-list .choose-frist ul li a{ display:block; overflow:hidden; color:#333!important; text-decoration:none;}
.choosemenu-list .choose-frist ul li.active{ background-color:#fff; border-left:#e13e3f solid 5px; color:#e13e3f;}
.choosemenu-list .choose-frist ul li.active a{ color:#e13e3f!important;}
.choosemenu-list .choose-two{ background-color:#f8f8f8; height:100%; margin-left:90px; line-height:47px;}
.choosemenu-list .choose-two ul li{ position:relative; overflow:hidden; width:100%; height:auto; color:#333; font-size:14px; line-height:40px; padding:0 15px;}
.choosemenu-list .choose-two ul li a{ display:block; overflow:hidden; border-bottom:1px solid #ebebeb; color:#333!important; text-decoration:none; padding:0 2px;}
.choosemenu-list .choose-two ul li:last-child a{ border-bottom:0;}
.choosemenu-list .choose-two ul li.active{ background-color:#fff; color:#e13e3f;}
.choosemenu-list .choose-two ul li.active a{ background:url(../images/icon-chooseon.png) 98% center no-repeat; background-size:17px; color:#e13e3f!important;}
.choosemenu-list .choose-area{ width:120px;}
.choosemenu-list .choose-school{ margin-left:120px;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 0;
    height: 0;
    background-color:transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius:6px;
    background-color:transparent;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 6px;
    background-color: #ccc;
}

/* 发布吐槽修改按钮 */
.btm-publish2{ background-color:#fff!important; height:50px!important; border:none!important; padding:0!important;}
.btm-publish2 a{ display:block; height:50px; text-align:center;}
.btm-publish2 a img{ width:34px; margin:6px 0 0;}

/* 发布吐槽上传图片 */
.publish-img li{ width:33.33%!important; padding:0 4px 8px!important;}
.publish-img li .del{ z-index:9;}
.publish-img .state{ position:relative;}
.publish-img .uping .upicon{ position:absolute; left:0; top:0; bottom:0; width:100%; background-image:url(../images/upload/uploading.gif); background-position:center; background-repeat:no-repeat; background-size:20px; filter: Alpha(Opacity=50); background-color: rgba(255, 255, 255, 0.5);}

/* 关于我们+版本介绍+用户协议 */
.about-logo{ width:88px; height:88px; margin:30px auto 0;}
.about-logotit{ color:#4a8cd3; font-size:18px; text-align:center;}
.about-version{ color:#888; font-size:14px; text-align:center; margin-top:5px;}
.about-title{ color:#444; font-size:15px; font-weight:bold; margin:30px 20px 0;}
.about-main{ color:#666; font-size:14px; line-height:1.5; margin:10px 20px 30px;}
.about-main p{ text-indent:2em; margin:10px 0;}
.about-main .link{ text-align:center; text-decoration:underline;}
.contact-main{ color:#666; font-size:14px; line-height:1.5; margin:20px 0 50px;}
.contact-list{ position:relative; display:block; height:auto; overflow:hidden; line-height:20px;}
.contact-list .left{ position:absolute; left:20px; top:20px; width:100px; color:#555;}
.contact-list .right{ display:block; border-top:1px solid #e8e8e8; color:#999; text-align:right; margin:0 12px 0 12px; padding:20px 8px 20px 88px;}
.version-main{ color:#555; font-size:16px; line-height:1.3; margin:30px 20px;}
.version-main p{ margin:20px 0;}
.version-main .tit{ color:#333; margin:30px 0 20px!important;}
.version-main .list{ position:relative; padding-left:32px;}
.version-main .number{ position:absolute; left:0; top:0; display:block; background-color:#58bbb8; width:22px; height:22px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; font-size:14px; font-style:normal; text-align:center; line-height:22px; margin-right:10px;}
.agreement-title{ color:#333; font-size:22px; font-weight:bold; text-align:center; margin:30px 20px 0;}
.agreement-main{ color:#555; font-size:14px; line-height:1.5; margin:20px 20px 30px;}
.agreement-main p{ margin:1em 0;}
.agreement-main p.endline{ background-position:center!important;}

/* 手机自适应 */
@media screen and (max-width: 768px) {
    .verify-box{ left:20px; right:20px; width:auto; height:auto; overflow:hidden; background-color:transparent; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0); text-align:center; margin:-120px 0 0 0; padding:70px 0 0 0;}
    .verify-icon{ left:50%; top:0; margin-left:-30px;}
    .verify-icon img{ width:60px; height:60px;}
    .verify-hint{ padding:4px 0;}
    .verify-btn a{ display:inline-block;}
}

/* 意见反馈 */
.area-title{ height:20px; color:#aaa; font-size:14px; text-align:left; line-height:20px; margin:12px 10px 0;}
.area-box{ position:relative; background-color:#fff; overflow:hidden; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; margin:5px 0 0;}
.opinion-area{ width:100%; height:200px; overflow:hidden; color:#555; font-size:14px; line-height:1.2; padding:12px 10px; outline:none;}
.opinion-input{ width:100%; height:50px; color:#555; font-size:14px; padding:10px; outline:none;}
.area-box textarea::-moz-placeholder{ color:#aaa;}
.area-box textarea::-webkit-input-placeholder{ color:#aaa;}
.area-box textarea:-ms-input-placeholder{ color:#aaa;}
.area-box input::-moz-placeholder{ color:#aaa;}
.area-box input::-webkit-input-placeholder{ color:#aaa;}
.area-box input:-ms-input-placeholder{ color:#aaa;}
.textarea-box{ display:block;}
.upload-img{ position:absolute; top:14px; right:14px; width:72px; height:72px; background:url(../images/feedback_upload.png) center no-repeat; background-size:100%;}
.btm-btn{ margin:0 10px;}
.btn-01{ background-color:#1da3f8; width:100%; height:46px; color:#fff!important; font-size:16px; margin:10px auto; outline:none!important;}
.btn-01:hover,
.btn-01:active{ background-color:#1191e3;}
.area-contact{ color:#aaa; font-size:13px; text-align:center; line-height:16px; margin:0 10px 12px;}
.area-contact span{ color:#777;}
.login-error{ height:auto; color:#eb6565; font-size:13px; text-align:center; line-height:14px; padding:16px 0 0;}