body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0}
body{font:12px/1.5 'microsoft YaHei',simhei,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%}
div,p,li,dt,dd,td{word-break:break-all;word-wrap:break-word}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
fieldset,img{border:0}
img{vertical-align:bottom}
em{font-style:normal}
strong{font-weight:normal}
input,button,textarea,select{font-size:100%; font-weight:inherit;font-family:inherit}
input,select,button{vertical-align:middle}
textarea{vertical-align:top}
button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

/*home*/
.wrap{width:985px;margin:0 auto}
.wrapheader{ddbackground:url(../images/bg_head.png) repeat-x;  padding: 0px 0; border-bottom: 1px solid #ccc;}
.wrapconent{
    clear: both;
    padding: 100px 0 30px 0;
    overflow: hidden;
}

.content{overflow:hidden; padding: 0px 0;}
.content,.content a{color:#342013}
.page1 .content_left{float:left;}
.page1 .content_right{float:left;width:560px;margin-top:20px}

.imgplay{position:relative;left:30px;top:20px;width:423px;height:654px;background:url(../images/img/phone.png) no-repeat;}
.imgplay_btn{position:absolute;top:278px;overflow:hidden;width:50px;height:50px;line-height:999px;}
.imgplay_left:hover{background:url(../images/publicImg/zuo_hover.png) no-repeat;}
.imgplay_left{left:-30px;z-index:2;background:url(../images/publicImg/zuo.png) no-repeat};

.imgplay_left_off,.imgplay_left_off:hover{background:url(../images/publicImg/zuo_hover.png) no-repeat}
.imgplay_right{right:33px;background:url(../images/publicImg/you.png) no-repeat}
.imgplay_right:hover{background:url(../images/publicImg/you_hover.png) no-repeat}
.imgplay_right_off,.imgplay_right_off:hover{background:url(../images/publicImg/you_hover.png) no-repeat}

.imgplay_con{top:119px;left:32px;height:416px;width:278px;position:absolute;overflow:hidden;}
.showbox{width:1390px;display:inline-block;height:416px;}
.showbox span{float:left;}

.intro{line-height:27px;padding-top:45px;color:#fff;}
.intro ul{margin-top:10px;margin-left:30px}
.intro ul li{line-height:normal;padding:5px 0;*padding:4px 0;_padding:5px 0;font-size:13px}

.lookforit{margin-top:20px}
.download{float:left;margin-right:22px}
.download_ios,.download_android{display:block;width:214px;height:81px}
.download_ios{background:url(../images/ios_download.png) no-repeat}
.download_ios:hover{background:url(../images/ios_download1.png) no-repeat}
.download_android{background:url(../images/android_download.png) no-repeat}
.download_android:hover{background:url(../images/android_download1.png) no-repeat}
.download ul{margin-top:5px;color:#303b49}
.download ul li a {color:#303b49}
.download_more{margin:10px 0 0 10px;}
.download_more a{color:#303b49;}
.attention{margin-top:10px;color:#303b49;}
.attention a{margin-right:5px}
.con_title{font-size: 20px;font-weight: bold;height: 25px;margin-bottom: 5px;}
.contact{margin-left: 20px;margin-top: 20px;line-height:normal;font-size:14px}
.contact p{margin-bottom:10px;}
/*.footer{height:123px;}*/
.copyright{padding-top:80px;text-align:center;color:#5877a1;font-size:12px}
.copyright a { color: #5877a1;}
.copyright a:hover { text-decoration: underline;}

/*download*/
.page2 .content_left{float:left;width:492px;overflow:hidden}
.page2 .content_right{float:right;width:492px;overflow:hidden}
.download_section{height:700px}
/***.download_section h2{margin:20px 0 0 30px;color:#fff;font-size:26px;font-family:"黑体"}**/
.download_section h2{margin:45px 0px 65px 20px;font-size:26px;}
.fclor:{color:#fff;}
.download_section_left{float:left}
.download_section_right{margin:10px 0 0 260px}
.download_section .download{width:230px;line-height:20px;margin-right:0;margin-bottom:5px;_margin-bottom:-5px;white-space:nowrap}
.download_section .download li{_height:20px}
.code{display:block;margin:5px 0 0 12px}
.download_form_others ul li{float:left;padding:5px 5px 0 5px}

/*Q&A*/
.qa{padding:10px 0 10px; border-bottom: 1px solid #666; color:#017caf;font-size:14px;}

/*联系*/
.contact_us .content{min-height:530px}
.contact_us .desc{line-height:24px;padding:0px 0 30px;background:url(../images/publicImg/contact_line.png) repeat-x left bottom;font-size:14px;font-weight:bold;}
.contact_us h2{line-height:30px;font-weight:normal;}
.contact_us h3{line-height:30px;font-family:'microsoft YaHei',simhei,sans-serif}
.contact_us h3 span{*margin-right:5px}
.attent a,
.mail_pic{display:inline-block;width:32px;height:32px;background:url(../images/publicImg/contact_icon_bg.png) no-repeat;margin:0 10px}
.attent a span,
.mail_pic span{display:inline-block;width:26px;height:26px;margin:2px 0 0 2px;background:url(../images/publicImg/contact_imgs.png) no-repeat;cursor:pointer;}
.attent a.sina_weibo span{background-position:0 0}
.attent a.qq_weibo span{background-position:-47px 0}
.attent a.twitter span{background-position:-94px 0}
.attent a.renren span{background-position:-141px 0}
.attent h3,
.mail h3{margin-bottom:5px;font-weight:normal;}
.mail_pic span{background-position:-184px 0;}
.mail a{position:relative;top:-10px}
.mail a{text-decoration:underline;font-weight:normal;}
.message{width:317px}
.message h3{font-weight:normal; margin: 10px 0 0 0; height: 24px; line-height: 24px; position: relative; z-index: 1;}
.message .tip { position: absolute; top: 0; right: 5px; display: none;}
.message_input_wrap{display:block;width:317px;height:110px;background:url(../images/publicImg/contact_input_bg.png) no-repeat;}
.message_email_wrap{display:block;width:317px;height:40px;background:url(../images/publicImg/contact_email_bg.png) no-repeat;}
.message_input_wrap textarea{overflow-y:auto;width:300px;height:90px;margin: 10px 0 0 10px;background:transparent;border:none;color:#000;}
.message_email_wrap input{overflow-y:auto;width:300px;height:20px;margin: 8px 0 0 10px;background:transparent;border:none;}
.message button{float:right;overflow:hidden;width:64px;height:38px;line-height:999px;margin-top:5px;background:url(../images/publicImg/contact_submit.png) no-repeat;border:none}
.attent{float:left; position: relative;z-index: 999;}
.attent .a-icon {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-image: url("../ugcImg/login-btn.png");
    background-repeat: no-repeat;
    color: #333;
}
.attent a:hover{
    opacity: 0.8;
}
.attent .sina {
    background-position: -10px -170px;
    margin-left: 5px;
}
.attent .weixin {
    background-position: -10px -314px;
    margin-left: 30px;
}
.attent #weixin-code{
    position: absolute;
    z-index: 999;
    top: 100px;
    background-color: #ffffff;
    width: 195px;
    height: 195px;
    border: 1px solid #F1F1F1;
    padding: 10px 10px 15px 10px;
    border-radius: 8px;
    float: left;
    -webkit-box-shadow: 2px 3px 4px #cdcdcd;
    box-shadow: 2px 3px 4px #cdcdcd;
    margin: 10px 10px 10px 0px;
    display: none;
}
.attent #weixin-code > img{
    width: 100%;
    height: 100%;
}
.attent #weixin-code > span{
    position: absolute;
    bottom: 5px;
    left: 20px;
}
.attent #weixin-code > i{
    position: absolute;
    font-size: 18px;
    right: 5px;
    top: 0;
    color: #999;
    cursor: pointer;
}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid #F1F1F1;
    position: absolute;
    top: -15px;
    left: 112px;
}
.contact_to{margin-left:470px}
.message_input_wrap textarea {outline:none}

.page3 .content_left{float:left; height:1035px;width:492px;overflow:hidden}
.page3 .content_right{float:right;height:1035px;width:492px;overflow:hidden}

.contact_type p{line-height:30px;font-weight:normal;}

.upload-two .uploadify-queue { margin: 0; padding: 0; width: 520px;}

/* 版权 */
.copyright-box {
    padding: 20px 30px;
    font-size: 14px;
    color: #434343;
    position: relative;
}
.copyright-box .con {
    width: 600px;
    margin: 20px auto;
    padding: 20px 35px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #ddd;
}
.copyright-box .icon-agr {
    position: absolute;
    right: 60px;
    top: 200px;
    width: 240px;
    height: 200px;
    background: url("../images/publicImg/agreement.png") no-repeat;
}
.copyright-box .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 20px 0;
}
.copyright-box p {
    padding: 5px 0;
    line-height: 24px;
    text-indent: 25px;
}
/* 20140716头部导航修改 */
.wrap-header {
    position: absolute;
    z-index: 12;
    width: 100%;
    height: 70px;
    background: #ededed;
    background: url("../index/images/header-bg.png") repeat-x\9;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e8e8e8));
    background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e8e8e8));
    background: gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e8e8e8));
}
.header {
    width: 1000px;
    height: 70px;
    margin: 0 auto;
}
.header .logo {
    float: left;
}
.header a img {border: 0;}
.header .nav {
    float: left;
    margin: 0 0 0 100px;
}
.header .nav li {
    float: left;
    position: relative;
    line-height: 78px;
}
.header .nav li.sl {
    background: url("../index/images/nav-sl.gif") no-repeat right 30px;
}

