@charset "utf-8";
/* @author -------- cued.xunlei.com - Baeor Huang huangwanfang@xunlei.com
 * @time   -------- 2011-11
 * @type   -------- xiazaiqi.xunlei.com site style */
html,body,div,object,embed,pre,code,h1,h2,h3,h4,h5,h6,p,span,em,cite,del,a,img,ul,li,ol,dl,dt,dd,fieldset,legend,form,input,textarea,button,table,caption,thead,tbody,tfoot,th,tr,td,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
ins{text-decoration:none}
del{text-decoration:line-through}
em{font-style:normal}
legend{display:none}
textarea{overflow:auto}
select,button,input,option,textarea{font-size:12px;color:#666666}
label,input,select{vertical-align:middle;font-family:\5B8B\4F53;}
label{cursor:pointer}
button{border:0 none;cursor:pointer}
html{overflow:hidden;}
.add_page{ overflow:auto;}
body{text-align:left;font:12px/1.5 \5FAE\8F6F\96C5\9ED1,Arial,Tahoma,Helvetica,sans-serif;color:#333333;word-wrap:break-word;}
a{cursor:pointer;text-decoration:none;color:#333333}
a:hover,a.rw_gray{text-decoration:underline}
.btn:hover,.mainnav li a:hover,.tl:hover,.lk_back:hover{text-decoration:none}
.tl,.tl:hover,.lk_back{text-decoration:underline}
.fb{font-weight:bold}
.fr{float:right}
.fl{float:left}
.f14{font-size:14px}
.f16{font-size:16px}
.c_point{color:#B7B7B7}
.list_num{ list-style:decimal outside;margin-left:22px}
.a_cm{ color:#2270ca; margin:0 3px;}
.pt20{ padding-top:20px;}
/*------- reset style end -------*/

/*edit-by-xuanjie-20140812*/
.btn-t-close,.i-good,.i-sad,.apple-android,.i-fb-qq,.i-contact-email,.i-contact-qq,.i-arr-down,.i-arr-up,.dot-blue,.i-source-qq,.i-source-serviceqq,.i-source-bbs,.i-source-web,.play-fnav,.play-fnav-dot,.prep-num,.btn-nextarr,.source-add-close,.backbtn{ background:url(../img/tutor/spr_source.png) no-repeat; overflow:hidden;}
.i-good,.i-sad{ margin-right:4px; display:inline-block;vertical-align:-7px; *vertical-align:middle; width:25px; height:25px;}
.i-good{ background-position:-75px 0;}
.i-sad{ background-position:-50px 0;}
.apple-android{ display:inline-block; width:52px; height:18px; background-position:-50px -100px;}

.whitebg{ background:#fff;}
.sourcezone{ position:relative; padding:10px 0 0 40px; *zoom:1; width:580px; height:400px;}
.backbtn{ position:absolute; left:4px; top:-7px; width:25px; height:25px; text-indent:-200%; background-position:-75px -150px;}
.backbtn:hover{ background-position:-75px -125px;}
.source-h{ margin-bottom:6px; font-weight:normal; font-size:24px;}
.sourcezone p{ color:#646464;}
.source-list{ margin:14px 0 30px;}
.source-list li{ float:left; display:inline; padding:0 20px 20px 0;}
.source-list img{ display:block;}
.source-add{ display:block; width:198px; height:120px; font:60px/120px arial; text-align:center; color:#a2a6ab; border:2px dashed #a2a6ab;}
.source-add:hover{ color:#85b2f1; border-color:#85b2f1; text-decoration:none;}
.source-addbox{ position:relative; display:block; width:202px; height:124px; font-size:24px; line-height:1.2; text-align:center; color:#fff; background-color:#00b0ec;}
.source-addbox em{ display:inline-block; vertical-align:middle;}
.v-line{ display:inline-block; vertical-align:middle; width:1px; height:100%;}
.source-addbox:hover{ text-decoration:none; background-color:#00b4f2;}
.source-add-close{ position:absolute; right:4px; top:4px; width:25px; height:25px; background-position:0 -50px;}

.u-qabox{ margin-bottom:40px; width:420px; font-size:14px;}
.u-qabox h3,.bindingbox h3{ margin-bottom:4px; font-weight:normal; font-size:18px;}
.u-qabox p a{ color:#51a2fc;}
.btn-bug{ display:block; margin:24px auto 0; width:144px; height:34px; line-height:34px; font-size:14px; text-align:center; color:#fff; background-color:#2a70e8; border-radius:6px;}
.btn-bug:hover{ text-decoration:none; background-color:#337cf7;}
.feedback-typelist{ margin-top:10px;}
.feedback-typelist li{ padding-top:20px;}
.fb-tl-name,.fb-qbox{ display:inline-block; vertical-align:top; font-size:14px; color:#646464;}
.fb-tl-name{ width:110px; line-height:42px; text-align:right;}
.fb-qbox{ position:relative; padding:10px 0 10px 48px; width:156px; height:20px; border:1px solid #dddbdc; border-radius:6px; box-shadow:0 1px 0 #dddbdc;}
.fb-qbox em{ padding-left:10px; border-left:1px solid #dddbdc;}
.i-fb-qq{ position:absolute; left:14px; top:8px; width:25px; height:25px; background-position:-50px -150px;}
.u-contact-p{ margin-top:10px;}
.i-contact-email,.i-contact-qq{ display:inline-block; vertical-align:middle; margin-right:4px; width:24px; height:24px;}
.i-contact-email{ background-position:0 -25px;}
.i-contact-qq{ background-position:0 0;}

.binding-type{ width:900px; padding-bottom:20px;}
.binding-type .tutorlist{ padding:70px 0 0 60px; height:400px;}
.binding-type .tutorlist li{ padding:0 30px 0 40px;}
.binding-type .tutorlist h4{ font-size:16px;}

.bdbox-nav{ position:relative; margin:0 0 0 -20px; height:34px; border-bottom:1px solid #d8d8d8;}
.bdbox-nav-ul li{ float:left; display:inline; margin-right:20px; font-size:14px;}
.bdbox-nav-ul a{ display:block; padding:0 6px; line-height:30px; border-bottom:4px solid #fff;}
.bdbox-nav-ul a:hover{ text-decoration:none; border-color:#4789f9;}
.bdbox-nav-ul a.on{ border-color:#4789f9;}
.bdbox-abs{ position:absolute; right:0; top:0; line-height:34px;}
.bdbox-abs a{ color:#4789f9;}
.bdbox-list{ position:relative; overflow:hidden; overflow-y:auto;}
.bdbox-list-ul li{ position:relative; padding:14px 0; height:auto!important; height:56px; min-height:56px; font-size:12px; border-bottom:1px dotted #eaeaea;}
.bdbox-list-ul li h3{ padding-top:6px; font-size:14px;}
.bdb-img{ float:left; margin:0 16px 0 6px;}
.abs-unfold{ position:absolute; right:0; top:30px; padding-right:22px; line-height:25px;}
.i-arr-down,.i-arr-up{ position:absolute; right:0; top:0; width:25px; height:25px;}
.i-arr-down{ background-position:-75px -50px;}
.i-arr-up{ background-position:-50px -50px;}
.bdbox-list-bp{ padding:10px 0; font-size:14px; text-align:right;}
.bdbox-list-bp a{ color:#4789f9;}
.bdbox-sub{ margin-top:20px; padding:10px 0; border-top:1px dotted #eaeaea;}
.bdbox-sub h4{ margin-bottom:10px; font-weight:normal; font-size:18px;}
.bdbox-sub-fp{ line-height:30px;}
.dot-blue{ float:left; margin-right:6px; width:27px; height:27px; line-height:27px; color:#fff; text-align:center; background-position:-125px -150px;}
.bdbox-sub-fluent .tl-code{ width:330px;}
.bdbox-sub-fluent .tl-code .apple-android{ margin-top:0;}
.bdbox-sub-fluent .tl-code img{ margin-bottom:10px; padding:10px; border:1px solid #eaeaea;}
.bdbox-sub-support{ margin-top:40px;}
.u-bdbox-ss{ display:inline-block; vertical-align:top; width:110px; text-align:center;}
.bdbox-sub-support-box{ padding-top:10px;}
.i-source-qq,.i-source-serviceqq,.i-source-bbs,.i-source-web{ display:block; margin:0 auto 4px; width:50px; height:50px;}
.i-source-qq{ background-position:-175px 0;}
.i-source-serviceqq{ background-position:-175px -50px;}
.i-source-bbs{ background-position:-175px -100px;}
.i-source-web{ background-position:-175px -150px;}
.play-ycbox{ position:relative;}
.play-ycbox h3{ font-weight:normal; font-size:18px;}
.p-ycb-next{ padding:20px 0; font-size:14px; text-align:center;}
.btn-nextarr{ display:inline-block; margin-top:10px; width:25px; height:25px; background-position:-50px -75px;}
.play-prepare{ padding:0 0 20px;}
.play-prepare li{ position:relative; padding:50px 0 0 58px; *zoom:1;}
.play-prepare li h4{ font-weight:normal; font-size:18px;}
.play-prepare p a{ color:#4789f9;}
.play-ycbox-1 img{ margin-bottom:30px;}
.play-ycbox-2 img{ margin-bottom:73px;}
.play-prepbox{ margin-top:30px;}
.play-prepbox-l{ float:left; margin-right:40px; width:290px;}
.play-prepbox-l h5{ font-size:16px; color:#ff8400;}
.play-prepbox-l .tl-code .apple-android{ margin-top:0;}
.play-prepbox-l .tl-code img{ margin-bottom:10px; padding:10px; border:1px solid #eaeaea;}
.play-prepbox-r{ float:left; padding-left:40px; border-left:1px solid #eaeaea;}
.play-prepbox-r p{ padding:10px 0;}
.play-prepbox-r img{ display:inline-block; margin-right:10px; vertical-align:middle;}
.prep-num{ position:absolute; left:0; top:48px; width:50px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center;}
.pp-num1{ background-position:-125px 0;}
.pp-num2{ background-position:-125px -50px;}
.pp-num3{ background-position:-125px -100px;}
.play-fnav{ position:absolute; right:40px; top:10px; padding:10px 0; width:34px; height:90px; background-position:-300px -25px; overflow:visible; z-index:2;}
.play-fnav a{ position:relative; display:block; height:30px; overflow:hidden;}
.play-fnav-dot{ position:absolute; left:2px; top:2px; width:25px; height:25px; background-position:-300px 0;}
.play-fnav a:hover .play-fnav-dot,.play-fnav a.on .play-fnav-dot{ background-position:-325px 0;}
.play-fnavbg{ position:absolute; right:36px; top:0; padding-left:15px; width:115px; height:30px; line-height:30px; color:#fff; background:url(../img/tutor/f_navbg.png) no-repeat;}
.play-fnav a:hover,.play-fnav a.on{ overflow:visible; text-decoration:none;}
.play-fnav a:hover .play-fnavbg,.play-fnav a.on .play-fnavbg{ right:0;}

.t-pop{ position:fixed; _position:absolute; left:50%; top:50%; margin:-225px 0 0 -340px; padding:16px 20px 10px; width:640px; background:#fff url(../images/pop/pop_mainrpx.png) repeat-x; box-shadow:0 0 10px rgba(0,0,0,.3); font-family:"microsoft yahei"; z-index:1001;}
.t-pop-mid{ margin:-113px 0 0 -230px; width:420px;}
.t-pop-tit{ margin-bottom:40px;}
.t-pop-tit h3{ font:14px/1.6 "microsoft yahei";}
.btn-t-close{ position:absolute; right:12px; top:12px; width:25px; height:25px; text-indent:-200%; background-position:-50px -125px;}
.tutorlist{ height:350px;}
.tutorlist li{ float:left; display:inline; padding:0 20px 0 10px; color:#555;}
.tutorlist h4{ margin-bottom:6px; font-weight:normal;}
.tutorlist p{ font-size:14px;}
.li-one{ margin-right:20px; width:360px; border-right:1px dotted #d6d6d6;}
.tl-imgbox{ display:block; margin:10px 0 20px; padding-top:20px; width:360px; height:110px; background:url(../img/tutor/pop_typeimg.png) no-repeat;}
.tl-imgbox a{ float:left; display:inline; margin-left:16px; width:70px; height:100px;}
.tl-inp{ margin:10px 0 4px;}
.tl-inp input{ float:left; padding:0 8px; width:180px; height:28px; font:12px/28px tahoma,"microsoft yahei"; border:1px solid #d6d6d6; border-right:none; border-radius:6px 0 0 6px;}
.btn-pop-bind{ display:inline-block; width:76px; height:28px; line-height:28px; font-size:14px; text-align:center; color:#fff; background-color:#4789f9; border:1px solid #337cf7; border-radius:0 6px 6px 0;}
.btn-pop-bind:hover{ text-decoration:none; background-color:#337cf7;}
.tl-inp-ect{ width:276px;}
.tl-inp-ect p{ width:198px; font-size:14px;}
.tl-inp-ect a{ width:76px; line-height:25px; color:#037aff;}
.li-two{ width:186px;}
.tl-code{ margin-top:30px; text-align:center;}
.tl-code img{ display:block; margin:0 auto;}
.tl-code .apple-android{ margin:16px 0;}
.tl-p{ font-size:14px; color:#999;}
.tl-p a{ color:#037aff;}
.t-pop-addinp{ margin-bottom:20px;}
.t-pop-addinp input{ padding:0 10px; width:398px; height:40px; font:14px/40px "microsoft yahei"; border:1px solid #e6e5e6; border-radius:6px;}
.t-pop-btnbox{ padding:10px 0 20px; text-align:center;}
.btn-t-pop{ display:inline-block; width:114px; height:36px; line-height:36px; font-size:14px; text-align:center; color:#fff; background-color:#2a70e8; border-radius:6px;}
.btn-t-pop:hover{ background-color:#337cf7; text-decoration:none;}