.header .nav li .new {
    position: absolute;
    right: 5px;
    top: 18px;
}

.header .nav li span {
    display: block;
}
.header .nav li a {
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 0px 30px;
}
 .header .nav li a:hover {
    color: #b60606;
}
.header .nav li.active {
    background: url("../index/images/nav-ac-bg.gif") repeat-x 0 0;
}
.header .nav li.active span {
    background: url("../index/images/al.gif") no-repeat left 0;    
}
.header .nav li.active a {
    background: url("../index/images/ar.gif") no-repeat right 0;    
}

.header .nav li:hover {
    background: url("../index/images/nav-ac-bg.gif") repeat-x right 0;    
}
.header .nav li:hover span {
    background: url("../index/images/al.gif") no-repeat left 0;    
}
.header .nav li:hover a {
    background: url("../index/images/ar.gif") no-repeat right 0;       
} 
.header .ug-user {
    float: right;
    width: 111px;
    height: 70px;
}
.ug-user .top-msg-box {
    position: relative;
    margin: 30px 20px 0 0px;
    width: 47px;
    height: 30px;
    background: url("../index/images/nav-sl.gif") no-repeat right 0;
}
.ug-user .top-msg-box .ug-my-mes {
    display: block;
    width: 22px;
    height: 16px;
    overflow: hidden;
    background: url("/web/static/ugcImg/ugc-spr.png") no-repeat -115px -678px;
}
.ug-user .top-msg-box .ug-my-mes:hover {
    background-position: -115px -709px;
}
.ug-user .ug-my-tophead {
    margin: 16px 4px 0 0px;
    width: 40px;
    position: relative;
    float: right;
}
.ug-user .ug-my-tophead img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}
.ug-user .ug-my-tophead .sub-nav {
    position: absolute;
    top: 45px;
    left: -98px;
    width: 140px;
    z-index: 100;
    background: #f8f8f8;
    border: 1px solid #ccc;
    display: none;
}
.ug-user .ug-my-tophead .sub-nav a {
    display: block;
    padding: 8px 0 8px 40px;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    color: #666;
    font-size: 14px;
}
.ug-user .ug-my-tophead .sub-nav a.nobor {
    border: 0;
}
.ug-user .ug-my-tophead .sub-nav a:hover {
    text-decoration: none;
    color: #444;
    background: #eee;
}
/* footer */
.footer {
    clear: both;
    position: relative;
    top: 70px;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin: 0px auto;
    font-size: 12px;
}
.footer .link {
    padding: 10px 0;
    text-align: center;
    color: #666;
}
.footer .link a {
    font-size: 14px;
    line-height: 18px;
    border-right: 1px solid #cecdcd;
    padding: 0px 25px;
    color: #666;
}
.footer .link a.nobor {border: 0;}
.footer a {
    color: #999;
}
.footer .copy-right {
    text-align: center;
    color: #999;
}
#sta_collection {
    position: absolute;
    left: -9999px;
}
#agreement .title{
    font-weight: 100;
    padding:10px 0 0 0;
}
#agreement .item{
    line-height:38px;
    font-size:16px;
    color:#333;
    padding-top:16px;
}
#agreement p{
    text-indent: 0;
    font-size: 14px;
    color:#666;
    line-height:22px;
}
#agreement p span{
    font-weight: 900;
    color:#333;
}
.footer .yqlink{padding:10px 0;text-align: center;color:#666;}.footer .yqlink a{font-size:14px;line-height:18px;padding:0 5px;color:#666;}